2018年9月第4週号 1位は、ハンバーガーメニューの良い点、悪い点、気になるネタは、Amazon、「Echo」ファミリー拡大で「Echo Dot」などの更新および電子レンジ他の新製品

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

ハンバーガーメニューの良い点、悪い点を解説しています。

レイアウトデザインのトレンドを9つ紹介した記事です。

拡張性がありアクセシブルなカラーシステムを作る新しい方法を紹介しています。

ColorBox.ioというオンラインツールが公開されており、この記事で解説している独自のアルゴリズムによってカラーシステムを作れます。

UXに使用するアニメーションの究極のガイドと題し、主な原則とルールをまとめた記事です。

良い例と悪い例や解説をGIFアニメーションで見ることができて、わかりやすいです。

デザインに黄金比を使うためのテクニックと実例をまとめた記事です。

黄金比を計算するためのツールとテンプレートのリンク集も載っています。

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

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

Codierはフロントエンドのコード共有サービスです。共通のテーマに対してコーディング技術を競う「Challenges」を前面に打ち出しています。

たとえば「Material Design Card」といったテーマには43個の投稿があります。評価が高い（いいね！的なものが多い）順に表示されるので、良いコードが探しやすくなっています。

コード共有サービスとしての機能も同種のものと遜色なく、シンプルなデザインで使いやすく感じました。まだ投稿数がそれほど多くなく、各Challengesも10票くらいのプラス評価で1位になれるくらいです。腕に覚えのある人は、今が目立てるチャンスだと思います。

Amazonが音声アシスタント「Alexa」とスマートスピーカー「Echo」シリーズ関連の新製品をいろいろと発表しました。ディスプレイ付き「Echo Show」も新モデルから日本で発売されます。

ちょっと面白いのが、Echoと連動して使う電子レンジと壁掛け時計です。「⁠レンジで2分温めて」など音声の命令で電子レンジをコントロールできるのは便利ですね。壁掛け時計は全面ディスプレーではなく、目盛りの部分にLEDが仕込まれているだけのようです。

スマートスピーカーではアラームとタイマーが多く使われているので、タイマーの経過時間などを視覚的に分かる「モニター」的役割としての壁掛け時計なんですね。スマートスピーカーだけでは足りない視覚フィードバックを、ディスプレイ以外で行う機器は今後もいろいろ出てきそうです。