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, 技術情報

執筆者:

関連記事

Mii Editor で似顔絵作った

会社でMii Editorなるものがあると聞いて試してみたらナカナカ面白かったので、自分の似顔絵も作ってみる事にした。  ・Mii Editor: Create and Edit Mii Charac …

Apple Store 銀座 でバッテリーを無償交換

MacBookに色々ガタがきていたのでGenius Barに予約をしておいて、会社帰りにApple Store 銀座に行ってきました。 会社出る時から降ってたけどちょうど銀座着いたあたりでドシャ降りに …

ミニブログ(Twitter,Tumblr,Jaiku)をRSSアグリゲータとして使い倒す

※(追記:2007/10/17)twitter編のtwitterfeedの説明が間違っていたので直しました。sanbo-nさん、あざーす! マイクロブログ(とかミニブログ?)と呼ばれて大流行している …

仮説:twitter は SEO 対策として有効なのでは?

今日なんとなしに自分のサイトの検索結果を調べようと思って、Google と Yahoo で yager と検索したら、「Twitter / yager」(オレのtwitterアカウントのホーム)が検索 …

no image

動画を楽しもう!(MacでDVDコピー編)

え!?いつからシリーズ化したの? って感じですが、前回はWindowsのソフトを紹介したので今日はMac用です。 「HandBrake」:http://handbrake.m0k.org/index. …

スポンサードリンク

スポンサードリンク