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

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

コーディング・IE・Flashのサポート期限

Yahoo!セキュリティセンター | 2018年6月1日以降、古いブラウザー、パソコン、スマートフォンなどでは、Yahoo! JAPANのウェブサービスが順次ご利用いただけなくなります。

2018年6月1日から、Yahoo! JapanがIE11以前の環境のサポートを一部打ち切ることになりました。（主に決済周り）
IE10は既にMicrosoftのサポートが終了しており、現在使用するのは危険です。
もし、クライアントがIE10の対応を求めてきた場合はこういったページを見せて説得するのが良いかもしれません。

Internet Explorer および Microsoft Edge での Flash の今後の対応予定について – Japan IE Support Team Blog

既報の通りですが、2019年にIEやEdgeはFlashが既定で無効になるそうです。
2020年末には Flash を再び実行できるように構成することもできなくなる予定とのこと。

CSS Gridを使ったレスポンシブ対応の基本レイアウト | Webクリエイターボックス

CSS Grid Layoutはほぼすべてのモダンブラウザーが対応しており、IE11はベンダープレフィックス付きで対応しています。

参考: Can I use… Support tables for HTML5, CSS3, etc

ただし、IE11ではプロパティ名が一部異なるため使用の際は下記記事などを参考にすると良いかもしれません。

参考: CSS GridをIE11、EDGEに対応させるために注意する点東京新宿のホームページ制作会社イッティ

Webデザイン

デザイナーが押さえておきたい、2018年のウェブデザイントレンド6個まとめ【完全ガイド】 – PhotoshopVIP

最近新しく出てきたものではなく以前からあるものが多い気がしますが、「控えめなアニメーション」は最近よく見る気がします。

Adobe XD好きのためのイベント Adobe XD Meeting #15 を開催しました！ – PSYENCE:MEDIA

毎月開催されているAdobe XDの勉強会のまとめです。
私も参加していましたが、「3. うちの開発におけるXD利用法」を聞いて、やはりWin7やCS6の方が残っているとワークフローを改善しにくく、制作者は全員Win10、CCに移行すべきだと感じました。

透明かつ自動化するUIデザイン : could

厳密には3月の記事です。Instagramなどの「ストーリー」は、透明なUIと呼べるのかもしれません。

STUDIO | デザイン、公開、運用がひとつになった、Webデザインプラットフォーム

コードを書かずにWebサイトを制作するデザインプラットフォームが正式公開されています。

Icons8、Mac用デザインツールSketchのファイルを抽出してくれるWebツール「Sketch The Ripper」を公開。 | AAPL Ch.

”.sketch”形式のファイルをアップロードするとオブジェクトを切り分けて表示してくれるそうで、WindowsやLinuxなどでSketchファイルを受け取ってしまった場合にも良いかもしれません。

SNS

Facebook経由で自分の個人情報が不正利用されたかどうかを調べる方法 – GIGAZINE

Facebookの個人情報データをケンブリッジ・アナリティカが不正利用したと言われる件で、自分のデータが不正利用されていないかチェックできるFacebook公式ツールが出ていました。

この件に関して #DeleteFacebook などFacebookを辞める活動に発展した結果か、不正利用の報告に報奨金を用意するなど、Facebookはかなり焦っているように見えます。

1文字消すだけ！SSL化後、Facebookのいいねを引き継ぐ(合算する)方法 | web覚書

WordPressを使用している場合は「SNS Count Cache」プラグインを使用すると良いそうです。
この記事では、WordPressを使用していない場合について書かれています。

プログラミング

Mozillaが「WebAssembly Studio」発表。C/Rust/AssemblyScript対応のオンラインIDE － Publickey

WebAssemblyはWebブラウザー上でネイティブアプリ並みに高速で動作するバイナリフォーマットですが、そのオンラインIDE（統合開発環境）がリリースされたようです。

【Python入門】いまさらだけどパイソニスタとして必要な文法を網羅してみた – Qiita

Pythonを勉強する上で、最初に知りたかったことがまとまっていますね。

WebデザイナーのためのVue.js事始め | Webクリエイターボックス

こちらはVue.jsというJavaScriptフレームワークの入門記事です。

Chrome、Edge、Firefox互換のブラウザー拡張を作るポリフィル。 | Ginpen.com

Edge拡張を作るのは簡単だけど、公開するの難しそうとのことで、これではなかなか拡張が増えずユーザーも増えないのでは？と少し気になりました。

システムで「性別」の情報を扱う前に知っておくべきこと – Qiita

Facebookでは50種類以上の性別が選択できるそうですが、国際規格では不明、男、女、適用不能の4種類なのですね。

セキュリティ

パスワード依存脱却へ一歩前進、次世代Web認証「WebAuthn」が勧告候補に | マイナビニュース

パスワードに依存しない認証「WebAuthn」をChrome/Firefox/Edgeが実装開始、W3Cが標準化。Webはパスワードに依存しないより安全で便利なものへ－ Publickey

私は、複数の長くて複雑なパスワードを普通の人が暗記するのは不可能だと考えていますが、パスワードの代わりに指紋認証や顔認証などの生体認証やPINコードなどを用いますとのことで、パスワードよりもだいぶログインしやすくなりそうです。

Google

一般データ保護規則（GDPR）対策によるGoogleAnalyticsのデータ保持期間を変更するリスク – Cntlog

Googleから [ご対応ください] Google アナリティクスデータの保持と一般データ保護規則に関する重要なお知らせというメールが来て、「何だろう？」と思った方もいらっしゃると思います。

要するに、EUのルールに則り個人が特定できるデータをGoogle Analyticsから一定期間で削除するそうで、「無期限に保存するよう設定を変更しよう」という記事が多いですが、それはリスクがあるのでは？という内容です。
正直、Googleがもっとわかりやすく説明していればこんな混乱はなかっただろうに…と思います。