月刊Web開発アップデート2⁄2019：Web認証とUXの問題

公開: 2022-03-10

簡単な要約↬ブラウザのニュース、学んだ貴重な教訓、ベストプラクティス、刺激的なコーディング実験。 Anselm Hannemannは、毎月の読書リストで、過去数週間にWeb開発の世界で起こった最も重要なことを要約しました。

人生の唯一の不変は変化である、と彼らは言います。そして、何も変わらないと思っていても、それは真実です。変化に気付くかどうかは、物事をどのように認識し、どのように観察するかという問題にすぎません。テクノロジー業界では、物事がどれほど急速に進化しているかを簡単に確認できます。このような要約記事を読むと、たった1か月でどれだけのことが起こったかが突然わかります。再び瞑想を始めたので、新しい視点が得られ、最初は特に前向きに見えなかったものでも、そのような変化を故意に評価し、個人的な価値と感謝を見つけるのに役立ちます。

たとえば今週のように。私たちがいつも忘れている事実、つまりインターネットがどのように構成されているかを思い出しました。 Webを閲覧する場合、ほとんどのトラフィックはある時点でAmazonを経由するため、サーバー、またはGoogleやApple、あるいはそれらすべてをブロックすると、インターネットの残りはあまりなくなります。私はネットワークでPi-HoleDNSブロッカーを3年間使用しましたが、今週その真の価値、つまりテクノロジーの巨人への依存を考慮して提供されるセキュリティとプライバシーについて知るまで、それを本当に評価することはありませんでした。私が認識しているオンラインセキュリティの大部分が、著者が最終的に無料で提供するために多大な時間と労力を費やした1つのオープンソースソフトウェアに依存していることは注目に値しますか？

ニュース

Firefox65がリリースされました。新しいバージョンは、 disabledにされたHTML要素にイベントをディスパッチし、 script要素、CSS環境変数（ env()関数）、JavaScriptのIntl.RelativeTimeFormat 、およびWebPイメージのreferrerpolicy属性をサポートします。
Safari Tech Preview 74は、中止可能なfetch 、macOSでのU2F HIDオーセンティケーターのサポート、および新しいWeb認証API機能を提供します。
Chrome 72では、ChromeはユーザーアクティベーションAPIを導入しました。新しいバージョンでは、 pageunloadでのポップアップも許可されていません。
Android向けChrome72アップデートでは、待望の信頼できるWebアクティビティ機能が出荷されました。これは、GooglePlayストアでPWAを配布できるようになったことを意味します。
Safari 12.1リリースノートがアップしました（iOS 12.2、macOS 10.14.4）。新着情報？ Webのダークモード、インテリジェントなトラッキング防止、macOSでのSafariのプッシュ通知プロンプトでは、 DeviceMotionEventとDeviceOrientationEventを有効にするためにiOSでユーザーのジェスチャー、モーション、向きの設定が必要になりました（これはデフォルトで無効になっていることを意味します）。また、Intersection Observer API、Web Share API、および<datalist>要素も新しくなっています。

ジャンプした後もっと！以下を読み続けてください↓

全般的

Max Bockは、シンプルさがプロジェクトで最も価値があり重要なことである理由についての彼の考えを共有しています。
TwitterのIanLittman氏は次のように述べています。「サーバーの50％をPHP5からPHP7に移行すると、年間25億ドル（20億に編集）のエネルギーコストを節約でき、数十億キログラムのCO2排出を回避できます。 PHP7にアップグレードします。地球を救います。」
どのようにしてWeb開発を学び始めましたか？私たちのほとんどは、ブラウザの「ソースの表示」機能に依存していて、今でもそうしていると思います。しかし、JavaScript SPAや、ソースを壊したり、縮小したり、醜くしたりするツールを使用することで、無数の人々がこの自己教育の道を切り開くことができます。よりオープンなアプローチに移行し、少なくとも本番サーバーにソースマップを提供して、開発者ツールを介して実際のソースにアクセスできるようにします。

UI / UX

優れたデジタル製品と優れたデジタル製品の違いは何ですか？ 2文字：UX。ユーザーエクスペリエンスデザイン。しかし、それには根本的な問題があります。 Johannes Ippenが、ユーザーではなく人間を見る必要がある理由について説明します。
これは、Google、YouTube、Amazon、Facebook、Apple、eBayなどの人気のあるWebサイトが過去10年間でどのように変化したかをまとめたものです。今日、私たちが別の時代にいることがはっきりとわかります。
Colin Eaganは、ユーザーのWebエクスペリエンスをパーソナライズするために必要な数十の可能性と、それらのうちどれが機能し、どれが機能しないかを要約しています。彼は貴重なアドバイスで締めくくります。会社とそのチームがどれほど技術に精通していても、複雑なカルトに従うのではなく、単純に始めることです。

見る、言う、する、聞く、考える、浮かんでいると感じる顔のスケッチ — 優れたユーザーエクスペリエンスを作成するには、ユーザーを人間として見る必要があります。（画像クレジット）

HTMLとSVG

