毎月のWeb開発アップデート12⁄2017:実用的なリリース、カスタム要素、および意思決定

公開: 2022-03-10
簡単な要約↬過去数週間にWebコミュニティで何が起こったのですか? Anselm Hannemannは、あなたが何かを見逃さないように、新しくて重要なすべてを要約しています。

今日、私は現在の若い世代と彼らの経済的将来についての目を見張るような記事を読みました。 「ミレニアル世代」のような言葉を理解するのは難しく、彼らが直面する特定の問題について多くの話がありますが、私たちの多くにとって、彼らの闘いを理解するのは簡単ではありません。ミレニアル世代)。 しかし、Michael Hobbesの面白くて非常に有益な記事は、私に多くのことを明らかにしました。 私は今、そこに概説されている事実のかなりの部分を理解しているだけでなく、関連しているだけでなく、さまざまな年齢層が社会を形成する方法を示しているため、彼らの決定が他の人々の生活に与える影響に気づいていません。

ウェブの専門家として、私たちは多くの面でそれに関係することができます。 Webプロジェクトを構築するとき、私たちは決定を下し、多くの場合、これらの決定が他の人々にどのように影響するかを考えずに、開発者、起業家、マーケティングストラテジスト、サポートスタッフとして私たちにとって最善のものに基づいて決定を下します。 アクセスできないWebサイトを構築することにより、何百万ものユーザーを除外します。 より優れた分析イベントとライブラリを実装することで、ユーザーのデータをサードパーティに提供します。 正しい判断を下すことが不可能な場合もあります。正しい判断を下すことができないという事実に圧倒され、合理的で十分な情報に基づいたすべての判断を却下し、最善を尽くすことに専念します。私たち自身。 私たちはより賢くなります。 そして、おそらくすべてを正しく行うことはできませんが、それでも、圧倒されることなく、小さな一歩を踏み出すことができます。 簡単なことではありませんが、新年の抱負に何かあるのではないでしょうか。

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

ニュース

  • WHATWGに関するビッグニュース:Apple、Google、Microsoft、Mozillaの4つの主要な統合ブラウザエンジンの背後にある組織は、WHATWGの知的財産権(IPR)ポリシーとガバナンス構造を開発しました。 これにより、より有用なリソースを提供する生活水準が向上することを願っています。
  • 実際には11月にすでにリリースされており、Firefox57の新機能は次のとおりです。新しい超高速Quantumエンジンが搭載されています。 Web拡張機能も現実のものになり、古い問題に対するさらに多くのバグ修正とパフォーマンスの向上が将来期待できます。 しかし、私たちの開発者はどうですか? Firefox57は<input type="\\[date|time]">をサポートし、新しいエンジンのおかげで多くのCSSバグが修正され、StorageAPIやAbortAPIと同様に、パフォーマンスオブザーバーAPIが有効になりました(例:フェッチリクエストの場合)。 最後になりましたが、ヘッドレスモードは非常に便利な--screenshotフラグをサポートするようになりました。 ちなみに、QuantumエンジンはAndroid59のFirefoxにも間もなく登場します。
  • Chrome 63には、動的JavaScriptモジュール、 asyncイテレーターとジェネレーター、CSS overscroll-behavior (プルトゥリフレッシュをネイティブにサポート)、 Intl.PluralRules APIのサポートなど、いくつかのすばらしい新機能が搭載されています。 さらに、パーミッションUIは、サイト所有者が必要かつ有用な場合にのみ追加のパーミッションを要求する必要があることを明確にするために、モーダルでパーミッションを要求するようになりました。 Intl.PluralRulesもこのバージョンに含まれています。

全般的

  • アマゾンはすごいですよね? 彼らのクラウドは高速で、大きく、そして安価です。 彼らの店はすべてを提供し、迅速に配達します。 今週、アマゾンウェブサービスは非常に興味深いものを発表しました。「AWSは現在、米国インテリジェンスコミュニティに、未分類、機密、秘密、極秘のすべての分類レベルにわたる商用クラウド機能を提供しています。」 はい、あなたはそれを正しく読んでいます:AmazonはUSインテリジェンスサービスの極秘データをホストする責任のある会社になるようです。 政府のサービスが、競合他社や自社の代替手段に簡単に切り替えるオプションがない、企業独自のクラウドサービスに完全に依存し始めるのは良い考えではないと確信しています。 アマゾンとの関連で言えば、インターネットトラフィックの最大70%がAWSバージニアデータセンターを通過します。アマゾンは、寝室、リビングルーム、フラットや家のスマートキーにカメラとマイクを必要としています。インターネットを利用している場合、AWSを利用しないことはすでに不可能です。 このAWSセキュアクラウドが今年のように停止した場合、USインテリジェンスコミュニティはどうなりますか? 彼らはまだ動作することができますか? 積極的な調査中に発生した場合はどうなりますか?

