毎月のWeb開発アップデート5⁄2019：過度の複雑化と遂行的発話

公開: 2022-03-10
クイックサマリー↬マンスリーWeb開発アップデートのこの新版では、Webとそれに取り組んでいる人々を動かすものを見ていきます。 ブラウザのアップデートや便利なツールから、私たちの仕事のやり方まで。

今週、私は再び素晴らしいbeyondtellerrand会議に参加しました、そして私はそのようなイベントから家に帰るたびに、私たちの業界と私たちの社会をよりよく理解しようとしています。 たくさんの意見やインスピレーションがあり、年に一度しか会わないたくさんの友達や人と出会い、素晴らしい話を聞いています。 人々は自分の仕事にどれほど不満を感じているかを教えてくれます。素晴らしい人生を送っているように見える人々の素晴らしい話を聞きます。ウェブ上で悪いプレーヤーについてうめき声を上げる人々を聞きますが、本当の洞察や解決策を聞くことはめったにありません。

人生の良い部分と珍しい道を強調するプレゼンテーションは非常にまれですが、例外の1つは、Rob Draperのbeyondtellerandトークで、彼のストーリーと、予期しない一連のイベントが今日の役割をどのように生み出したかを共有しています。 そして、まあ、私は人間を信じて、私たち全員がより良い仕事と生活を送るために何かをすることができる方法を共有する素晴らしい人々がいることを嬉しく思います：それはスティーブン・ヘイがあなた自身のアイデアを信頼し、あなたの自分のウェブサイトと社会システム、または私の親友のアンディがやっているように、アフリカに学校を建設するための非営利イニシアチブを構築しています。このプロジェクトには、多くの時間だけでなくお金も投資しています。

より良い世界のこれらのビジョンを見るのは素晴らしいことであり、そこにいるのは良いコミュニティのように感じます。Webは、技術的なソリューションを構築し、コードを書くための単なるスペースではありません。 役立つ、意味のある、美しい個性的なものを作る場所です。

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

ニュース

  • 公式にしましょう：Safari12.1がダークモードをサポートするようになりました。 それをあなたのページに適用する方法については記事全体をチェックするか、すでにそれをサポートしているTwitterやColloqのようなサイトの1つを見てください。 Safariの開発ツールは、ダークモードのデバッグモードも備えています。
  • Chrome74は公開されています。 新しいバージョンでは、ユーザーがモーションの削減をリクエストし、機能ポリシーAPIが更新されたかどうかを検出できるため、許可されているすべての機能に対してdocument.featurePolicy.allowedFeatures（ document.featurePolicy.allowedFeatures() 、単一機能に対してallowsFeature() 、またはdocument.featurePolicy.getAllowlistForFeature()をリクエストできるようになりました。許可された機能を取得するドメインリストのdocument.featurePolicy.getAllowlistForFeature() 。
  • Googlebotは今や常緑です。 これは、Googleの検索クローラーが最新のChromiumバージョンを自動的に取得することを意味します。 今後は、ES6、ECMAScriptモジュール、および新しい機能をサポートし、IntersectionObserverおよびWebComponents v1APIを介して遅延読み込みされたコンテンツを理解します。 ES6トランスパイラーをすぐに削除する時期かもしれません。
  • Web Share APIは、Webサイトをさらに活用するための優れた追加機能です。 また、Chrome for Androidでかなり前から利用可能になっていますが、Safariは最新バージョンでこの機能をmacOSとiOSにもたらします。

全般的

  • Stefan Judisが、Webを安全な場所に保ち、手頃な価格で高速にし、ユーザーへの応答を調整する方法についてのまとめ記事を共有しています。これらはすべてHTTPヘッダーを使用しています。 私たち全員が日常業務でこれらのことを忘れがちなので、誰にとっても良い読み物です。
  • 毎年恒例のMozilla2019 Internet Health Reportは、人類とインターネットがどのように交差するかを調べています。 これは、レポート自体を完全に読みたくない人のための簡単な回答とともに示しています。
  • オンコールローテーションはテクノロジーでは一般的なことであり、多くのチームがそれに苦労していることを私は知っています。 そのため、「あらゆる規模のオンコール」に関するこのガイドは非常に有益で有用であることがわかりました。 小さなチームであろうと大企業の一員であろうと、準備の仕方と何をすべきかを説明します。
  • エミリー・シェイファーは、正規表現に注釈を付けて、他の人にも理解できるようにする方法を共有しています。
