2019年9月第1週号 1位は、モバイル用ウェブページで画面下部にナビゲーションを置くことについて、気になるネタは、Googleフォト、画像内テキストによる検索が可能に（まずは英語）

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

モバイル用ウェブページで、画面の一番下にナビゲーションを置くことについて考察した記事です。

スマートフォンの画面サイズが大きくなり、画面上部に親指が届きにくくなったことから、メニューを下部に置くことを検討しています。

下部にロゴやハンバーガーメニューを移動させたワイヤーフレームや、実際のサイトの画面キャプチャをもとにメニューを下部に移動させた例などを紹介しています。

重要なデザイントレンドとして、ミレニアル世代とZ世代にアピールするデザインテクニックを3つ紹介しています。

CSSグリッドを使ってガントチャートを作る方法を解説しています。レスポンシブできれいなガントチャートを実装しています。

区切りとなる線に名前をつけることで、ガントチャート内のタスクの開始と終了をCSSで「grid-column: sun-morning / mon-night;」のように記述できるのがよく考えられていて感心しました。

デザイナーのためのツールをまとめています。

ウェブサービスのビジュアルとして、いま大流行しているフラットデザインの人物イラストについてまとめた記事です。

このトレンドの起源は、2017年に使われはじめたSlackのイラストかFacebookのイラストとする説が濃厚とのことです。

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

東京駅前に「Apple 丸の内⁠」⁠ 9月7日10時オープン - ITmedia PC USER
2019年内には国内にもう1店舗オープン予定とのこと
グーグルがスマートスピーカー出荷台数で3位に転落、中国バイドゥが躍進--Canalys調べ - CNET Japan
中国市場のみを対象としているにも関わらず、バイドゥが出荷台数2位となりました。今後どんどんこういう現象が起きそうです
Insta360の6軸ブレ補正内蔵超小型カメラGOがソーシャルビデオに革命を起こす | TechCrunch Japan
胸のあたりに装着できるマグネット内蔵ストラップや、クリップ、スタンドも付属します

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

SVG Artistaは、SVGファイルをもとにアニメーションを作成するサービスです。strokeとfillプロパティをアニメーションするだけの単純なことしかできない分、簡単でわかりやすいです。

SVGをアップロードするかコードをペーストすると、自動的にアニメーションが作られます。アニメーションする時間やイージングなどを調整できます。SVGファイルの作り方次第で、ある程度思い通りのアニメーションを作れるんじゃないでしょうか。

AnimistaというSVGアニメーション作成サービスと同じところが作っています。より簡単にユーザーのニーズが高いアニメーションが作れるツールとして、別途開発したようです。

Google フォトで、画像内の文字を対象に検索できるようになったようです。まずは英語からとのことで、日本語対応が楽しみです。

また、Google フォト内のGoogle レンズ機能で、画像内の文字をテキスト化できるようになり、こちらは日本語にも対応しています。いまどきOCR機能は珍しくはありませんが、そのテキストをすぐにGoogle検索したり翻訳できるところが便利ですね。

今のところ画像内の文字のテキスト化は、モバイルアプリではできるけどブラウザ上ではできません。Google レンズはAndroid版の単独アプリやGoogle アシスタントでも使えますが、そもそもパソコン上で使う方法はありませんでした。