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

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

シェア・統計

ASCII.jp:ついに日本でもIEが過半数割れに、世界はすでにChromeが寡占 (1/2)|高橋暁子の「意外と知らない!? 業界ランキング」

日本における IE のシェア(PC)は、2015年5月の段階で 41.62%、Chrome は 34.52%、Firefox は 15.02% だそうです。

タブレット端末のノートPC超えが確実に – ICT総研予測 – BIGLOBEニュース

「タブレット端末の合計(回線付きモデルとWi-Fiモデルの合計)は29.7%で、モバイルノートPC(15.8%)の2倍近い割合」とのことで、既に2倍近く差を付けられているとは思いませんでした。

Webブラウザー

Flashとの決別…Chromeブラウザで自動停止がデフォルト設定に : ギズモード・ジャパン

この設定は、数カ月前から Chrome 正式版に搭載されていましたが、9月からデフォルトでオンになるそうです。

よく誤解されているようですが、これは すべての Flash コンテンツをブロックするのではなく、広告などの「そのページの主要なコンテンツではない」Flash のみブロックする機能 です。

ですので、フル Flash、ページのメインコンテンツ内に埋め込まれている動画、ヘッダー内の Flash コンテンツなどはブロックされず、サイドバーの Flash 動画広告などがブロックされます。

ブロックされた Flash コンテンツは以下の画像のようにグレーの半透明のレイヤーがかかり、再生ボタンのようなものが中央に表示され、クリックで動作するようになります。

ブロックされたFlash広告の例

これにより、ノートPCではバッテリーライフが 20% ほど伸びるとのことです。

それにしても、この機能でブロックされている Flash コンテンツはほとんど Google の広告なのですが、Google としてはそれで良いのですかね…?

Google、Microsoft、Mozilla他が協力して、ウェブ用新バイナリーフォーマットWebAssemblyを公開 | TechCrunch Japan

「新フォーマットの狙いは、プログラマーがブラウザー用のコード(現在はC/C++が対象、他言語も続く予定)をコンパイルし、JavaScriptエンジンの中で動作できるようにすること」

Microsoft Edge、レスポンシブイメージ対応の「srcset」に対応。夏以降は主要ブラウザすべてでsrcsetサポート - Publickey

srcset 属性は、以下のように使います。


ようやく、レスポンシブWebデザイン、あるいはさまざまなスマートデバイスで表示されるWebサイトで、JPEG や PNG が使いやすくなりそうですね。

Webコーディングスクール 体験レッスン受付中

スマートフォン、スマートデバイス

iOS 9では、Safariに「広告ブロック機能」が実装される模様 | GGSOKU – ガジェット速報

影響は Safari のみで、Webアプリ内のWebブラウザー、ネイティブアプリ等は影響ないようです。

Device Metrics – Google Design

スマートフォン・タブレット・ウォッチの解像度などのまとめ。ソートも可能です。

デザイン

「Adobe Creative Cloud 2015」発表、Photoshop CCにモバイルウェブデザイン制作の専用UI、Illustrator CCはGPUサポート -INTERNET Watch

ざっくりわかる、2015年リリースアプリごとの新機能、総まとめ | Adobe Creative Station

Adobe CC 2015 に関しては別の記事を書いている途中です。
便利な新機能もありますが、タイトルにある「Illustrator CCのGPUサポート」などは不具合が多くて現状使いものにならない感じです。

OS X El Capitanには新しい日本語フォントが搭載

上記ページに書いてあるのですが、OS X 10.11 “El Capitan” にはクレー、筑紫A丸ゴシック、筑紫B丸ゴシック、游明朝体+36ポが新しく搭載され、ヒラギノ角ゴシックはより多くの太さから選べるようになるそうです。

El Capitanの新しい日本語フォント

出典: OS X El Capitanには新しい日本語フォントが搭載

私が Mac を使っている理由のひとつは、高品質な日本語フォントが最初からいくつも入っていることなので、これは嬉しいです。

他に、日本語入力のライブ変換、Spotlight の強化なども含まれます。

コーディング、プログラミング

PHPカンファレンス関西2015 スライドまとめ – sprawl

17ほどのスライド資料が埋め込まれています。

HTML/CSSを爆速コーディング Emmet入門 第3回 エディタのコードヒントよりも早い!EmmetのCSSの記法とは? | Adobe Creative Station

HTML・CSS コーディングに Emmet を使っていない方はもはや少数派だと思いますが、もし Emmet を使われていない方はどうぞ。
Emmet は Dreamweaver CC 2015 にも標準で搭載されましたね。

JavaScript 「再」入門 – JavaScript | MDN

昔からある記事で何度も話題になっていますが、6月も話題になっていました。
JavaScript を1度勉強したことがある、または既に書いている方向けの「再入門」記事です。

その他

これからECをはじめる方向け。ECサービスの比較と特徴など調査【2015年6月版】|ふにろぐ

各サービスの手数料などの比較表。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。
Index