2019年8月第4週号 1位は、スタイルガイド、デザインシステム、コンポーネントライブラリのガイド、気になるネタは、アップルのスマートスピーカー「HomePod」が8月23日に日本発売へ

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

スタイルガイド、デザインシステム、コンポーネントライブラリに関するガイドです。

それぞれの言葉の意味、どこからスタートすべきか、構築方法などについて解説しています。

スタイルガイドを作るためのツール、アイコンライブラリ、デザインシステムをドキュメント化するプラットフォーム、デザインシステムの実例の紹介も参考になります。

2019年のWebデザインのトレンドをまとめています。

直感的なUXデザインのための4つのルールを紹介しています。

ルールの数は少ないですが、各項目で具体的な例を挙げて丁寧に解説した充実した内容です。

バリアブルフォントのウェイトを変えることによるアニメーションの作り方を解説した記事です。

1文字ずつ処理できるようにタグを追加するのにJavaScriptを使い、アニメーションはCSSで適用しています。

「Yaku Han JP」は、「⁠」や【】などが幅を取りすぎて見栄えが悪くなることを防ぐため、半角にした記号類だけが含まれる約物半角専用のWebフォントです。

Notoフォントをベースにゴシック、明朝、丸ゴシックが用意されています。

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

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

Verbyは、テキストを喋らせてmp3ファイルとしてダウンロードできるサービスです。英語では、この手のテキストを喋らせるのを「Text to Speech（TTS⁠）⁠」⁠、音声認識を「Speech to Text（STT⁠）⁠」と呼ぶのが一般的なようです。

英語3種類のほかに3言語しか選べませんが、日本語が入っていました。男性の声、女性の声の2種類選べます。ログイン不要でも使えますが、アカウントを作ると読み上げられる文字数が増え、SSMLエディターと高品質の音声が使えるようになります。

SSMLエディターを使うと、部分的に強調したり、一呼吸置くなどの設定が可能です。mp3ファイルのダウンロードは1000文字まで無料で、5万文字で9ドルなど文字数に合わせて追加で料金を払う仕組みになっています。

「HomePod」の日本発売がついにはじまります。音楽を楽しむ、特にApple Musicを楽しむためのものという意味合いが強いスマートスピーカーです。

日本でのスマートスピーカーは、「⁠AIスピーカー」と呼ばれたせいで過度に期待されてしまったところもあると思います。話題がひと段落してからの発売となったのは、Appleとしては良かったのかもしれません。

実際に試用したレビュー記事によると、シンプルな使用感と音の良さが好評のようです。スピーカーとしての性能が違うので、ほかのスマートスピーカーと値段が違うのはわかりますが、2台買ってステレオにするんだったらAirPlay対応のほかのスピーカーを買ったほうがいい気もしてきます。