ツーリング

  • 私たちの誰がリリースの大きな課題とそれらがどれほど時間がかかるかを知りません。 Raymond Rutjesは、チームの全員がリリースできるようにすることを提案しています。 それは簡単で、心配がなく、そしておそらく最も重要なことに、高速でなければなりません。
  • Francesco Schwarzは、CSSの特異性を視覚化するための新しいツールを構築しました。 構造内の誤解を分析したり、リファクタリングする必要のあるモジュールを特定したりするのに非常に役立ちます。
実用的なリリース
心配が減り、送料が増えます。 それは実用的なリリースです。 (画像ソース)

UI / UX

  • Spectralでは、オープンソースライセンスの下で利用可能な新しいスクリーンファーストのセリフ書体があります。
  • John Moore Williamsが、サイト検索デザインのベストプラクティスを共有しています。 インパクトのある強力な検索エクスペリエンスをユーザーに提供したい場合の重要なヒント。

Webパフォーマンス

  • Michael Scharnaglが、Service Worker(基本的にはWebプロキシ)を使用して、Network InformationAPIに基づいて画像を読み込む方法について説明します。
  • ハリー・ロバーツは、多くの人にとって明らかではない問題を明らかにするための正しい言葉を見つけることがよくあります。 彼の記事「分散コンピューティングの落とし穴(フロントエンドパフォーマンスに適用)」は、ユーザーの想定を立て、ネットワークパフォーマンスなどの問題を積極的に無視または考えすぎていることについて説明しています。
  • 「BestRequestIs No Request、Revisited」は、Stefan Baumgartnerによる新しい記事で、HTTP / 2で今できることと、理論的には機能するがまだ実際には機能しない変更について説明しています。
  • Samuel Parkinsonが、ft.comにアクセスするとどうなるかを説明します。 DNSから始まり、FinancialTimesの完全なリクエストワークフローの旅を続ける詳細な洞察。
フィナンシャルタイムズスタック
簡略化されたft.comスタック。 詳細については、SamParkinsonの記事を確認してください。 (画像ソース)

安全

  • ID保護会社である4iQは、ダークウェブで14億のクリアテキストクレデンシャルを含む漏洩したデータベースを発見しました。 これはおそらくこれまでに利用可能な最大の既知のリソースであり、サービスごとに一意のパスワードを使用することがいかに重要であるかをもう一度示しています。
  • HSTSは、安全なHTTPSプロトコルを介して特定のホスト名にのみ接続するようにブラウザに指示する方法です。 ただし、調査で顕著に示されているように、現在ブラウザに実装されている方法はかなり壊れており、攻撃に対して脆弱です。
  • Tobias Tomは、Colloqで、ユーザーが公開データ侵害で公開されたパスワードを選択できないようにするパスワードチェックを実装した方法を共有しています。 Troy Huntによるすばらしいデータセットに基づいており、サイトのパフォーマンスに影響を与えることなく40GBのPostgresデータセットと照合する方法に関する興味深いデータを共有しています。
  • あなたはおそらくブラウザでの暗号マイニングについてすでに聞いたことがあるでしょう。 新しく発見されたスクリプトは、WebAssemblyのサポートをチェックして、ハードウェアの機能を最大限に活用してから、バックグラウンドで暗号通貨をマイニングするポップアンダーウィンドウを起動します。 唯一の緩和策は、ブラウザのすべてのタスクプロセスを手動で強制的に閉じることです。 ただし、最も一般的なマイニングスクリプトを直接ブロックするブラウザ拡張機能もいくつかあります。

アクセシビリティ

  • すべての人に役立つテーブルを設計およびコーディングするための最良のアプローチは何ですか? Adrian Roselliが、レスポンシブでアクセス可能なテーブルを作成する方法を共有しています。
  • これは、アクセシビリティの自動テストを作成することの価値を引き受けているMarcy Suttonであり、そのようなものがあるからといって、手動のアクセシビリティ作業を行う必要がなくなったわけではありません。

CSS

  • Jonathan Snookが、CSSグリッドを使用してカレンダーレイアウトを作成する方法について説明します。
  • 今後のCSSセレクターレベル4仕様では、 :matchesに似た:is疑似セレクターを取得しますが、特異性を高めることはありません。