世界のどの地域で何人がオンラインで何人がオフラインであるかを示す棒人間。オンラインのほとんどの人はアジア太平洋諸国から来ており、南北アメリカがそれに続きます。
世界に100人しかいないとしたら、誰がオンラインになりますか？ これは、MozillaのInternet Health Report2019が回答する質問の1つにすぎません。 （画像クレジット）

UI / UX

  • ここでハイライトに値するかなり良いクロスオーバーアプリ：コンセプトアプリは、コンセプトとデジタルアイデアを作成するための非常に柔軟なスケッチ、描画、計画アプリです。
  • Patrick Fallerが、製品設計における過度の複雑さを解消する方法について説明します。
円と矢印で示されている簡略化へのパス。減算、統合、再配布、優先順位付け、明確化。
過度に複雑になった製品のUXをどのように修正しますか？ Patrick Fallerは、単純化への道を示しています。 （画像クレジット）

ツーリング

  • GitHubは、独自のnpmレジストリ（ただし、ruby、Docker、Maven、NuGet）をプラットフォームに統合することでエクスペリエンスを完成させています。 これは、カスタムパッケージとプライベートパッケージの公開を非常に簡単にするための大きなステップです。

プライバシー

  • Web開発者として、Webサイトに含まれているサードパーティとトラッカーを検査する方法を知っています。 ただし、アプリケーションに関しては大きく異なります。 デスクトップまたはモバイルアプリで広告やプライバシーを侵害する追跡メカニズムをブロックすることは困難であり、追跡に気付くことはさらに困難です。 これに対する意識を高め、ユーザーを裏切らないソフトウェアを構築しましょう。

安全

  • Google AMPプロジェクトは、GoogleChromeのAMPドメインを「簡素化」することを発表しました。 これは、ユーザーが実際にGoogle AMPサーバーを使用しているときに、ブラウザバーに元のURLが表示されることを意味します。 これは、URLのなりすましを防ぐためにブラウザベンダーが通常許可していないものであるという事実を考えると、興味深いアプローチです。

アクセシビリティ

  • stylelint-a11yは、CSSリンターを介してアクセシビリティのベストプラクティスを適用するstylelintのプラグインです。

JavaScript

  • MutationObserver APIを完全に理解したことはありませんか？ これがその意味を理解するためのガイドです。

CSS

  • Andy Clarkeは、CSSシェイプを使用して、アートディレクションを行い、Web上でより複雑なレイアウトを作成する方法を示しています。

