2017年7月第3週号 1位は、2017年のWebデザインのトレンド、気になるネタはカメラを向けるだけでナレーションしてくれるアプリ「Seeing AI」、MSが公開

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

2017年のWebデザインのトレンドについてまとめた記事です。

1は、たとえば背景色と写真との両方に文字が載っているようなレイアウトのことです。

ユーザーが嫌うUXパターンを5つ紹介しています。

CSSを設計していく上でのコーディングルール、命名規則などのソリューションを紹介しています。

以下の6つのものが紹介されていました。

マテリアルデザインのフレームワークを比較した記事です。

人気、CSSプリプロセッサ、ブラウザサポート、長所、短所などを各フレームワーク別にまとめています。

マテリアルデザインのCSSコーディング例をまとめた記事です。

アニメーションするボタン、モーフィングするアイコン、ハンバーガーメニューなどを、コード共有サイトCopePenから紹介しています。

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

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

Webページ内の画像の読み込みスピードテストと解析を行うWebサービスです。結果はABCのランクで評価されます。

画像をクラウドで管理してサイズ変更や加工なども行えるCloudinaryが提供しているサービスで、Cloudinaryを使うとどれだけパフォーマンスがアップするのかが表示されます。Cloudinaryの宣伝につながってるわけです。

ページ内の各画像について、フォーマットやサイズを変えることで、どのくらい軽量化できるかが分かります。また、実際に変換した画像を生成してダウンロードすることも可能です。

Microsoftがカメラに写ったものをAIで認識して読み上げてくれるiPhoneアプリを公開しました。残念ながら日本ではまだ使えません。

カメラに写っている人やものを教えてくれるので、目が不自由な人をサポートするツールというわけですね。人物は顔認識され、登録されている人なら名前を呼び上げてくれるそうです。表情や服装も教えてくれるとのこと。

文字を認識したり、バーコードから商品情報を調べたりもできるようです。結果はテキストでも表示されますし、目が不自由な人専用というわけではないのでしょう。今後の機能強化に期待したいですし、他社から同様なアプリが登場するのも楽しみですね。