2016年7月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

デザイン

Sketchがレスポンシブデザインに対応した神アップデート！Smart Symbol Resizingをリリース | テクニカルクリエイター.com

レスポンシブデザインをデザインツールで作るのはなかなか難しかったですが、ようやくできるようになりました。

Illustrator や Adobe XD が対抗してくるのか少し気になります。

Adobe XD Preview 5 リリース！ズームツール、前のアートボードへ戻る設定、PDF書き出し、パワポからのコピペなど | Adobe Creative Station

Adobe XD は定期的にアップデートされていますね。
正式リリースの際は結構使えるようになっているのでしょうか。

FireworksユーザーのためのAdobe Experience Design

Fireworks は今年リリースされる macOS Sierra では起動できなくなるため、代替アプリを探している方に。

Atomic Designの考え方と利点・欠点 – I’m kubosho_

AbemaTV などで採用されている Atomic Design ですが、デザインの変更に対応しやすくなるというのは良さそうですね。

Webブラウザーとスマートフォン

ポケモン効果でスマホの販売台数が倍増 – PC Watch

とくにAndroid搭載スマートフォンは、232.8と高い販売指数を記録。iPhoneは163.6とAndroid搭載スマートフォンに比べると伸び率は低いが、それでも過去2カ月で最も販売台数が多かった。

ポケモンGOは iOS 8 以上、Android OS 4.4 以上でないと動かないので買い替えが進むだろうと思っていましたが、やはり進んでいるようです。

ウェブブラウザの栄枯盛衰が一発でわかるグラフ – GIGAZINE

2008年には IE（紺色）が多かったのが…

2015年には日本や韓国など一部の国を除き、ほぼ Chrome（黄色）優勢になっています。

via The Most Popular Web Browser In Each Country Over Time

最近は日本でも IE が減少し Edge は伸びず、Chrome が増えているようなので、そう遠くないうちに日本も Chrome になるでしょうか？

Mozillaの新型高速ブラウザエンジン「Servo」、初めてのデベロッパープレビューが公開。Rust言語で開発中－ Publickey

Mozilla の高速な新Webブラウザーだそうです。果たして正式リリースされる日は来るのでしょうか…

スマートフォン対応

iOS の Safari で Sticky (スクロール固定) 要素がカタカタしてお困りの時は | EXP – クリエイティブな事をはじめた(い)全ての人達へ

私は「スマートフォンサイトで固定（fixed）要素を使用すべきでない」と思っていましたが、どうしても使用しなければならない時のために知っておくと良いかもしれません。

macOS 10.12 SierraおよびiOS 10ではGoogleが開発した画像フォーマット「WebP」がサポートされるもよう。 | AAPL Ch.

Safari で WebP がサポートされるということは、スマートフォンサイトでは JPEG より圧縮率の高い WebP が使用できるようになるということです。
また、WebP はちょっとした動画もサポートしているようなので、GIF アニメーションの代わりに WebP が利用されるようになるかもしれません。