Jake Archibald とゲストがウェブ開発に関する理念やそのさまざまな側面について語り合いながら、ライフハック、教訓、誠実な真実を語ります。
Bramus さんは、HTML と CSS だけを活用したスクロールリンク アニメーションに期待を寄せています。以下を統合する JavaScript オプション。
Jake と Bramus が、変換アニメーション、特に「rotate(0)」が「none」と動作する際の動作の違いについて話し合います。
Jake が、視覚効果に役立つ 2 つのあまり知られていない API である DOMPoint と DOMMatrix を愛用しています。
Bramus は、ブラウザ内に存在するすべてのビューポートについて Jake を学んでいます。位置固定、VW ユニット、高さに関するレイアウトの問題が発生した場合は...
Jake と NEW GUEST（以降のエピソード） Bramus が HTML パーサーでの奇妙な動作についてチャットします。これをより厳格にする必要はありますか？方法
Jake と Cassie（まだ Greensock から離れています）が、想定外の形でアプリの速度を低下させる DOM Ready イベントについて話します。では ...
Greensock の Cassie Evans が Jake と SVG パス、そしてこの乱雑な文字と数字の意味について話します。
GreenSock の Cassie Evans が、状態遷移のための優れたアニメーション手法「FLIP」について説明します。
このエピソードでは、Cassie（Greensock のもの）と Jake（Greensock のもの以外）が、代替となる新しい Navigation API についておしゃべりします。
Ada Rose Canon が Samsung Internet と Jake に語り、Samsung Internet が存在する理由と、Samsung Internet が他の Chromium ブラウザとどのように違うのかについて語ります。
Ada（Samsung Internet ）と Jake（Samsung Internet 以外）が、CSS の管理に関する問題や、外部リソースが...
ジェイクさんは、エイダ（Samsung Internet https://developer.samsung.com/internet）に「どんなキーが押されたか」というゲームに挑戦し、...
このエピソードでは、Samsung Internet の Ada Rose Cannon が、VR と AR のウェブ標準のほか、臨場感あふれる体験を構築する方法についてお話しします...
2 つの DOM 要素を、不透明でなければクロスフェードできないことがわかりました。その理由と、この問題を修正できる新しい機能をご紹介します。
この動画では、Surma と Jake が再びカラースペースのトピックを取りあげます。まだ話題があるからです。デバイスの機能、認識...
Jake と Surma が昨日の「機能」についてチャットし、今でも私たちのやりがいがある。中には出会ったこともあるかもしれないけど、彼は...
イーズインは可能ですが、CSS ではバウンドできません。ジェイクとサーマが、それを修正するための提案について話し合います。
ジェイクとサーマは安いスケート靴なので、ジョイコンをスライド クリッカーとして使用しています。ここでは、その仕組みと使用するコーディング パターンを示します。
Surma と Jake が、シングルページ アプリ（SPA）とマルチページ アプリ（MPA）のメリットとデメリットについて議論しています。
Jake と Surma が、コンテンツを担当するレイアウトと、CSS によって制御されるレイアウト、およびその違いが重要である理由について話し合います。

色空間 - sRGB、LAB、CIE XYZ の違いはご存じですか？- HTTP 203

このエピソードでは、色空間の歴史（sRGB、CIE XYZ、p3、rec2020、CIE LAB など）と、それらが重要である理由について Surma が少し説明します。

ランダム ペイント エフェクト - HTTP 203

このエピソードでは、ジェイクとサーマが「ランダム」のペイント エフェクトの作成と、それらが本当にランダムであってはならない理由についてチャットします。
このエピソードでは、Surma がジェイクに Deno を紹介します。Deno は、Node の作成者が作成した TypeScript ベースのランタイムです。

メモリリークのデバッグ - HTTP 203

