2018年8月第3週号 1位は、スライドアウトメニューのオリジナルの手法を10個紹介、気になるネタは、「Alexa」が進化、「後で分かったらお知らせします」が可能に

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

スライドアウトメニューのオリジナルの手法を10個紹介しています。

実際にスライドするかどうかはともかく、通常隠れているメニューがボタンによって現れるタイプのもので、いわゆるハンバーガーメニューのことですね。

モバイルの小さい画面用に使われ始めたものが、PCの大画面でも使われるようになった珍しいケースだと解説してありました。

ユーザーフレンドリーな価格表のデザインの仕方を、実例を使って解説した記事です。

Spotify、Google Drive、Dropbox、Adobeなどの価格表をもとに、特徴的な部分や工夫している点などを紹介しています。

ワイヤーフレームのテンプレートとUIキットをまとめています。

ワイヤーフレームのテンプレートとUIキットとは違うものですが、コンテンツとしてはたびたび重なる部分があるので1つの記事にまとめたとのことです。

ウェブデザインと開発に役立つYouTubeチャンネルのリストです。

コーディング、デザインツール、ロゴとフォントデザイン、ケーススタディ、キャリアアドバイスに関するビデオチュートリアルが無料で見られます。

100日間で50種類のベクターベースのアニメーションを作成したデザイナー＆アーティストの人によるレポートです。

ツールとしては最初の2週間はSketch ＋ Principleを使い、そのあとはIllustrator + After Effectsを使ったそうです。

この方はこれまで、落書き、レタリング、水彩画、ベクターイラストの100日間チャレンジをしてきているとのこと。刺激を受ける内容でした。

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

「Googleマップ⁠」⁠、現在地共有機能に相手のバッテリ残量表示 - CNET Japan
バッテリーが切れて現在地の位置情報が更新されなくなる可能性を、事前に推測できるということですね
LINE、「⁠Clovaスキルストア」オープン 60以上のスキルが利用可能に - ITmedia NEWS
27社60以上のスキルが利用でき、今後も拡大する予定とのことです
Facebook MessengerのビデオチャットでARゲームが遊べるように - CNET Japan
ビデオチャット中に6人まで同時にARゲームが遊べるようになりました

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

Learn Flexboxは、FlexboxのCSSをプレビューしながら生成できるサービスです。Flexboxのビルダー的なサービスはいろいろありますが、子要素も細かく設定できるのが特徴です。

子要素のgrow、shrink、basisは個別に設定でき、自動的にショートハンドの記述に反映されます。マージンなども指定できます。子要素の細かい設定ができるのですが、同じ設定の子要素を複数作る機能がないのがちょっと不便です。

親要素の設定は各プロパティをラジオボタンで選んでいきます。プロパティ名の横の三角形をクリックすると説明文が表示されます。CSSのコードはボタンを押すと表示され、表示しっぱなしにすればリアルタイムでコードを確認することも可能です。

Alexaに、分からなかった質問に対して、あとで分かったら教えてくれる「Answer Update」機能が追加されるそうです。まずは英語圏からの提供です。

答えがわかったら突然話しかけてくるわけではなく、Alexa端末に通知が届き、通知の内容を確認したら教えてくれるんですね。たまにはスマートスピーカーから話しかけてくれても面白いと思いますが…。

新製品の価格が決まったら教えてもらうような、未確定の情報を決まり次第教えてくれる目的がメインのようです。即答できない問題に対し、じっくりネットで調べて分かったら教えてくれるのかと想像したんですが、そういうわけじゃないんですね。