毎月のWeb開発アップデート12⁄2018：WebP、UXの状態、および低ストレス実験

これは今年の最後の版であり、2018年が私たちにもたらしたもの、何が起こったのか、そしてWebがどのように進化したのかを非常にうれしく思います。 それを要約して、今年私たち一人一人が学んだことを思い出してみましょう。私たちが使用した最も便利な機能、API、ライブラリは何でしたか？ そして、私たちはどのように個人的に変化しましたか？

今月のアップデートのために、私はあなたのためにさらにたくさんの記事を集めました。 それでもまだ十分な読み物ではない場合は、アーカイブまたはWeb開発の読み物リストの開始以降に最も重要な記事が含まれているエバーグリーンリストでいつでも詳細を見つけることができます。 年末までの日々がストレスになりすぎないことを願っております。 また来年お会いしましょう！

ニュース

• Microsoftは、Edge戦略を変更すると発表したばかりです。EdgeHTMLの代わりにデスクトップ用の新しいブラウザエンジンとしてChromiumを使用し、macOS用のMicrosoftEdgeを提供する可能性もあります。 また、今後Blinkエンジンの開発にも役立ちます。
• Chrome 71がリリースされ、InternationalizationAPIを介して相対時間のサポートが提供されます。 また、音声合成でユーザーのアクティブ化が必要になることも新しい点です。
• Safari Technology Preview 71がリリースされ、CSSにsupported-color-schemesが導入され、実験的な機能としてWeb認証が追加されました。
• Firefoxはまもなく、すべての許可要求を自動的にブロックするブラウザ設定をユーザーに提供します。 これは、自動再生ビデオ、Web通知、ジオロケーションリクエスト、カメラおよびマイクアクセスリクエストに影響します。 リクエストを自動ブロックする必要性は、ひどく間違った開発者がこれらの手法を使用していることを示しています。 たとえば、WebRTC通話サービスなどのサービスに対するそのような要求に依存している人にとっては悲しいニュースです。

全般的

• 私たちはついに、驚くべきテクノロジーを使ってオフラインでWebサイトにアクセスして使用する方法を考え出しました。 しかし、私たちが忘れていたことの1つは、過去30年間、Webがオンラインであることを人々に教えていたため、ほとんどの人はオフラインでの使用が存在することさえ知らないということです。 ユーザーエクスペリエンスデザインのレッスンと、私たちが構築しているメディアの歴史を思い出させることの重要性。

UI / UX

• Matthew Stromは、後で問題を修正し、完璧にしようとしないことの重要性について書いています。
• 2019年のUXの状態に関するやや風刺的なリソース。
• エリカホールは、「UXデザイン」のほとんどが神話である理由と、デザインが優れた製品を生み出すだけでなく、適切な製品戦略とビジネスモデルを生み出す理由の例を示しています。 これを読むべき最も良い例は、エリカが「ヴァージンアメリカ」と書いているときです。 Rdio。 Googleリーダー。 Comcast。 これらのどれが良い経験を提供しましたか？ これらのうち、まだ存在しているのはどれですか？」 無視できない真実であり、幸いなことに、これは悲観的ではありませんが、製品を改善するためにその知識をどのように使用できるかについての優れたヒントを含む非常に示唆に富む記事です。 戦略、デザイン、ビジネスモデルに適合します。

ツーリング

• Sandip Devarkondaが、PostgresでGraphQLサブスクリプションを使用してリアルタイムアプリを構築する方法について説明します。

HTMLとSVG

• Michael Scharnaglは、あるコーディング言語を他のコーディング言語よりも好むために人々をバッシングする理由について説明します。

アクセシビリティ

• Scott O'Haraは、カスタムスタイルのコントロールを目指して努力するときに多くの人が提供する固有の機能とアクセシビリティを忘れないことがいかに重要であるかを思い出させます。

CSS