Jake と Surma は、ウェブ上で最も困難なデバッグの一つであるメモリリークに取り組みます。
ジェイクとサーマは HTTP 203 の新シーズンのためにスタジオに戻りました。
Jake & Surma は、Jake が多くのウェブサイトを分析した際の、パフォーマンスに関する上位 9 つの項目と 1 つの項目を挙げています。
GZIP をご存じですか？ウェブのあらゆるところで使用され、送受信するバイト数を削減しています。今回のエピソードでは、スルマさんが...

画像の段階的な読み込み - HTTP 203

このエピソードでは、ジェイク（左側の彼）とサーマ（もう 1 人）がさまざまな画像形式がどのように読み込まれるのか、そして何について...

技術面談の実施 - HTTP 203

このエピソードでは、Jake と Surma が、ウェブ開発担当者との面接について、候補者としての経験に基づく良い経験と悪い経験について語ります...
Surma は Jakes に AssemblyScript（WebAssembly にコンパイルできる TypeScript に似た言語）のクイック スタートを提供します。速くなるか？規模は小さいですか？良い例...

大きな戻るボタンに関するクイズ - HTTP 203

[戻る] ボタンの仕組み（と、セッション履歴に関するその他の内容）を理解していますか？ジェイクは...

適切な代替テキストを記述する - HTTP 203

Jake と Surma が以前から抱えていた問題、「画像の代替テキストには何を含めるべきか？」という課題に取り組みます。

タスクのスケジューリング - HTTP 203

タスク、マイクロタスク、ナノタスク... JavaScript にはすべてがあります。そうでない場合もあります。それはどんな仕事なのか。それらをどのように使用しますか？どういう意味でしょうか？スルマリ...
オンラインで多くのカウンタ チュートリアルを見てきましたが、どれも間違いです。少なくとも大半は間違いです。ジェイクとスルマは異なる分析をする...

ディザリング - HTTP 203

256 のグレーの色調で画像を 2 色だけの画像にマッピングするには、どうすればよいでしょうか。ジェイクとスルマがモノクロ画像を下ろして...
Nodejs では JSON を「require」できます。同じ機能が HTML 仕様に追加されていましたが、その後削除されました。ジェイクとスルマが世界に飛び込む...

ウェブ アニメーションの問題 - HTTP 203

何かをフェードイン、フェードアウトするのは簡単ですね。いいえ。Jake & Surma が ...
Surma は、WebAssembly、Threads、WebAssembly Threads を Jake に説明しようとしています。また、恐ろしい図表も持ち合わせており、アセンブリ言語を使用しています。...

コンテンツの取得によるレイアウト コストの削減 - HTTP 203

Jake は、HTML 仕様の CSS に簡単な変更を加え、レイアウト時間を 50 秒から 400 ミリ秒に短縮しました。その後、かなり長いお金を費やします...
Jake が Surma と、ドキュメント間でデータを同期する 6 つの方法についてお話ししますが、中にはいつもうまくいかないものもあるため、複雑で...
Surma と Jake が「脆弱」な JavaScript、特に WeakMap や WeakSet、新しくて輝く WeakRefs について見てきました。

取得を使用したストリーミング リクエスト - HTTP 203

Jake と Surma が、Chrome 85 で導入された新しいテスト（fetch API を使用したストリーミング リクエストのアップロード）についてチャットしています。
ジェイクとスルマが帰ってきた。懐かしい雰囲気。まあまあ。

クロスオリジン フェッチ - HTTP 203

