2012年4月第1週号 1位は、デザイナーのためのHTML5の演習、気になるネタは、ハンズフリーでページがめくれる、魔法みたいな電子書籍リーダー

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年3月26日～2012年4月1日の間に見つけた記事のベスト5です。

デザイナーのためのHTML5の演習と題した記事です。

以下の項目で解説されています。

コードの実例や参考リンクも充実しているので、HTML5の勉強に役立つと思います。

HTML5のフレームワークをまとめています。フォームのジェネレーター、WordPress用のフレームワークも掲載されていました。

また、ドラッグ＆ドロップで簡単にHTML5のWebサイトが作れる、WixというWebサイトビルダーも紹介されています。

ビジュアルを用いたブレインストーミングに役立つツールを集めた記事です。

画像をたくさん貼り付けて、チームでリアルタイムに共有できるようなツールが各種紹介されています。

Pinterestも載っていますが、たしかにビジュアルブレインストーミングに役立ちそうです。ここでもWebサイトビルダーのWixが紹介されていました。

モバイル向けのUIデザインパターンのギャラリーサイトを数多く紹介しています。モバイルサイトやモバイルアプリのインターフェイスの実例を、カテゴリごとに見ることができます。

Appleの影響を受けているという切り口でのWebデザインのギャラリーです。iPhone、iPad、Macのアプリケーションの紹介サイトばかりなので、Appleっぽいテイストが利用されているのもうなずけます。

そのほか、先週の記事の中から、気になるニュース記事を紹介します。

先週の気になるWebサービス

Web制作関連ブログを横断検索できるサービスです。「⁠Webクリエイターズボックス」「⁠Webデザインレシピ」「⁠コリス」「⁠かちびと.net」などの厳選されたブログを対象に検索することができます。

Googleカスタム検索を使っているようです。サジェスト（文字の入力途中で出てくる候補）にはWebデザイン関連用語がでてきたり、検索したあと「jQuery」「⁠WordPress」などの用語のタブで絞り込みができたりと、なかなかよくできています。

また、ここで検索対象となっているブログのRSSを、まとめてGoogle Readerに登録するためのXMLファイルも提供されていて、こちらも便利です。

手を使わずにページがめくれる電子書籍リーダーが登場しました。「⁠MagicReader（マジック・リーダー⁠）⁠」というiPad用アプリで、iPadのカメラで顔の動きを認識して、首を振ることでページをめくることができます。

電車の中で首を振りながら読書している人がいたらイヤだなとも思ったのですが、アプリの紹介文でのシチュエーション例を見ると、なるほどと思いました。料理をしながらレシピを見たり、楽器を演奏しながら楽譜をめくるのは確かに便利そうです。赤ちゃんをだっこしながら読書というのも需要はありそうですね。

この顔の動きの認識の技術は、別の用途にも使えそうです。「⁠あっちむいてほい」などゲーム分野でも活用されるんじゃないでしょうか。