仕事と生活

  • 生産性と約束はどのように相関していますか？ 絶え間ない要求、やらなければならない仕事が多すぎる、優先順位やさまざまな切迫感に関する情報がぼやけているとき、約束を破ったことで人々を責めることはほとんどできません。 「今日の午後1時までに返事をください」など、他の人の期待に常に直面している場合、その日の当初のスケジュールを守り、生産性を高めるにはどうすればよいでしょうか。 そのような外部の要求を無視して、「時間内に」緊急ではないが緊急性の高い電子メールに返信するよりも、「やるべきことがあった」と言うべきでしょうか。 そうするためには確かにある程度の勇気が必要ですが、最終的には、これが生産性の目的です。スケジュールを守り、1つのタスクに集中する時間を費やします。
  • パフォーマティヴィティのワークアホリズムがライフスタイルになったのはいつですか？ New York Timesは、ビジネスの文化、喧嘩、そして私たちがより速く、より多くの仕事をするために開発した奇妙な愛情に近づいています。 しかし、私たちが1日12時間または18時間働くとき、私たちの生活はどうでしょうか。 そして、自動化が私たちから仕事を奪うというその約束はどうですか？
  • スタンドアップコールをしますか？ これが、チームメートの効率を損なうほどのコストのかかる問題である理由です。
  • 「忙しいのをやめて、何もしないでください。 私たちを信じなさい。" ニューヨークタイムズでのこの主張には理由があります。ストレスのある世界と私たちが一日中働くことを受け入れる環境では、私たちは立ち止まって自分自身のために時間をかけることを忘れないでください。
  • 私たちは他の人の仕事について判断する傾向があります。 そのため、作業が簡単で時間や労力がかからないと仮定して、何かを「手に負えない果物」と宣言する傾向があります。 しかし、私たちはいくつかの状況を見逃す可能性があり、それが予想よりも大きな課題になる可能性があることを忘れています。 ジェイソン・フリードは、他の人の仕事を表すのに「簡単」という言葉を使うときは注意が必要だと言います。
  • ConvertKitの創設者であるNathanBarryは、彼らがどのように型破りな方法でビジネスを運営しているかについて、いくつかの洞察を共有しています。彼らは標準化された給与を支払い、収益を公開し、会社の利益の60％をチームに分配します。
New YorkTimesの記事「なぜ若者は仕事を愛するふりをしているのか」のスクリーンショット。見出しの下には、ノートパソコン、携帯電話、タブレットを持って右手で拳を握っている3人の若者の宣伝ポスター風のイラストがあります。ポスターの背景には「ハッスル」と書かれています。
パフォーマティヴィティのワークアホリズムがライフスタイルになったのはいつですか？ New York Timesは、このトピックに記事を捧げました。 （画像クレジット）

超えて…

  • 「この時代について何かがまれであるとすれば、おそらく、私たちのネットワーク化されたシステムが、環境と社会への影響が目に見えて絡み合って無視できなくなったという、このようなユニークなポイントに到達した可能性があります。」 —「まれで有毒な時代」のイングリッドバリントン。
  • 可能な限り最高のものを手渡しましょう。 次世代に最適な環境。 あなたから仕事を引き継ぐ従業員のための最高の仕事。 人生のあらゆる面でそれを心に留めておいてください。そうすれば、それが違いを生むことがわかります。 他の人とあなたに。 良いことをするのは気持ちがいいです。
  • 気候変動と戦うために私たちができるローテクで持続可能な、そしておそらく最も効果的なことは何ですか？ 植樹。 それらの1兆。
  • 私たちは地球に何をしているのですか？ プラスチック汚染への意識が高まっているにもかかわらず、プラスチックやガラスのボトル、缶、カートンの世界的な販売は依然として増加しているようです。 選択肢はたくさんありますが、1回限りのプラスチック包装と持ち帰り用のコーヒーの購入をやめてもらえますか？
  • 私たちが過負荷を感じるとき、私たちは欲求不満と怒りで誰かを激しく非難する傾向があります。 これは、物事が穏やかで、整然としていて、シンプルで、しっかりしていて、管理されているという希望から来ています。 しかし、それは混沌とし、絶えず変化し、決して固定されず、根拠がないため、世界はこの希望に従わない。 だから私たちは他人に不安や怒りを覚えます。 しかし、欲求不満を感じるとき、私たちは落ち着いた習慣を作ることができます。
  • あなたの携帯電話、あなたが毎日あなたの手に持っているその小さなスクリーンは、どのようなエネルギーの影響を及ぼしますか？ ビデオハングアウトやメッセンジャーを使用したり、写真をクラウドにアップロードしたりします。 しかし、すべてのクラウドサービス、4Gネットワ​​ーク自体は、私たちが忘れがちな大量のエネルギーを使用します。 この記事では、最近のスマートフォンの使用の依存関係と、データを保存して電話の使用量を減らすことが重要である理由、そしてそれがあなた自身のためであるかどうかについて詳しく説明します。

もう1つ：私の読書リストが気に入ったら、寄付を検討してください。 マクユニへの寄付も重要です。

-アンセルムス