• CSS環境変数が登場します。これが、カスタムプロパティに加えてCSS環境変数が必要な理由です。
• Andy Bellが、CSSカスタムプロパティを使用してレイアウトの流れとリズムを管理する方法について説明します。 色の値にカスタムプロパティを使用する以上の優れた例。

JavaScript

• Googleはさらに別のAPIを提供しようとしています。バッジAPIを使用すると、Webデスクトップアプリが新しい通知などを示すことができます。 仕様はまだ議論中です、そして彼らはそれについてのあなたの考えを聞いて喜んでいるでしょう。
• Hidde de Vriesは、最新のJavaScriptAPIを使用して要素をビューポートの中央にスクロールする方法を説明しています。
• Chrome 71のフラグの背後で利用できる、新しいBackground Fetchを使用すると、バックグラウンドでの読み込みに時間がかかるリソース（映画など）をフェッチできます。
• Pete LePageは、Web Share TargetAPIを使用してサービスをShareTargetとして登録する方法について説明しています。
• WebフォントのロードにJavaScriptを使用することはまだ良い考えですか？ Zach Leathermanは、ケースバイケースで決定する必要がある理由と、最新のCSSとfont-display: swap; 。
• Dokaは、覚えておく価値のある新しいスタンドアロンのJavaScript画像エディターです。 これは無料の製品ではありませんが、快適なユーザーエクスペリエンスで編集するための非常に便利な方法を備えており、年会費を支払うことで、バグ修正とサポートを確実に受けることができます。
• 「Webコンポーネントの力」では、基本的な概念、それらの使用を開始する方法、およびHTML、関連するCSSクラス、およびJavaScriptトリガーを結合する代わりに独自のHTML要素を使用することで物事を大幅に簡素化できる理由を共有しています。

安全

• Scott Helmeは、利用できる新しいセキュリティヘッダーに関する情報を共有しています。 Clear Site Dataにより、サイト所有者はキャッシュ、（ローカル/セッション/永続）ストレージ、またはCookieからデータをクリアできます。 これは、localStorageまたは認証Cookieに保存されている機密データまたはプライベートデータを簡単に削除するのに役立ちます。
• これで、 rel=noopenerを使用することがtarget=_blankリンク要素に適していることがわかりました。 現在、Firefoxは、セキュリティ攻撃が悪用されないように、ブラウザでrel=noopenerを自動的に置き換えることを試みています。
• Terence Edenは、支払いを提供する多くの大規模なサイトが、サードパーティからの認証されていない、検証されていないJavaScriptをどのように含んでいるかを調査します。 彼は、これが何を意味するのか、なぜそれがそれほど有害なのか、そしてどのように問題を解決できるのかを詳しく説明します。 とはいえ、含める必要のあるStripe JavaScriptバンドルは、サブリソースの整合性も提供していません。
• 別のセキュリティインシデントは、非常に人気のあるnpmパッケージで発生しました。 event-streamは、コンピューターから特定のビットコインウォレットを盗むマルウェアコードで公開されました。 マシンの依存関係を確認し、最新のパッケージバージョンに更新していることを確認してください。 npm auditは、このような問題の特定にも役立ちます。

プライバシー

• 夫や妻はいますか？ 子供？ その他の親族？ 次に、家族のデータを保護するためのこの重要なガイドは、読んで行動に移す必要があるものです。 インターネットは安全な場所ではありません。親戚が何をしているのかを確実に理解したいと考えています。親戚に教えたり、より適切なデフォルト設定を設定したりすることで、親戚を保護することができます。

Webパフォーマンス

