2016年7月第4週号 1位は、一貫性を持ったデザインをするための7つのヒント、気になるネタは、Google、機械学習を利用した「ふきだしズーム」を公開

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

一貫性を持ったデザインをするための、7つのヒントをまとまた記事です。

UIキットはなぜUXデザインに使えないのかを解説しています。

UIデザインキットはUXデザイナーではなくビジュアルデザイナーが作っているので、美しく作られているものの実用性や実現可能性があまり考えられていないということでした。

Anime.jsというCSS＆SVGアニメーション用のJavaScriptライブラリを解説した記事です。

SVGを使ったパスに沿ったアニメーションやモーフィングの設定方法を紹介しています。

Webデザインに役立つCSSライブラリやフレームワーク、ツールなどを集めて紹介しています。

スタイルガイドのツールや、レスポンシブなHTMLメールのためのフレームワーク、Flexboxを使うためのツールなども掲載されていました。

Webデザインの参考になるサイトを集めた記事で、背景画像の上に大きく文字が載っているデザインをまとめています。

文字がアニメーションして現れたり、背景画像が変化したりスクロールによる効果があったりと、何かしらのヒネリがあるものが多いです。

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

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

Jacoは、Webサイトの訪問者の行動のすべてを「録画」して見ることができるサービスです。ユーザーがサイト上でどういう操作を行っているのか、どこで離脱しているのかなどを知ることができます。

ユーザー登録して、トラッキング用のコードをページに埋め込んでおくだけで使えます。ユーザーが行った行動は、まさにユーザーの画面を覗いているかのように再生できます。

ユーザーの使ったデバイスや画面サイズなども分かりますし、実際のユーザーの環境に合わせた画面サイズで再生されます。再生速度を変えたり、特定のシーンにメモを残す機能もあります。

基本有料のサービスですが無料のプランもあり、14日間試用できます。

Google Play Booksで、マンガのフキダシ部分だけを拡大表示できる機能が搭載されました。これは、AI（人工知能）による機械学習によって自動でフキダシを認識させたそうです。

記事には詳しく載ってないのですが、フキダシを読む順番もAIがちゃんと認識したのでしょう。日本のマンガ、特に少女マンガはフキダシの順番を認識するのが人間でも難しいのですが、AIが学習していくと人間よりも正確に認識してくれそうな気もします。

この技術を応用して、Google画像検索で画像の文字の部分だけを大きくしたりできると、スマートフォンなど小さな画面で見るときに便利ですね。また、AIを使ってフキダシの中を他の言語に翻訳して書き換えるなんてことも自動でできそうです。