Sara Soueidanは、SVGフィルターに関する101のコースを作成しました。これは、SVGフィルターが何であるか、およびそれらを使用して独自の視覚効果を作成する方法を理解するのに役立ちます。

アクセシビリティ

Rob Dodsonが、より優れたアクセシビリティプリミティブを構築する方法についてのすばらしい要約を共有しています。

プライバシー

Googleは、ユーザーの位置データを公開してサードパーティに販売するための新しい賢い方法を常に見つけている企業の1つです。たとえば、Googleは、都市計画家の計画を改善するために、ユーザーの正確な位置データを販売したいと考えています。一方では便利ですが、データがどうなるかを知らない可能性のあるGoogle製品のすべてのユーザーにとっては心配です。
「私はグーグルとフェイスブックについて間違っていました。彼らには何も悪いことはありません（つまり、私たち全員）」とアラル・バルカンは言います。この記事では、最も名誉あるオープンソースプロジェクトでさえ、倫理的な選択を行うのに苦労していることと、倫理的に正しいソリューションを促進するのではなく、最高のUXを提供することの誤りについて説明します。

Webパフォーマンス

Jens Oliver Meiertは、HTMLの記述方法がパフォーマンスにどのように影響するかについての彼の研究を共有しています。 gzipまたはその他の手法を使用してブラウザーでのドキュメントの応答を最適化することはできますが、オプションのタグと引用符を省略すると、違いが生じる可能性があります。

JavaScript

脆弱で再利用されたパスワードが原因でほとんどのデータ侵害が発生しているため、最近ではWeb認証が話題になっています。新しいWeb認証ガイドは、セキュリティ実装ガイドも美しいものになる可能性があることを示す優れた例です。
Mathias Schaferは、長期的なプロジェクトで大規模なJSコードベースを維持することから学んだ教訓を要約しました。
Axel Rauschmayer博士は、JavaScriptにまだ欠けているものと、将来実装される可能性のあるものについて説明します。
Intersection ObserverがWebKitに到達し、Webkitチームがそのための役立つチュートリアルを作成しました。

ガイドからの抜粋。巨大な鍵の塊が転倒するのを防ごうとする小さな女性のイラストを示しています。 — *Web認証のガイド*は、機密情報をオンラインで保護するための便利な入門書です。（画像クレジット）

CSS

Rik Schenninkが、スマートCSSを使用してユーザーのスクロール位置に基づいてスタイルを適用する方法について説明します。
FabriciusSeifertが純粋なCSSを使用してこの太陽系3Dアニメーションを作成した方法は驚くべきものです。
Preethi Samが、あまり知られていないCSS element()関数を使用してミニマップナビゲーターを作成する方法について説明します。
Roman Komarovは、オプションのサイドバーを備えた柔軟なブログレイアウトへの彼のアプローチを共有しています。 CSSグリッドとカスタムプロパティで作成されました。

CSSで構築されたソーラーシステム — FabriciusSeifertの素晴らしいCSS実験で太陽系を探索してください。（画像クレジット）

仕事と生活

ポール・グリーンバーグは、失われたスクリーンタイムを探しており、私たちの生活がどのように見えるか、そしてスクリーンから逃げ出した場合にどれだけの時間がかかるかを探っています。この記事には明らかな数字がいくつかあります。平均的なアメリカ人は、スマートフォンに10年あたり14,000ドルを費やしています。これは、平均的な労働生活の中で70,000ドルです。アメリカ人の29％以上は、スマートフォンを1週間あきらめるよりも、3か月間セックスをあきらめたいと考えています。または、150本の木を植えて、スマートフォンとアプリに1年に費やした金額で0.5エーカーの土地を購入することもできます。
あなたは忍耐強い人ですか？あなたがそうであるかどうかにかかわらず、ジェイソン・フリードが試みたい実験は確かに挑戦です：スーパーマーケットで最も長い列を選び、配達がより長くかかるようにAmazonプライムをキャンセルし、可能な限り待つ機会をとってください。遅さを受け入れる。
「極端な節度を称えて」は、人生のすべての分野で過剰なコミットメント、過剰な働き、過剰な配達の文化が健全ではない理由と、より穏やかで穏やかな道に移行する方法について興味深い視点を共有しています。

超えて…

「それは無料でなければなりません。」サービスに関しては、明らかに必要ではありませんが、必要です。私たちが本当に必要としているものに価値を見ることの重要性と、なぜ少ないほうが多いのかについての私のエッセイ。
どうすれば私たちの生活をより良くすることができますか？本質的な関係を維持し、テクノロジーを回避し、ライフハックの代わりに価値を受け入れることによって、エリック・バーカーは言います。
16歳の女性、グレタトゥーンバーグのこの話をご覧ください。彼女はお金を気にしないこと、そしてなぜ気候変動を彼女のような視点から見る必要があるのか、彼女の人生について、有名で影響力のあるすべての人々に語っています。は危険にさらされており、お金でそれを救うことはできません。彼女のように、企業や財務のルールに導かれていない人がもっと必要です。