毎月のWeb開発アップデート1⁄2019:習慣を再考し、カスタムソリューションを見つける

公開: 2022-03-10
クイックサマリー↬アンセルムスは、マンスリーWeb開発アップデートの新版で帰ってきました。 既存のシステムと習慣を再考し、製品に本当に適したソリューションを見つけるのに役立つ読書リスト。

いくつかの新しい実験で新年を始めるよりも良いことは何ですか? 今日、私は自分のプロジェクトの1つでJavaScriptツールを再考する時が来たと思いました。 そして、すべてをプレーンなECMAScriptモジュールで既に記述しているので、今はそれらをネイティブに提供し、すべてのビルドとトランスパイルのステップを削除するのは簡単だと思いました。 ほとんどのコードを自分たちで書いたものの、そこにはいくつかのサードパーティの依存関係があり、もちろん、それらのすべてがECMAScriptモジュールであるとは限らないことに気付くまでは。 したがって、今のところ、すべてのビルドステップを削除し、バンドルとトランスパイルを継続するという計画をあきらめる必要がありますが、ツールのセットアップを最新化および簡素化すると同時に、より小さなバンドルを提供するためのより良いソリューションを見つけようとします。ユーザー。

別の実験:ほんの数週間前、Webサイト用の単純な「ページの上部に移動」ボタンを作成する必要がありました。 requestAnimationFrameなどを使用してイベント処理を最適化しましたが、今日、 IntersectionObserverを使用してビューポートのボタンを切り替える、より優れた効率的なソリューションを見つけました。 その記事は、以下のJavaScriptセクションにあります。 私がこれらの小さな話を共有したかった理由は、私たちが私たちの習慣と現在の解決策を見直し、製品を改善できるより良い、より新しく、より単純なアイデアがあるかどうかを確認することが最も重要であると信じているからです。 遊び続け、研究を続け、そして時々既存のシステムを再考することを忘れないでください。

ニュース

  • Joseph Medleyが、Chrome 72での非推奨と削除について説明します。これには、 window.openを介したページのアンロード中のポップアップのブロック、HTTPベースの公開鍵ピンニング、TLS1.0とTLS1.1の非推奨が含まれます。

UI / UX

  • ジェシーウィーバーがここで書いていることは大きなニュースのようには聞こえませんが、彼は私たちが自分の製品のために他の人のために働く製品戦略を採用するようにどれほど早く誘惑されているかを示しています。 ジェシーは、なぜそれが良い考えではないのか、そしてなぜあなたが常にあなた自身のカスタムソリューションを見つけようとするべきなのかを共有しています。

Webパフォーマンス

  • Jack Lenoxは、ウェブサイトのパフォーマンスが地球の気候にどれほど大きく影響するか、そしてパフォーマンスが訪問者に与える影響を、読み込み時間の短縮を超えて調査します。
  • Tim Kadlecは、パフォーマンスが人を含めたり除外したり、エネルギー、ネットワークトラフィック、および時間の浪費を増やしたり減らしたりできるため、パフォーマンスが倫理的なポイントである理由を説明します。

JavaScript

  • 「トップに戻る」ボタンをどのように提供しますか? これは、交差点オブザーバーを使用してボタンを表示および非表示にする、非常にパフォーマンス指向の効率的なアプローチです。
  • Ackermann Yuriyが、FIDO2とWeb認証APIを使用して、パスワードなしでユーザーにログインする方法について説明します。
  • Chromeは現在、ユーザーがネイティブアプリをインストールしているかどうかを検出できるgetInstalledRelatedAppsというAPIに取り組んでいます。 これは、デフォルトでアプリバナーを表示しないようにしたり、ウェブサイトから直接アプリで特定の商品機能を開かせたりするのに役立ちます。
  • Harry Wolffは、 React.lazyとsuspenseを使用してJavaScriptアプリのコードを分割する方法を示しています。 これは、アプリケーションバンドルの元のロードサイズを減らすために重要であり、WebサイトのパフォーマンスとUXに大きな違いをもたらす可能性があります。
パスワードなしで認証と検証がどのように機能するかを示すインフォグラフィック
パスワードなしの認証? WebAuthnAPIはそれを可能にします。 (画像クレジット)

CSS

  • Una Kravetsは、HoudiniとCSS用のPaintAPIの使用に関するすばらしい記事を書きました。 彼女は、標準のCSSでは使用できないカスタマイズされたテキスト装飾アンダースコアスタイルの例でそれを示しています。
  • Eric Portisは、 intrinsicsizeサイズのHTML属性の概念について説明します。これは、画像を解析する前に、ブラウザに画像の予想されるサイズをヒントすることで、ブラウザにジャンクのない画像の読み込みを提供するのに役立ちます。
  • Scott Jehlは、オープンソースのカスタム外観selectモジュールを更新しました。このブログ投稿では、今日のスタイルselectの方法について説明しています。
  • Chris Coyierは、Webコンポーネントのスタイルを設定する方法を要約し、グローバルスタイルを継承するか、最初から開始するかを決定しました。
ランダムに生成された下線付きのサンプルテキスト。
Una Kravetの「スーパーアンダースコア」の例では、要素ごとにランダムに生成されたアンダースコアを使用しています。 HoudiniとPaintAPIで可能になりました。 (画像クレジット)

