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

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

スマートフォン関連

iPhone 6sの「深押し」3D Touchの使い方。アプリ設計はどう変わる？ (深津貴之 fladdict のUIコラム) – Engadget Japanese

3D Touchの導入で、通常のタッチに加え、「深押し（ディープ・タッチ）」「浅押し（シャロー・タッチ）」の２つの新しいジェスチャーが追加されます。

アプリ開発者はともかく、Web制作者には関係ない…と思っていたら、Safari でも取得できるらしいですね。

Swift – ローディング時のズルい進捗表示 – Qiita

似たようなことを考えたことはあったのですが、実際ユーザーから否定的な反応ってほとんどなくてうまくいっているようですね。

Apple の新フォント San Francisco の秘密 — Japanese Official — Medium

Apple が San Francisco を開発したのは、Helvetica が小さなサイズでは見づらいということがあったようです。

Apple Watch と Mac で字形が違う気がしていたのですが、気のせいではなかったのですね。

2人に1人がYouTubeの「再生途中動画広告で離脱」【ジャストシステム調査】：MarkeZine（マーケジン）

タイトルは YouTube の動画広告の調査になっていますが、それ以外にも

夏休みの旅行予約、スマホからが約3割
10代女性の3人に1人は、「無料通話アプリ」で電話する

など、スマートフォンの重要性を伺わせる調査結果がグラフ付きで載っています。

Google AdWords、表示されたディスプレイ広告のみを課金対象に – ITmedia ニュース

iOS 9 では広告ブロックアプリをインストールすることによって広告を非表示にすることができるようになりましたが、それに関連してか AdWords が「広告の50％以上の面積が画面に1秒以上露出」した場合のみ課金対象になりました。

Webブラウザー・Flash

Google、「Chrome 45」安定版を公開　Flash停止が初期設定で有効に – ITmedia ニュース

初期設定ではすべての Flash を停止するわけではなく、Mac版 Safari などと同様に「メインコンテンツでない」Flash、つまり広告バナーなどの Flash を停止するようになりました。

8月までは、この設定にすると Google AdSense が最も影響を受けていたのでどうするのかと思っていたら、AdSense 広告は自動的に HTML5 に変換されるのですね。

【海の向こうの“セキュリティ”】 2015年、Flash Playerにいかに多くの脆弱性が公表されているか――Ciscoの上半期報告書 – INTERNET Watch

今年は飛び抜けて Flash Player の脆弱性が多いようです。
ブラウザベンダー各社が Flash を停止するようになったのも、単に必要性が薄くなったからというだけでなく脆弱性が多いからというのもありそうな気がします。

HTML5モーション制作のテクニックとデータ最適化の必要性―CreateJS勉強会/池田発表資料 – ICS LAB

Flash 広告が終わっても、制作には Flash Professional が使えるとのこと。

第三次ブラウザ戦争がそろそろ閉幕します – latest log

世界的には「IE はこのまま行くと2016年度中にシェアが一桁に突入します」とのこと。
日本国内ではどうか…と思って調べてみたところ、PC+モバイルでようやく IE が Chrome や Safari に抜かれたところでした。

Webブラウザ各社、暗号アルゴリズム「RC4」の対応終了へ – ITmedia エンタープライズ

米MicrosoftとGoogle、Mozillaは9月1日、それぞれのWebブラウザでHTTPSなどの暗号化通信に使われている暗号アルゴリズム「RC4」のサポートを、2016年初めに打ち切ると表明した。

これとは直接関係ありませんが、Chrome では古い暗号化形式が無効になった影響で、ヤマト運輸などの https のページにアクセスできなくなったりしています。
早めの対応をおすすめします。

SNS

Facebook、「ノート」をリニューアル　「Medium」のようなデザインに – ITmedia ニュース

Facebook に長文の記事を投稿するための「ノート」が、今時っぽいデザインになりました。
文章の途中に写真を複数追加することもできます。

早速使ってみましたが、ヘッダー用の写真枠が横長すぎて写真のチョイスが難しいのと、私はこういう時用に 500W という新ブログを Jekyll で作ったので、そちらを使っていきたいなと思いました。

コーディング

CSSアニメーションの終了イベントを取得してくれるJavaScript「Detecting CSS Animation and Transition End with JavaScript」 | BlackFlag

jQuery に依存するパターンと依存しないパターン両方書かれていてよいですね。

ペライチも複数webページもすばやく作り始められるやつ「Rin 4」作った – MEMOGRAPHIX

Rin 4 は「ペライチのWebページをすばやく作り始められるboilerplate」とのことで、以前から気になっています。

セキュリティ

Lenovo、今度はThinkPadにユーザーデータ収集ソフトを潜ませていた – iPhone Mania

マーケティング会社にデータを転送している疑い。
Lenovo は「お客様のプライバシーを重要視しており、データの収集はソフトウェアの品質向上を目的としています」と以下のページで主張しています。

Mac

OS X 10.11 El Capitanにアップデートするさいの注意点まとめ。

El Capitan には「特定のディレクトリやアプリにカーネルレベルでロックをかけ、管理者レベル(root)でもアクセスを制限し、マルウェアなどの感染を防ぐ」という、通称 Rootless とよばれる機能が搭載されているのですが、Total Finder などこれまで動いていたアプリケーションが使えなくなったりするかもしれません。