CSRF の Cookie と COEP の CORS の Cookie をご存じですか？このエピソードでは、ジェイクとサーマが...
このエピソードでは、Chrome で相互運用性のバグを見つけて自分でパッチを適用した経緯を Surma が説明します。ストーリーはここまでで...
このエピソードでは、特にセキュリティに関しては、人間が URL を解釈することは不可能であるとジェイクが主張しています。仲間とは...
このエピソードでは、Jake と Surma が配列関数 reduce() について説明します。この関数を使うのは適切ですか？スマート化が進んでいますか？その増加と減少は...
このシリーズでは、2019 年に Chrome でリリースされた Jake と Surma の Whittle 16 の機能が 1 つにまとめられています。このエピソードの内容:
このシリーズでは、2019 年に Chrome でリリースされた Jake と Surma の Whittle 16 の機能が 1 つにまとめられています。このエピソードの内容:
このシリーズでは、2019 年に Chrome でリリースされた Jake と Surma の Whittle 16 の機能が 1 つにまとめられています。このエピソードの内容:
このシリーズでは、2019 年に Chrome でリリースされた Jake と Surma の Whittle 16 の機能が 1 つにまとめられています。このエピソードの内容:
Jake と Surma が、文字列や配列などの高レベルの型をもたらす WebAssembly（インターフェース型）の新機能の提案について話し合います。

マップのインポート - HTTP 203

Jake と Surma が、JavaScript モジュールのインポート方法を変更できる新機能、Import Maps についてチャットします。

プッシュ通知 - HTTP 203

Jake と Surma は、Chrome Dev Summit 2019 のウェブサイトを構築しながら、ウェブのプッシュ通知とその基盤となる API に注目します。
Jake と Surma は、ワーカーとそのメッセージ プリミティブ postMessage() のパフォーマンスを調べます。
Jake と Surma が、JavaScript（var、const、let、script、モジュール）における変数のスコープ設定について、詳しく解説します。

オフライン ファーストの更新の処理 - HTTP 203

Jake と Surma が、オフラインファースト アプリのアップデートの処理についてチャットします。「ここをクリックして更新」を改善する方法はありますか？各事例では...
Surma は Jake が https://proxx.app の構築中に遭遇した 4 つの奇妙なブラウザ バグを思い出します。そのほとんどは Jake が mem からブロックしました...
とりわけわいせつなエピソードでは、ジェイクとサーマがウェブのことにつながった経緯や、成功に貢献した事柄について語ります。

ウェブ標準の変更 - HTTP 203

HTTP 203 では少し違いがあり、Jake & Surma はウェブ標準を変更しました。仕様の読み方、ウェブ プラットフォームの記述方法など...

クリックジャッキングの解決 - HTTP 203

クリックジャッキングにより、他のサイトのコンテンツ（「いいね」ボタンなど）の操作方法が変わりましたが、Intersection Observer V は...
番組では「HTTP 203」というタイトルが付けられていますが、他にどのようなオプションがあるでしょうか。

ループ タイル化 - HTTP 203

Jake と Surma が、アプリの Squoosh で画像の回転コードをどのように最適化したか、Hacker News からループ タイル処理についてどのように教わったかについて話します。

共有ターゲット - HTTP 203

Jake が Chrome Canary を導入したばかりの Share Target API のデモ（新しいコードを含む）を行います。

コンテキストと最適化 - HTTP 203

Jake と Surma が、パフォーマンスを最適化する際のコンテキストの重要性と、一部のデベロッパーがよくみるミスについて...
Jake と Surma が、JAMStack について、その意味とウェブ デベロッパーにとっての有用性について説明します。

キャンバスの新しい項目 - HTTP 203

Jake と Surma が Canvas API に関する新しいことについて話します。次に例を示しますが、これらに限定されません。

バックグラウンド取得 - HTTP 203

Jake は Surma が、新しいウェブ API であるバックグラウンド フェッチを使って作成した実際のアプリを紹介します。
2018 年に多くのウェブ プラットフォーム機能が Chrome に実装されましたが、どれが最強でしょうか？これが最後のパート 4 です。
2018 年には多くのウェブ プラットフォーム機能が Chrome に実装されましたが、どれが最強でしょうか？
2018 年には多くのウェブ プラットフォーム機能が Chrome に実装されましたが、どれが最強でしょうか？
2018 年には多くのウェブ プラットフォーム機能が Chrome に実装されましたが、どれが最強でしょうか？
Jake と Surma が、当然のことながら、JS と Web の最新の機能を紹介します。

