2018年1月第2週号 1位は、2017年に人気のUIデザインツールまとめ、気になるネタは、AmazonはFire TVのYouTubeアプリをアップデートしてユーザーをWebブラウザーに誘導

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

2017年に人気のUIデザインツールについて評論した記事です。Sketch、Adobe XD、Gravit Designer、Affinity Designer、Figma、Photoshopの各ツールについて、詳細な解説と良い点・悪い点をまとめています。

全部読むのが面倒という人のために、以下の内容が最初にまとめられていました。

2018年のウェブデザインのトレンドをまとめています。

ChromeがかつてのInternet Explorer 6のような存在になりつつあることに警鐘を鳴らす記事です。

Web標準規格を無視したり、Chromeでしか動作しないサービスが出てきていることから、ChromeがIntrnet Explorer6と同じような道を歩み始めているのではないかと指摘しています。

ウェブブラウザの歴史をざっと振り返ることができるのも、この記事の面白いところです。

CSSだけで作った背景パターンを、コード共有サービスCodePenから紹介しています。

ドットや斜線、チェック柄のようなものから、ハート型や複雑な模様までいろいろなパターンがありました。

CSSグリッドのグリッド要素がグリッド領域のサイズと必ずしも同じではないという事実を利用した、面白い効果の実験です。

フォームのフィールドのサイズ変更や、カーテンのように開く効果を実装した例を紹介しています。

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

App Storeでの購入額、元日だけで3億ドル過去最高 - ITmedia NEWS
2018年1月1日だけで約3億ドル（約338億円）に達し過去最高を更新したそうです
首相官邸もInstagram開始「⁠ストーリー」使いこなす - ITmedia NEWS
一般人が顔出しで映りまくっているのがちょっと気になりました
ウェブブラウザのパスワード自動入力機能が攻撃対象に--ユーザー情報が盗まれる - CNET Japan
同じサイト内にこのスクリプトを仕掛けないといけないので、攻撃する側のハードルも高そうに思えます

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

Listlyはウェブページから情報を収集してExcelファイルに変換するサービスです。たとえばECサイトから商品リストのExcelファイルを生成できます。

例として掲載されているECサイトからの情報取得の場合、サムネイル画像のURL、ブランド名、商品名がリンク付きのExcelファイルに変換されています。自社サイトの場合は元々データベースを持っているはずなので、ライバルサイトを研究するなどグレーゾーンな使われ方が想定されている気がします。

ログインせずに試すことができますが、ログインすると複数サイトをまとめて処理したり、スケジュールを設定して一定間隔ごとに情報取得できるようになります。Chromeの拡張機能もあり、これを使えばログインが必要なページの場合も情報取得できるそうです。

GoogleとAmazonがもめていることから、Amazon Fire TVへのYouTubeの提供が停止されるという問題ですが、見られなくなる事態は回避したようです。ブラウザ（SilkかFirefox）を使ってYouTubeが見られるという解決策で、根本的な解決にはなっていませんが。

ツイッターで調べてみると、ブラウザでも同じ操作感なので問題なしという発言がある一方、使えなくなって不便と言っている人もいます。アプリから使えなくしたというGoogleの攻撃は効果はあったと言えるでしょう。

この問題から話は逸れますが、Fire TVでFirefoxアプリを使ってウェブが見られるというのは面白いかもしれません。ウェブからアプリへという流れが一段落して、もう一度ウェブへという動きにも繋がるんじゃないかと思います。