2016年1月第4週号 1位は、インターフェイスデザインにおける意味のあるアニメーション（セマンティック・アニメーション）についての考察、気になるネタは、Facebookの最新機能は、スポーツの試合をフォローして友達と語り合う場

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

インターフェイスデザインにおける、意味のあるアニメーション（セマンティック・アニメーション）についての考察です。

例えばiOSでは、ホーム画面に並んでいるアイコンから起動するアプリがズームインしますが、アプリ切り替えのときにズームアウトすると他のアプリが横に重なって並んでいるので、矛盾していると指摘しています。

以下の項目に分けて、意味性、一貫性から考えた良いアニメーションを探っていますが、セマンティック・アニメーションの考え方をこれから普及させていく段階のようです。

Webデザインでのレスポンシブなタイポグラフィについてまとめた記事です。

2は、h1、h2、h3などのフォントサイズを、一貫性を持った比率でスクリーンサイズに合わせて可変させるということのようです。

レスポンシブなタイポグラフィに使える、TypeというSassのライブラリも紹介しています。

WebKit（Safari）のWebインスペクタの10周年を記念して歴史をまとめています。ChromeのデベロッパーツールもベースはこのWebインスペクタです。

新機能がいつ搭載されたかの記録が多いので、機能のおさらいにもなります。

印象深いトップページのギャラリーです。トップページがアプリの起動画面（スプラッシュスクリーン）のようなサイトが多数紹介されています。

実際にリンク先に行くと、ここに掲載されているスクリーンショットと違う画像が表示されることが多かったです。画像をどんどん入れ替えていたり、複数画像をランダムで切り替えているサイトが多いのでしょう。

SVGに関する情報へのリンクをまとめています。テクニックや素材、ジェネレーターなどが紹介されています。

SVGでカレンダーを生成するというコードが紹介されていますが、このようにオンラインでSVGを生成して、それをIllustratorなどに取り込んで素材として使うという手法も今後増えそうです。

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

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

今回は、画像編集、ビデオ編集、音楽編集のWebサービスをまとめた記事を紹介します。最近はモバイルアプリが注目を集めることが多いですが、Webサービスもかなり充実してきています。

クライアントにCMSを使ってもらう際に、簡単な画像編集のためにWebサービスを紹介するのもありかと思います。その場合、日本語対応の方が受け入れられやすいはずですが、この中では、Pixlr Editor、Befunky、Polarrはインターフェイスが日本語化されていました。

また、この手のツールには画像を装飾するスタンプ（英語ではStickerという呼び名が主流）などの素材が用意されているものも多いので、そういった素材目当てでの活用法もあると思います。

Facebookでスポーツの試合をネタにリアルタイムで語り合えるようになるそうです。今年のオリンピックを見据えての機能強化かもしれません。

スポーツ中継と親和性の高いのはTwitterですが、ハッシュタグや検索結果で見ていると、悪口やノイズなどが多くて残念な気持ちになることの多いのが現状です。知り合いだけの空間のFacebookの方が安心して盛り上がれそうです。

とはいえ、TwitterだろうがFacebookだろうが海外発のサービスなので、2020年の東京オリンピックの時には、日本独自のテクノロジーで盛り上がれることを期待したいですね。