Page Lifecycle API - HTTP203

Jake と Surma が Chrome 68 で新たに導入された Page Lifecycle API について解説します。そのデータが必要な理由と最適な使用方法について話し合います。
Jake & Surma が、SVG の新しい風変わりな transform-box プロパティについて説明します。これは、変換の適用方法を制御できるツールです。
Jake と Surma が、開発段階にあるか決して起こらない JavaScript の提案をいくつか確認し、それぞれに Surma の正式な...

ポリフィル - HTTP203

このエピソードでは、Surma & Jake がポリフィルの条件付き読み込みと、ES2015 モジュールの世界でポリフィルを実装する方法について説明します。...

ブロードキャスト チャネル - HTTP203

このエピソードでは、Surma がブロードキャスト チャンネルを 2 分で説明します。Broadcast Channel API は興味深いトピックです。これまで...
このエピソードでは、Jake と Surma が CORB（クロスオリジン読み取りブロック）について説明します。CORB は、機密データの漏洩リスクを低減するアルゴリズムです。
このエピソードでは、for-ループの実際の仕組みと進化を Jake と Surma が説明します。その答えは、その答えが複雑なものだったのです。
Lighthouse と Puppeteer の 2 つは、組み合わせて使用することでウェブサイトの構築時に効果的なデベロッパー ツールです。さて...
Jake & Surma が、Mathias Bynens と Sathya Gunasekaran と JavaScript の最新の開発について議論します。
I/O ‘18 で Martin Splitt が Google 検索の未来について Jake & Surma と語ります。#HTTP203

ウェブ セキュリティ - HTTP203

Jake & Surma が、ウェブ セキュリティ、Spectre と Meltdown、セキュリティ チームが脆弱性にどのように対処しているかについて説明します。座って...
Paul Irish と Jason Miller が Jake & Surma とともに、Chrome DevTools での最新の開発と今後の開発について議論します。#HTTP203

技術的負債 - HTTP203

技術的負担とは、開発の開始時に最も簡単なソリューションではなく、最も簡単なソリューションを選択することによって生じる余分な作業のことです。
エンジニアリング担当バイス プレジデントの Darin Fisher が、Jake & Surma に Chrome ブラウザの始まりと、インタビューの質問について...

小坂麻理子が始めるウェブ開発 - HTTP203

小坂麻理子がジェイク&スルマとともに、ウェブでの初期の体験や、どのようにコーディングに携わったのかについて語ります。マリコさんはこちらも購入...
Jake と Surma が Rob Dodson に、ユーザー補助、ソフトウェア エンジニアリング（SWE）の回転、:focus-visible について語ります。
Jake と Surma が Monica Dinculescu に、PWA スターター キット、絵文字、正しい性格について話します。#HTTP203
Jake Archibald と Surma が、Ben Galbraith（Chrome のディレクター）と Dion Almaer（DevRel のディレクター）に「State of the Web」について座って話します...
本日 #HTTP203 で、Jake と Surma が悪名高い #SmooshGate について話し合います。

ワークライフ バランス - HTTP203

#HTTP203 Surma（@DasSurma）と Jake（@Jaffathecake）が、ワークライフ バランスをハックする方法を紹介しています。

クラスベースのツリー シェイキング - HTTP203

HTTP203 のこのエピソードでは、Jake Archibald と Surma がツリー シェイキングを語ります。コードを紹介します。初めて。すばらしい。

サイズ変更オブザーバー - HTTP203

