池澤あやかが教えるTumblr講座「多彩なデザインが可能」

2014年05月20日 17時30分更新

　女優の池澤あやかちゃんは、文句なしの美女でありながら、Ruby界でも女神と呼ばれるほどの「本物」っぷりを発揮しているガチでギークな女優。「ばりばりプログラムができる」特技を生かして活躍中です。

　そんな池澤あやかちゃんが、ウェブサービス「Tumblr」の使い方やカスタマイズ方法などについて解説する連載がスタートしました。「Tumblrって聞いたことはあるけど、どういうものかわからない」「一応、登録はしているけどいまは全然使ってない」という初心者に向けて、わかりやすく解説します。今回は池澤あやかちゃんおすすめの本『Designing Tumblr（関連サイト：Amazon）』にて紹介されている、凝ったデザインのTumblrブログを見ていきましょう。「Tumblrってこんなデザインもできるの!?」と驚くはずです。

柔軟にデザインできるTumblrブログ

　「この連載でもこれから解説していきますが、Tumblrはカスタマイズしやすいという特徴もあります。好きなテーマを選んで切り替えることもできますし、知識があれば、自分で自由にデザインすることも可能です。実は一見するとTumblrブログっぽくないサイトもあり、Tumblrの柔軟さがわかります。例えばアイドルグループの『でんぱ組.inc』さんの公式サイトはTumblrで作られているんですよ」

でんぱ組.inc公式サイト
右上に「フォロー」「ダッシュボード」ボタンが用意されているので、Tumblrサイトだとわかります
http://dempagumi.dearstage.com/

　「Tumblrについて解説している本はいくつかありますが、デザインについて紹介しているおすすめの本は『Designing Tumblr』です。デザインに注力しているので、サイト制作のアイデアを見るのが楽しいですね。きれいなサイトが結構のっていて、これがみなTumblrでできているんだと思うと驚きます。今回は、この中からお気に入りのTumblrブログを紹介していきましょう」

『Designing Tumblr』のおすすめブログ

「it's no biggie」
色鉛筆GIFもコンテンツも可愛いし、フォローしちゃお（笑）。既存のテーマ『The Minimalist』を元に調整してデザインしていますね
http://itsnobiggie.tumblr.com/

「thirozumi.tumblr.com」
私が「うおぉぉぉっ」って感動したのがこのサイトです。これ、全部写真を引き伸ばしていて、完全にアートになっているんですよ。そしてこのアートをクリックすると元の写真が表示されます
http://thirozumi.tumblr.com/

（ソースコードを見ながら）あ、「container」の記述で画像を回転させて横に引き伸ばしているみたいですね。面白いです。（ソースコードで機能をオフに）ここで機能をオフにすると、元の画像の一覧になります

「WAND」
これも面白い! スクロールするとコンテンツが奥から手前に出てくるんです。ちょっとしたアイデアですよね。ワンテクニックで面白く見せることができます
http://wandmag.tumblr.com/

「kakato-kara-ok.tumblr.com」
あとカカト! ここも面白いですよ（笑）。これはYouTubeに投稿した動画を全画面で張っているだけです。だからコンテンツがひとつなんですよ。別に記事を書くわけでもなく、映像が流れるだけ。Tumblrをコンテンツ置き場として使っているパターンですね
http://kakato-kara-ok.tumblr.com/

おすすめのTumblr
　ここでは、池澤あやかちゃんおすすめのTumblrブログを紹介します。ぜひ、フォローして、気に入った記事を「リブログ」してください。

「WISUT PONNIMIT」
『Designing Tumblr』でも紹介されていますが、タイのマンガ『タムくん』の作者さんのページです。タムくん、好きなんですよ（笑）
http://www.wisutponnimit.com/