JavaScript

  • Brian Kardellは、一般的なネイティブ要素の拡張としてカスタム要素をすぐに使用する方法について重要な投稿を書きました。 これは、すべてを最初から作成する必要がないため特に優れていますが、ネイティブ要素から完全なアクセシビリティと使いやすさを継承しながら、カスタマイズによってネイティブ要素を拡張できます。 それとは別に、この機能により、段階的に拡張されたカスタム要素を構築できます。
  • JavaScriptの最新ツールでコンテナクエリを実現しますか? Ali Alaaは、MutationObserverでそれを行う方法を共有しています。
  • Safariはプレビュービルドですでに動的なJavaScriptimport import()をサポートしており、Chrome63もそれをサポートします。 Mathias Bynensが、これが何を意味し、どのように使用できるかを説明します。 import()は基本的にimport on fireであり、JavaScriptモジュール全体をその場でロードできるのは本当に必要な場合だけです。
  • Jake Archibaldは、 awaitreturnreturn awaitの微妙ではあるが重要な違いを説明し、どちらをいつ使用するかについてのヒントを提供します。
MutationObserverを使用したメディアクエリ
メディアクエリがビューポート全体ではなく要素の幅に基づいていることを希望したことがある場合は、AliAlaaの回避策が最適です。 (画像ソース)

仕事と生活

  • 「いくつかの詩を書いて、結核で亡くなり、それを豊かな生活と呼べる時代がありました。」 クインノートンは、「生産性に反対する」という考えを発表し、人生の生産性を高めるために私たち全員が奇妙な努力をしていることについて述べました。
  • ジェームズ・クリアは、人生が常により複雑に見える理由と、これに圧倒されないようにするために私たちができることを説明します。
  • The Guardianによると、多くの雇用主はすでにさまざまなテクノロジーを使用して、従業員のWeb閲覧パターン、キーストローク、ソーシャルメディアの投稿、さらにはプライベートメッセージングアプリを監視しています。 それは、会社のスタッフに対する絶対的な不信を示す作業監視です。 しかし、あなたの雇用主が同じことをした場合、あなたは何ができますか? 上司にあなたの仕事を評価していないと思い、彼らがあなたを監視していると彼らがあなたを信用していないように感じることを上司に話すのがおそらく最善です。
  • Ryan Singerは、アジャイルを実行するだけではうまくいかない理由を説明しています。 問題は、間違ったことをしたり、仕様に合わせて構築したり、気を散らしたりすることにあります。 取り組むべき適切なものを見つけ、それらを注意深くそしてサイクルで行うことは、本当にアジャイルな作業です。 数字や用語に気を取られることなく、代わりに重要なことに集中してください。
  • Alida Miranda-Wolffは、「速く動いて物を壊す」ことが人にとって悪い考えである理由をブローチします。なぜなら、壊れている「物」は人だからです。 労働時間、仕事での幸福、才能の成長、そしてなぜそれが有害なパターンをたどりたくなるのかという問題。
  • ダン・キムは、時間を無駄にせず、話し合う必要のある重要なことに焦点を当てて協力するために、定期的な会議を終了する時期だと考えている理由を説明します。 定期的な会議について合理的に考えることの嘆願。
サークルで実行されています
問題解決を必要とする仕事は丘のようなものです。 Ryan Singerは、その場合にアジャイルが機能しない理由を説明します。 (画像ソース)

超えて…

  • スコット・ベルクンは、正しい変更がしばしば間違っていると感じる理由を説明します。 あなたがそれに関係することができるならば、私はこの記事を読むことをお勧めします。それは私たちがそのように感じる理由とこれが自然である理由を理解するのに役立つからです。
  • 素晴らしいDoLecturesシリーズの背後にいる人々は、2017年の100冊の本を共有して私たちに読むことを勧めています。 そして、私は100冊すべての本を読むことはできませんが、リストには、年末の良い読み物と見なされるいくつかの素晴らしいヒントがあります。
  • 過去数ヶ月間、私はソーシャルメディア企業で働いている、または働いたことがある人々からの記事をますます読み、そのようなサービスが私たちの社会を引き裂くのにどのように大きく貢献しているかについて話します。 これは、誤った情報の問題を示すもう1つの問題であり、AIの影響を受けた集約された「タイムライン」は、社会を統一して人々を助けるのではなく、事態を悪化させるだけです。 ソーシャルメディアには多くの価値がありますが、ほとんどの大規模なサービスには根本的な問題があります。より多くの収益と新機能を目指して、これらのサービスは人々の利益に一致しようとしますが、目を提供するのではなく、利益に非常によく一致するため、ひどく失敗します。ユーザーが自分の意見や興味を反映できるようにする、オープンで中立的で客観的なコンテンツ。

このWeb開発アップデートを楽しんでいただけたでしょうか。 次は1月19日を予定しています。 乞うご期待!