仕事と生活

  • 「達成感を感じることは、私たちの自尊心の重要な部分です。 もっと達成できたと思うので自分を殴るのは、自信と自尊心を傷つけ、一日の終わりに消耗した気分にさせる可能性があります。」 リサエバンスは、その罠に陥らないようにするために私たちができることを共有しています。
  • Itamar Turner-Trauringは、長時間働くことをいとわない人々と競争しているときに、仕事と生活のバランスの取れた仕事を得る方法についての彼の考えを共有しています。
  • アプリのようなデジタル製品に基づいたヘルスケアと治療を提供するのは良い考えですか? もしそうなら、これの要件、基準は何ですか? これが倫理的に正しいことをどのように保証できますか? 制限、プライバシーの境界をどのように設定し、企業がここで実験をどこまで行えるようにするのでしょうか。 パーソナライズされたコンテンツは問題ありませんか? デバイスから収集したデータを医療提供者や保険会社と共有しても大丈夫ですか? これらは私たちが自分自身に尋ね、個々の答えを見つけなければならない質問です。
  • ミレニアル世代が燃え尽き症候群になった経緯についてのこの記事は、今週私に大きな打撃を与えました。 私はこのグループの人々に「ミレニアル世代」と呼ばれているのを見て(20歳の人よりもはるかに多くの人に影響を与えていると思います)、そこで言及されている多くの闘争に関係することができたので、今ではこれらのことを考えています問題は私が想像していたよりも大きいです。 それらは社会、政治、地球上の各個人に影響を及ぼします。 その事実を考えると、今日のほとんどの人が、20年前の平均的な答えはまだ約5でしたが、恐怖や他の邪魔なことについて話すことができる友人がいないと答えるのを聞くのはクレイジーです。 私たちが彼らのためにそこにいて、彼らが難しいことについて私たちに話すことができることを私たちの友人に保証しましょう。 2019年は、私たちが影響力の輪の中で、友人、隣人、インターネットで一緒に仕事をしたり話したりする人々について興奮と幸せを持って考えることができる人間のコミュニティに住むことを素晴らしいものにする年になるはずです。
  • 私たちは皆、同時に非常に多くのことに対応しようとしています。仕事で、家で、子供たちと、人間関係で、スポーツをし、経済をマスターし、趣味で成功し、生産的になることです。 しかし、同じレベルで同時にすべてを管理することは不可能であることを盲目的に無視します。 暦年の終わりなど、特定の時間枠ですべてを完了できなかった場合、私たちは後悔を感じます。 ショーン・ブランは、私たちがしなかったことに罪悪感を感じるのではなく、私たちがしたことを祝うべきだと主張しています。

超えて…

  • 言葉があり、それから言葉があります。 私たちの多くは、言葉として「ただ」がどれほど有害であるか、どれほど規範的で、どれほど受動的に攻撃的であるかを知っています。 Tobias Tomは、私たちの日常の言語でそれを使用した暗黙の結果と結果を調べることによって、「すべき」が有用な単語であるかどうかに挑戦します。 なぜ「すべき」があなたとあなたが達成したいことに害を及ぼす可能性があるのか​​。
  • 「私たちは皆、自分たちが何を表しているのかを知っています。 秘訣は、私たちの価値観を明確に述べることです。そして、それらを支持することです。あなたがそれのために得るかもしれないお金。
  • 今週の気候改善に関するエキサイティングなニュース:アーボリストのチームが、世界で最も古くて最大のセコイアの切り株から苗木を複製して育てることに成功しました。そのうちのいくつかは3、000年前のもので、伐採時の直径は35フィートでした。 19世紀と20世紀に。 今月初め、クローン化された苗木の75本がサンフランシスコのプレシディオ国立公園に植えられました。 これを特別なものにしているのは、これらの古代の木が、平均的な木では1トンであるのに対し、生涯にわたって大気から250トンの二酸化炭素を隔離できるという事実です。
  • 進行中の技術開発と、ますます多くのものを自動化する新しいサービスの構築に努めているため、人とのつながりを強調することがさらに重要になっています。 クライアント、従業員、または環境のために物事を改善する努力を示さない企業は、すぐに苦労し始めるでしょう、とライアン・ポーは言います。
  • 私たちは通常、自動車業界からの技術発明とそれを他の人と共有する意欲についての素晴らしいニュースをあまり期待していません。 しかし、トヨタは現在、自動安全システム「ガーディアン」を競合他社と共有することを決定しました。 自動運転技術を使用して、車が衝突するのを防ぎます。 「私たちはそれを私たちだけに独占的に保つことはしません。 しかし、ライセンス供与によるものであれ、実際のシステム全体によるものであれ、何らかの方法で他の人に提供します」と同社のGillPratt氏は述べています。

読んでくれてありがとう! 2019年に私のWeb開発アップデートのこの新しいエディションで戻ってきてうれしく思います。そしてあなたの継続的なサポートに感謝します。 多くの人がこのリソースを役立てていると聞いてうれしく思います。 それで、楽しんだら、あなたが知っている人々とそれを共有するか、私にフィードバックを与えるか、または少額のお金でそれをサポートしてください。 -アンセルムス