Surma と Jake Archibald が今日の #HTTP203 に関するオブザーバーについて議論 -
JavaScript Symbols を Jake Archibald が Surma に 2 分で説明します。何に使うのですか？なぜですか？すべてが明らかになります... #HTTP203
短縮ラウンドの再開です！Surma は 2 分間で、Webpack と Workers の最近の調査を Jake に説明できます。#HTTP203
ほとんどのデバイスは 60 Hz で動作しますが、新しいデバイスの中には 120 Hz で動作するものもあります。このことは、至っては人間のエンジニアにとって何を意味するのでしょうか。サーマとジェイクが話し合う ...
EventTarget が Canary で利用可能になりました。おっと。Surma と Jake が、これがウェブに及ぼす影響について話し合います。#HTTP203
JavaScript で、import() 関数を使用してモジュールを動的にインポートできるようになりました。しかし、これは本当に関数なのでしょうか。#HTTP203
最後の HTTP203 Xmas スペシャルでは、Surma がウェブワーカー（サイト専用ワーカーを使うこと）について語ります。

ストリームの変換 - HTTP203 アドベント

HTTP203 のクリスマス シーズンがやってきました。このエピソードでは、ジェイクが変換ストリームについて説明します。
HTTP203 のこのエピソードでは、Surma が dynamic import() について話しています。Dynamic import() は、関数のような新しい形式のインポートを導入します。これにより...
HTTP203 のクリスマス シーズンがやってきました。Jake & Surma が 2018 年に楽しみにしていたウェブ事件について 2 分間で説明します。今回のエピソードでは...

非同期イテレータとジェネレータ - HTTP203 Advent

本日は Surma が HTTP203 の非同期イテレータとジェネレータについてお話しします。
'HTTP203 クリスマスシーズンがやってきました！Jake & Surma が 2018 年に楽しみにしていたウェブ事件について 2 分間で説明します。今回のエピソードでは...

テンプレートのインスタンス化 - HTTP203 アドベント

HTTP203 のクリスマス シーズンがやってきました。Jake & Surma が 2018 年に楽しみにしていたウェブ事件について 2 分間で説明します。このエピソードでは...
HTTP203 のこのクリスマス エピソードでは、ジェイクが重みのない CSS についてお話します。重みのない CSS は、特定の要素に影響を与えることなく要素をマッチングできる新しい疑似クラスです。

ウェブ アーキテクチャ - HTTP203 アドベント

Surma がウェブ アーキテクチャと 2018 年の目標について、メインスレッドでジャンクを排除する方法をデベロッパーに教えます。JavaS か...

アニメーション ワークレット - HTTP203 アドベント

'HTTP203 クリスマスシーズンがやってきました！Jake & Surma が 2018 年に楽しみにしていたウェブ事件を 2 分間で説明します。このエピソードで、スルマさんは ...
HTTP203 のクリスマス シーズンがやってきました。Jake & Surma が 2018 年に楽しみにしていたウェブ事件を 2 分間で説明します。今回のエピソードで、ジェイクさんは...

バックグラウンド取得 - HTTP203 アドベント

'HTTP203 クリスマスシーズンがやってきました！Jake（@jaffathecake）と Surma（@DasSurma）は、2 分間で興奮しているウェブの事柄について説明します。
ウィークマップは、オブジェクトを別のオブジェクトに関連付ける方法で、ガベージ コレクションを可能にします。Jake（@jaffathecake）と Surma（@DasSur...）
WebRTC について気になったことはありませんか？もう不思議ではありません！確かに文字列の一種ですが、スルマさんは軽視しながら、自分の発見をジェイクさんに説明するために最善を尽くしています。...
Surma & Jake Archibald が VDOM と lit-html の比較について解説し、デベロッパーのエクスペリエンスとパフォーマンスの点での違いを評価します。#HTTP203...

ビジュアル ビューポート - HTTP203

今日の #HTTP203 Jake Archibald と Surma は、ビジュアル ビューポート、レイアウト ビューポート、一般的な微妙なニュアンスについて、ビューポートについて話しています。

インポスター症候群 - HTTP203

