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

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

デザイン

Google、JPEGエンコーダ「Guetzli」公開、同じ画質で35%小さく圧縮 | マイナビニュース

Guetzli とはGoogle Research Europeの開発チームが公開した新しいJPEGエンコーダーです。
Googleが公開したのはターミナル(黒い画面)で動作するコードですが、Macで気軽に試したい方は ImageOptim のアルファ版を使用すれば画像をドラッグするだけで気軽に試すことができます。

関連: Mac用画像圧縮アプリ「ImageOptim v1.7 beta」がGoogleの新しいJPEGエンコーダー「Guetzli」を実験的にサポート。 | AAPL Ch.

Guetzli について知りたい方は以下の記事がおすすめです。個人的には、一般的な写真の圧縮には向いているものの、バナーのように文字が入ったものだと劣化がわかりやすく、そういった画像の圧縮には向かないと感じました。

関連: Guetzli/Butteraugliに関するあれこれ – Qiita

AI-CATCHER – 商用利用可能な無料&フリーイラスト素材

商用可能なイラスト素材サイトです。
商用利用について によると「出典として明記いただけると幸い」で、Webバナーなどの場合はこの限りではないとのことです。

いらすとや とは大きくテイストが異なるため、使い分けができそうですね。

はてなブックマークiOSアプリはマテリアルデザインの悪い見本 – UXエンジニアになりたい人のブログ

正直「これはひどい」という感じがしました。普段Androidを使用していない方がマテリアルデザインを無理に取り入れようとするとこうなってしまうのかもしれませんね…

【デザイナー向け】これからAndroidのデザインをする人へ – Qiita

「最新もしくは1つ前のOSが入ったAndroid端末をメイン端末とまではいかなくても2台持ちにして常用して下さい」というのは重要ですね。
私はAndroidタブレットだけ使用していますが、スマートフォンも買った方がいいかなと思いました。

Webブラウザー

Google Chromeチーム、Symantec証明書の段階的失効を提案 – ITmedia エンタープライズ

Symantec証明書にはVerisignなどが含まれますが、これらの証明書の有効期間を短縮するなどの措置が提案されているそうです。理由はSymantecによる証明書検証の不手際のため。
Verisign、Thawte、Equifaxなどの証明書を使用されているWebサイトを管理している方は注視された方が良いと思います。

「Chrome 57」、バックグラウンドタブの電力消費を抑制 – CNET Japan

「バックグラウンドタブは、デスクトップPCにおけるChromeの電力消費のうち、最大で3分の1を占める」とのことで、ユーザーにとってはうれしい変更ですが、定期的に何かするWebアプリで不具合の原因にならないか少し気になります。

WebAssembly への世界初対応など、多くの改善が Firefox に追加されました – mozilla-japan – Medium

WebAssemblyは、ネイティブアプリに劣らないパフォーマンスでゲームなどをブラウザー上で実行することができる技術です。

個人的に影響が大きそうだなと思うのが https でないWebページにログインフォームがあると警告が出ることで、レンタルサーバーにWordPressをインストールしている場合などに警告が表示されてしまい、あわてて問い合わせをしてくる方がいるのではと思っていたのですが、実際あまり話題になっていないようですね。もうFirefoxを使用している方は少ないからでしょうか…

Windows・IE・Edge

Windows Vistaの延長サポート終了まで約1カ月を切る -INTERNET Watch

Windows Vistaの延長サポートは2017年4月11日で終了です。

IE 9とIE 10を無視できる日まであと40日! これでCSS3も心置きなく実装できる!? | 編集長ブログ―安田英久 | Web担当者Forum

Vistaサポート終了に伴い、IE9・10もサポート終了するため無視して良くなります。

IE11のバグまとめ – Qiita

游明朝、游ゴシックでテキストの下に隙間が空くなど。

Microsoft Edgeってどうなの? IT業界をリードする人のための最新“ブラウザ戦略” – ログミー

「PCのブラウザにおけるIEのシェア率、今、現在9.8パーセント」だそうで、かつての独占状態が嘘のような数値ですね。

Macでも利用可能。最新開発環境入りの評価用「Windows 10」仮想マシンが公開 – 窓の杜

「5月21日まで無償で試用可能」と期限はあるものの、Visual Studio 2015、Bash on Ubuntu on Windowsなど最初から入っているのは良いですね。

スマートフォン関連、利用実態調査など

Apple App Storeへのレビューに対して返信できるようになりました🎉 – Qiita

「iOS 10.3・OS X 10.6.6 以降の端末でApp Storeを見たユーザーのみ、そのレスポンスを確認することができる」とのこと。

小学生のスマホ保有、1年で急増し60%突破 | RBB TODAY

「親の『LINE』の利用が、2015年1月の27.6%から、2017年1月には82.4%と、約3倍に急増」、女子高校生の49.5%がメルカリを利用など。

アプリとブラウザを使い分けるスマートフォンユーザー~ニールセン 2016年の動向をまとめた「Digital Trends 2016」を公開~ | ニュースリリース | ニールセン デジタル株式会社

スマフォ利用者は+13%成長、ニュースはブラウザーで見ている方が多く、SNSやフリマはアプリで見ている方が多いなど。

コーディング

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

数が多くて、見ているだけでも楽しかったです。

normalize.css 6.0.0 がリリース、作者の意見的意味合いが強かったスタイル定義を削除 | WWW WATCH

「コメントとして (opinionated) とことわりが付いていたスタイル定義が、今回すべて削除されました」とのこと。

まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」 – GUNMA GIS GEEK

WebGLを使用した3Dの地図を表示できます。
よく見ると、車が走っていたりと芸が細かいですね。

SNS

Twitter、嫌がらせ対策でキーワードや“たまごプロフィール”をミュートできるように – ITmedia NEWS

プロフィール画像を設定していない(画像が初期設定の“たまご”のままの)ユーザー、メールアドレスを確認していないユーザー、電話番号を確認していないユーザーをそれぞれミュートできる

とのことで、プロフィール画像が卵のままになっている方は替えた方が良いかもしれませんね。
ほかに、「キーワード指定ミュート」もできるようになりました。

Facebook、虚偽ニュース対策の「問題あり」フラグを米国で開始 – ITmedia NEWS

この機能は日本ではまだ適用されていないが、日本では「問題あり」と表示することは決まっているようだ

とのこと。「投稿できないようにしろ」という方もいるようですが、「問題あり」表示が絶対に正しいとは限らないのでなかなか難しいと思います。

YouTube

YouTube、アノテーション編集機能を5月2日で廃止。以降はカードと終了画面で代用を呼びかけ – Engadget 日本版

アノテーションは動画再生中に動画の上に表示できるものですが、PCでは鬱陶しいと感じる方も多く、スマートフォンではそもそも表示されないもので下。

YouTubeからの大手メディア広告引き上げを受け、Googleが自動システム改善を約束 – ITmedia NEWS

不適切な動画に広告が出てしまうため、BBCなど大手メディアがYouTube広告を辞めたようです。

If you like this article click the Facebook “Like” button to share it with your friends!