• WebP画像ファイルのサイズは、最高のパフォーマンスを発揮するJPEG最適化とどのように比較されますか？ Daniel Aleksandersenは数字を提示し、WebPは他の最適化されたフォーマットをほぼ毎回打ち負かすという素晴らしい仕事をしていると結論付けています。
• Ire Aderinokunは、今日のWebP画像の使用方法を示しています。 FirefoxがNightlyビルドでWebPサポートを提供し、Edgeが前回のリリース以降のフォーマットもサポートするようになったため、これはさらに重要になります。
• アマゾンのクラウドユニットはArmベースのサーバーチップを発売し、それによってコストを約45％削減することができます（たとえば、Webサーバーの場合）。 これは、エネルギー消費がはるかに低く、全体的な効率が高いことを意味します。これは、私たちの惑星にとっても良い兆候です。 テクノロジーが気候に与える影響を軽減する、これらの進化的なインフラストラクチャのアップグレードがさらに必要です。

仕事と生活

• シャナリンチは、誰かを倫理的なビジネスリーダーにする理由、重要な価値観、物事が困難になったときに直立する方法、不快な状況に前もって備える方法を教えてくれます。
• Ozoemena Nonsoは、なぜ私たちがしばしば幸せでないのかを説明しようとします。 私たちの幸せの泥棒は、自分自身を他人と比較しているのではありません。 それは、比較のモデルを正しくするのに苦労しているということです。 あなたが自分自身を他の人と頻繁に比較し、あなたの幸せがそれに苦しんでいると感じるなら、信じられないほど良い人生のアドバイスです。
• かなり珍しいアドバイス：なぜ他の人に自分の快適ゾーンを離れさせるのは悪い考えかもしれません。
• Sandor Dargoは、仕事中に気を散らすことを避け、仕事を再び適切に行う方法について説明しました。
• ポール・ロバート・ロイドは、チェニッド・ボウルズの著書「未来の倫理」について書き、それが何であるかを説明しながら、簡単な例で倫理の課題を指摘しています。
• ジェフリーシルバースタインは教師であり、フルタイムで働いている間、サイドプロジェクトのための時間を見つけることに多くの苦労をしました。 今、彼は「フルタイムの仕事と創造的なプロジェクトのバランスをとる方法」についてのこの素晴らしい記事で私たちと共有する解決策を見つけました。 私が完全に関係することができる感動的な読み。
• Ben Werdmullerは、ライフスタイルビジネスが大幅に過小評価されている理由についての考えを共有しています。 しかし、ライフスタイルビジネスとは何ですか？ 彼はそれらを、所有者が一定レベルの収入を維持できるがそれ以上は維持できない非ベンチャー資金による事業と定義しています。 楽しい補足として、この記事は、米国西海岸でいかにクレイジーなレンタル賞品が生まれたかを示しています。
• Jake Knappは、気を散らすことのないスマートフォンで6年間生き残った方法を共有しています。メールも、通知も​​ありません。 そして、彼は私たちのためのいくつかの素晴らしいヒントと試してみるための練習をしています。 最近、すべてのアプリを2番目の画面の1つのフォルダーに移動して、アプリを検索する必要があることを確認しました。これは通常、アプリを本当に開きたいという意味で、気を散らすためだけに行うのではありません。
• ライアン・アヴェントは、なぜ私たちがそんなに一生懸命働くのかについて書いています。 このエッセイはよく研究されており、なぜ私たちが仕事を重要視しているのか、なぜ私たちがそれに恋をしているのか、そして私たちのライフスタイルと社会が常に一生懸命働くことを受け入れる理由を説明しています。

超えて…

• 「デザイナーが本当に働くのは誰か」は責任についての傑作です。
• マリアン・ウルフは、私たちが脳をすくい取るときにテキストを読み飛ばすとき、複雑さを把握したり、感情を理解したり、美しさを知覚したりする時間がないことを示す研究を共有しています。 過去数十年にわたって悪化した傾向。
• 32兆ドルを管理している世界の投資家は、国連気候サミットで政府に厳しい警告を発し、炭素排出量の緊急削減とすべての石炭燃焼の段階的廃止を要求しました。 これらがなければ、世界は2008年の危機よりも数倍ひどい金融危機に直面していると彼らは言った。
• ある意味で、地球の最悪の大量絶滅（2億5000万年前、ペルム紀の終わり）は、今日の気候変動と平行している可能性があります。