Surma と Jake Archibald が、インポスター症候群についてどう感じているかや、技術的な話について覚えていないことが本当に重要かどうかについて語ります...
Jake Archibald と Surma が、HTTP203 での Flash の使用体験について話します。Flash に着想を得たウェブ標準はどれですか。フラッシュできるもの
Google Developers の Jake Archibald と Paul Lewis が、ウェブ開発に関する自身の哲学や、ウェブ開発のさまざまな側面について語ります。
HTTP203 HTTP2 では、Paul と Jake が HTTP の未来と、HTTP がデザインからパフォーマンスまでウェブサイトの構築にどのように影響するかについて話し合います。

ライブラリとフレームワーク - HTTP203

今週は Paul と Jake が山頂のブドウ園でライブラリとフレームワークについて話し合います。
Jake は Paul に、最近のパフォーマンス作品についてすべて説明し、ウィキペディアよりも自分のコンテンツをレンダリングするスピードを上げようとしています。
HTTP203: 今週、Paul は Jake に ES2015（ES6）を使用して開発したアプリ「Voice Memos」について説明しました。
HTTP 203 は 9 月 8 日を返します。新シーズンは、2 人組が Google I/O 2015 に出場する様子を追う。さまざまな側面をサンプリングしています。
今週は、Paul & Jake が JavaScript の未来（ES6 以降）についてお話しします。

メンテナンス可能なコード - HTTP203

Paul と Jake が、保守可能で再利用可能なコードと、ファイルを展開するためのコマンドライン パラメータを覚えておく楽しい方法について説明しています。

ブラウザ モノカルチャー - HTTP203

ポールとジェイクが帰ってきた今回は、複数のブラウザ エンジンのメリットと、それによってデベロッパーにもたらされるパワーについて説明します。
ウェブの将来は？ポールとジェイクがユートピアとディストピアの選択肢について話し合ったところ、ポールはブレードランナーを嫌うことが判明しました...
vDOM の話からユーザーに嘘をつくことまで、Paul & Jake はユーザーが驚くほど高速なサイトを実現できるように尽力しています。
Paul と Jake が、ウェブ上でのプログレッシブ レンダリングの重要性について話します。残念ながら、ジェイクさんは「同型」をどう言うべきか理解できません...
CSS のプロパティがパフォーマンスの問題の原因になるかどうかを知るにはどうすればよいでしょうか。どうやら、ポールさんはジェイクさんに必死で答えているようです。...
Jake は重要な物質に対するアレルギー反応を発症し、Paul は「Web vs Native」という非常に論争の深いトピックを提起しています。はい。
ジェイクさんは「ヘッドフォン デストロイヤー」という新しい役割に就いています。ポールさんは「ハロー」の建物を通り抜けるのはとても難しいのではないかと心配しています。
多くの新しいウェブ機能が HTTPS で制限されている中で、Paul と Jake は、HTTPS の使用が妥当な要件かどうかについて話し合っています...
ウェブサイトにアクセスしてみて、テキストが表示されるはずの場所に空白が発生することほど煩わしいものはありません。ウェブフォントが目立つからといって...
ポインタ イベント（CSS のイベントではなく、他のイベントも対象）は、デバイス間で入力をまとめるように設定します。ジェイクからポール アボーへのちょっとしたニュースがありました。
ウェブ向けの開発は素晴らしいことですが、問題点に悩まされることもあるでしょう。HTTP 203 の最新エピソードをご覧ください。...
レンダリング パフォーマンスと 1 秒あたりのフレーム数を実際に追跡することはデベロッパーにとって課題ですが、Paul は以下の点について考えているようです。
ホーホー！2014 年はウェブにとって素晴らしい年でした。Paul と Jake は、この 1 年を締めくくるきっかけになればよいと思いました ...
『HTTP 203』シーズン 2、5/18 配信開始！Paul と Jake が再びウェブについて話します。よく聞いてみると、カサガサという響きがします...