Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Tumblr 技術情報

ラーメン画像を高画質で楽しむ「menblr. (麺ブラ)」を始めました

投稿日:


menblr_top
menblr. (麺ブラ)
痩せる痩せる詐欺継続中、ラーメン大好きヤガーです!
もともとラーメン好きだったのですが、就職してからずっとラーメン過疎地区で働いていたのでそうでも無かったのが、渋谷で働き始めてから病的なまでにラーメンを食べ続けてかれこれ10キロ以上太ってしまったですよ…。ブロガーの習性で食べる前に写真撮ったりしていたのですが、今まではFacebookに上げたりロケタッチしたりとあちこちに写真投稿してきたわけですが、ここらでちゃんと残る形で情報を貯めていこうと思いまして、Tumblrにサブブログを作って公開することにしました。
まあ、ラーメンブログなんて星の数だけありますし普通にブログ作ってもしょうがないなと思ったり、かと言ってラーメンデータベース的なものを作るほど詳しいわけでもないんで、どういう形で公開するかちょっと迷ったのですが、めちゃくちゃデカイサイズの画像をブラウザいっぱいに表示して、あたかもラーメンのどんぶりの中で溺れてる感覚が味わえそうなデザインを思い付きまして、Tumblrテーマでの表現の可能性を試すという別の目的も見つけたので方向性が固まりました。


menblr_category
TOPページには新着順でラーメン画像がタイル上に並んでいて、サイドバーのカテゴリーから「エリア」「種類(味)」で絞り込むことができます。Tumblrでは各記事にタグが付けられるのでタグでカテゴリーを表現しています。
menblr_detail
個別ページではガラっとレイアウトを変えて、背景に高画質(high-res)サイズの写真を表示しています。Tumblr画像の最大サイズは1280pxありますから画面いっぱいに表示できます(しかし、最近PCの解像度がどんどんデカくなってるけどなぁ)。ここでスープに溺れるような感覚を得られるかとw
menblr_detail_info
画面左上あたりにラーメン情報をまとめています。
基本的に、メニュー名・金額・店舗名はメモっていて、プラス

  • エリア
  • 店舗名
  • 種類(ラーメン、つけ麺、油そばなど味の種類も)

でタグを付けるようにしています。
ハートマークをクリックすると、Tumblrでのリアクション(Like、Reblog)を表示していますが、無駄に「スキ!」を「うまそう!」に、「リブログ」を「おかわり」に変換しています。細けーww
menblr_detail_related
画面右側にはお馴染みTumblrボタンと、「他のオスス麺」として関連記事を表示しています。関連記事は複数のタグから関連度の高い記事をJavaScriptで集計して表示していますが、この辺のやり方は別の機会に書けたらと思います。
というわけで、まあ誰も得しないだろうと思われるブログですが興味ある方はフォローしていただければと思います。不定期更新ですが、深夜とかに「オレのラーメンフォルダが火を噴く」かもしれませんのでご容赦ください。
menblr. (麺ブラ)
【Amazon.co.jp限定】ラーメンバラエティアソートセット(海鮮中華そば・とりガラ醤油・北海道みそ・北海道醤油・北海道味噌・北海道塩 各2個)
B002K6F804
じごくのラーメンや
4774611557
無化調ラーメンMAP―東京・神奈川・千葉・埼玉
4902615401

-Tumblr, 技術情報

執筆者:

関連記事

no image

新型MacBook(Late 2008) は10月23日に到着予定

15日に発表されてソッコー注文した新型MacBookなんですが、まだ手元には届いていません>< BTOはUSキーボードだけなのですが、注文時点で「5〜7営業日で発送」となっていました。

Windows10のタスクバーやエクスプローラーが不安定なのでDISM&SFCで復旧

Windows10・・・といっても自分用ではなく実家のPCなんですが、4年前に買ったDellのラップトップの調子が悪いというので見に行きました。 症状としては、しばらく使っているとタスクバー(画面下の …

no image

動画を楽しもう!(インターネット編)

お待たせしました、動画シリーズ第3回はwebサービスを紹介します。 前回まではDVDから動画に変換する方法を紹介しましたが、今回は趣向を変えてオンラインで動画を配信しているサイトを集めて見ました。Yo …

no image

ブログバトラーが面白い

Flashでできてる、いわゆるブログパーツってやつだけど、これは面白い。実際他のバトラーと戦う事ができる。HP/MPみたいなのや各種ステータスの設定、RSSから読み込んだ文章を解析して魔法なんかの設定 …

エンジニアの時代到来!Startups2010キックオフに行ってきた

インターネットビジネス支援プロジェクト Startups2010 8/3(火)にサイバーエージェント・インベストメント(以下CAI)主催のStartups2010キックオフカンファレンスというのがあっ …

スポンサードリンク

スポンサードリンク