Welcome to my website!https://www.bokken.io/https://www.bokken.io/articles/2020-09-06/hello-world/https://www.bokken.io/articles/2020-09-06/hello-world/Weblog をはじめる。もともと昔にブログを書いていたが、ブログとしてアウトプットをする時間を取らず更新が滞ってしまっていた。今回、新たにブログを自分で作って運用していくことにした。ブログの目的は下記の２つである。1. 書くことで自分の知識を整理する。2. Web に取り入れられた機能をすぐに自分のサイトで試せるようにする。特に今回、自分でブログジェネレータを作ったのは 2 が大きい。Web ...Sun, 06 Sep 2020 00:00:00 GMThttps://www.bokken.io/articles/2020-10-05/privacy-policy-note/https://www.bokken.io/articles/2020-10-05/privacy-policy-note/Web サイトとして記載しておくべきプライバシーポリシーは何か。概要。自分自身で Web サイトを作る際に、プライバシーポリシーをどのように扱うべきか、どのように記載するのがよいのかを考えて記載することとした。調査の過程と最終的にどのようなプライバシーポリシーとなったのかを紹介したい。本記事の対象読者。本記事の対象読者は、プライバシーポリシーを書きたいと思っている自分自身の Web サイト(静的...Sun, 11 Oct 2020 00:00:00 GMThttps://www.bokken.io/articles/2021-12-30/lookback-2021/https://www.bokken.io/articles/2021-12-30/lookback-2021/2021年の振り返り。2021年がもう終わろうとしているので簡単に振り返りをしたい。テックよりの話とライフイベントよりな話の両方でつらつらとまとめてみる。テックよりの話。例年は本を読んだり、自分でプログラムを書いたりして一人で満足しているだけだったのだが、。今年はいつもに比べて対外的な活動、人と関わりがある活動を進めていこうとしてもがいていた年だった。中でも印象的なのは。Chromium にパッ...Thu, 30 Dec 2021 00:00:00 GMThttps://www.bokken.io/articles/2022-05-21/vscode-extension-chromium-code-search-permalink/https://www.bokken.io/articles/2022-05-21/vscode-extension-chromium-code-search-permalink/Chromium の開発時に便利な Visual Studio Code の機能拡張を作った。概要。Chromium の開発をしているときに、他の人にコードのどの部分かを説明したいことがある。そんなときに GitHub では、Copy GitHub URLというプラグインで、VS Code で編集しているコードのパーマリンクを取得できるため、このパーマリンクを共有すればよい。ただ、Chromiu...Sat, 21 May 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-01-01/a-clean-commit-message/https://www.bokken.io/articles/2022-01-01/a-clean-commit-message/きれいなコミットメッセージとは。最近、大きなコードベースを触る機会が増えてきれいなコミットメッセージについて考える事が増えた。きれいなコミットメッセージの定義は様々あると思うが、筆者は下記がきれいなコミットメッセージに必要なことだと考えている。1. どこに対する変更かが分かる。2. どんな変更かが分かる。3. プロジェクト内で統一されている。これに対して、私はcommit_type(module...Sat, 01 Jan 2022 00:00:00 GMThttps://www.bokken.io/articles/2020-09-30/html-parser-good-story/https://www.bokken.io/articles/2020-09-30/html-parser-good-story/HTML parser を書いてるときに出会った Web 標準仕様の話。TL;DR。筆者はブラウザをスクラッチで書いている。そのときに HTML の標準を読みながらブラウザを書いている。そのときに仕様の不備のように疑われる挙動に出会った。内容について調査しているうちに。Web は標準を壊さないようにしている。動いているものが Web。ということを再認識できたので、その内容について紹介したい。出会...Fri, 02 Oct 2020 00:00:00 GMThttps://www.bokken.io/articles/2021-02-28/how-to-build-chromium/https://www.bokken.io/articles/2021-02-28/how-to-build-chromium/Chromium をビルド・テストする方法とその実行時間の備忘録。概要。趣味でブラウザを作っている延長で、 Chromium をビルドしてテストを走らせて遊んでいる。その際、ビルド、実行に必要なリンクが各所にあって難しいなと感じたので、この記事にまとめて備忘録としておきたい。また、あまりビルドやテスト実行時間について紹介されている記事が少ないので、この記事ではその点についても言及する。目次。<!...Sun, 28 Feb 2021 00:00:00 GMThttps://www.bokken.io/articles/2020-10-26/how-to-develop-minimal-pwa-app/https://www.bokken.io/articles/2020-10-26/how-to-develop-minimal-pwa-app/Progressive Web App 化する最低限の設定。概要。Progressive Web App (PWA) の勉強がてら https://blog.bokken.io を PWA 化した。<blockquote class="twitter-tweet"<p lang="ja" dir="ltr">ブログの PWA 化できたのでインストールできるようになった <a href...Mon, 26 Oct 2020 00:00:00 GMThttps://www.bokken.io/articles/2022-02-28/investigate-chromium-cors-header-parse-failure/https://www.bokken.io/articles/2022-02-28/investigate-chromium-cors-header-parse-failure/Chromium のバグを直しているときに知った HTTP ヘッダ関連の Web 標準の読み方。はじめに。最近、Chromium へのコントリビューション活動をしている。直近で Chromium のバグ fix のために仕様を読んでいて面白いなと思ったことがあったので共有したい。TL;DR。HTTP ヘッダの値のパース方法は各ヘッダごとに決められている。具体的には Structured Fiel...Mon, 28 Feb 2022 00:00:00 GMThttps://www.bokken.io/articles/2020-09-20/my-awesome-tools/https://www.bokken.io/articles/2020-09-20/my-awesome-tools/生産性アップのための一工夫。概要。最近生産性アップのためにやっていてよかったなと思うことがあったので紹介したい。要点は下記である。何度も繰り返すコマンドはスクリプトに。コミットしてしまわないように .gitignore に追加。ファイル単位で追加するのではなくディレクトリ単位で .gitignore して PATH を追加。背景。プロジェクト内での開発において、特定のコマンド列による操作を繰り返...Sun, 20 Sep 2020 00:00:00 GMThttps://www.bokken.io/articles/2022-03-31/whats-new-2022-03/https://www.bokken.io/articles/2022-03-31/whats-new-2022-03/Web 標準を読む会。近況。最近、Web 標準を読む会を開催して、複数人で Web 標準を読んでいる。やっていることはシンプルで、 Fetch Standard を DeepL で日本語に翻訳している文章を参加者が順番に音読する。そしてその内容を読み解くというものだ。一人で読むことに比べて複数人で読む方が時間はかかるのだが、 参加者それぞれが気になる観点が違っていて理解が深まっているように感じる...Thu, 31 Mar 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-04-30/apply-google-summer-of-code/https://www.bokken.io/articles/2022-04-30/apply-google-summer-of-code/働いているけど Google Summer of Code (GSoC) に応募した。概要。今年から Google Summer of Code (GSoC) の応募制限が緩和されて、18 歳以上であれば、。誰でも応募できるようになった。私はフルタイムでエンジニアとして働いているのだが、前述の通り募集条件が緩和され私も条件に当てはまるようになったので、。今年は応募してみたのであった。まだ、結果は...Sat, 30 Apr 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-08-31/chromium-commits/https://www.bokken.io/articles/2022-08-31/chromium-commits/Chromium のコミットを検索できるサイトを作った。はじめに。Chromium News というサイトを作りました。現状は Chromium の commit を検索できるだけのサイトだが、今後様々な情報ソースを集約したり、それらをまとめる記事を書ければと思っている。ユースケース。ユースケースとしては、たとえば HTTP/3 や Prerender にまつわる commit ってどんな変更を...Tue, 30 Aug 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-06-30/http-rfc-publication-study/https://www.bokken.io/articles/2022-06-30/http-rfc-publication-study/HTTP RFC Publication Study で HTTP/3 について発表しました。はじめに。HTTP RFC Publication Studyに発表者として参加した。その際に使った資料はこちらで公開している。<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQJJG6Yq1HtN0Yq146b-ektkfm...Thu, 30 Jun 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-07-31/research-on-github-permalink/https://www.bokken.io/articles/2022-07-31/research-on-github-permalink/GitHub permalink の URL の仕様について。はじめに。筆者は VS Code で GitHub の permalink をコピーできる拡張機能をよく使っている。この拡張機能は一部のエンコードが必要な URL についてはサポートされていない。例えば、下記のような pathname を持つファイルは正しい URL をコピーできない。``text。/@foo/[bar]/a !"$...Sun, 31 Jul 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-10-24/about-client-side-storage/https://www.bokken.io/articles/2022-10-24/about-client-side-storage/ブラウザのクライアントサイド storage についてまとめる。はじめに。前回の Anonymous iframe の記事で、storage について触れた。ブラウザが持つ storage にはどんなものがあるのか気になったので、。MDN や Storage Standard を読んでまとめてみる。クライアント Storage。クライアント Storage は、JavaScript API が提...Mon, 24 Oct 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-11-24/about-prerender2/https://www.bokken.io/articles/2022-11-24/about-prerender2/Prerender2 という機能について。はじめに。Prerender2 という機能の実装が Chrome/Chromium で進んでいる。この機能はページのレンダリングを予め行うことでページを高速に閲覧できるようにするための機能だ。この記事ではなぜ Prerender**2** なのか、どうすれば適用できるのか、使う際の注意点はなにかを 2022/11/23 時点での情報についてまとめる。最新...Thu, 24 Nov 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-09-27/about-anonymous-iframe/https://www.bokken.io/articles/2022-09-27/about-anonymous-iframe/Anonymous iframe とは。はじめに。Anonymous iframe という仕様がある。この仕様が何を問題としていて、何を解決するための仕様なのかをまとめる。tl;dr。Anonymous iframe は COEP (Cross Origin Embedder Policy) require-corp 環境下で外部リソースの利用が制限された状態あっても、安全な形で iframe ...Tue, 27 Sep 2022 00:00:00 GMThttps://www.bokken.io/articles/2022-12-30/about-chips/https://www.bokken.io/articles/2022-12-30/about-chips/サードパーティ Cookie をブロックする制限を緩和する CHIPS という仕様について。はじめに。3rd Party Cookie をブロックする制限を緩和するための仕様である CHIPS が策定されている。近年、ユーザの Privacy の向上を目的として 3rd Party Cookie をブロックする流れがある。cross site でユーザトラッキングを提供する多くのツールは 3rd...Fri, 30 Dec 2022 00:00:00 GMThttps://www.bokken.io/articles/2023-02-28/about-clear-site-data/https://www.bokken.io/articles/2023-02-28/about-clear-site-data/クライアントの Cookie などのデータを削除する Clear Site Data という仕様について。はじめに。Clear-Site-Data というクライアントサイドのデータを削除するための仕様がある。提案自体は2015年頃からある仕様だが、最近 Safari の Beta Release にリリースされ、もうすぐ主要ブラウザで実装が出揃う形になる。この記事では、Clear Site Da...Tue, 28 Feb 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-01-29/about-fetch-metadata/https://www.bokken.io/articles/2023-01-29/about-fetch-metadata/不正なリクエストを弾くために使える Fetch Metadata という仕様について。はじめに。リクエストのコンテキストをサーバ側に伝えることで、サーバ側でリクエストが危険なものかを判別するための Fetch Metadata Request Headers という仕様がある。今回、このヘッダがどういったものなのかについて Fetch Metadata Request Headers を読んだり...Sun, 29 Jan 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-03-31/my-first-ietf/https://www.bokken.io/articles/2023-03-31/my-first-ietf/IETF 116 Yokohama に参加しました。はじめに。IETF 116 Yokohama に参加した。 私としてははじめての IETF 参加だった。今後の参加者たちの参考にどういった体験だったのか記録として残しておきたい。私は普段 Web フロントエンドの開発をしているため、プロトコル関連の実装をしている訳ではない。なので IETF で議論されされている内容に関して専門家ではない。趣味で...Fri, 31 Mar 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-06-30/about-prerender2-refreshment/https://www.bokken.io/articles/2023-06-30/about-prerender2-refreshment/Prerender2 のキャッシュを更新し続けるためのヘルパーと HTTP Cache を合わせて活用する方法。はじめに。本記事ではPrerender2で事前描画したページを更新し続けるときに、少しだけ便利なヘルパーを作ったので、Prerender2の挙動とあわせて紹介する。Prerender2 とは。Prerender2 という機能が Chrome/Chromium で実装されている。この P...Fri, 30 Jun 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-04-30/timing-related-apis/https://www.bokken.io/articles/2023-04-30/timing-related-apis/Web サイトのパフォーマンスを計測するためのタイミング関係の API について。はじめに。Web サイトのパフォーマンスはビジネスにもインパクトを与える事があると言われている(参考))。また、Google は検索ランクについて Core Web Vitals を考慮するということを発表している。このことから、パフォーマンスを改善することは非常に重要であるといえそうだ。パフォーマンスを改善するた...Sun, 30 Apr 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-08-31/about-weaving-the-web/https://www.bokken.io/articles/2023-08-31/about-weaving-the-web/Web 好きにはたまらない Weaving The Web を読んで。はじめに。ずっと読みかけで積んでしまっていた「Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web」(以下、Weaving the Web) を読んだ。読んだ内容を忘れないように備忘録として書き留めておく。<div sty...Thu, 31 Aug 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-05-31/about-well-known-change-password/https://www.bokken.io/articles/2023-05-31/about-well-known-change-password/パスワード変更用のURLを明示すためのwell-known URL for Changing Passwordsという仕様について。はじめに。パスワード変更のためのURLを示すための、A Well-Known URL for Changing Passwords という仕様が存在する。この仕様は主にクライアントサイドのパスワード管理ツールで使われる想定の仕様だ。本記事ではこの仕様がどういうものか...Wed, 31 May 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-09-30/software-design-2023-10/https://www.bokken.io/articles/2023-09-30/software-design-2023-10/Software Design 10 月号に HTTP/3 の記事を寄稿しました。Software Design 2023 年 10 月号。Software Design 2023 年 10 月号の HTTP/3 の特集の第一章に寄稿する機会を頂きました。<img height="300px" alt="Software Design 2023 年 10 月号" src="./img...Sat, 30 Sep 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-07-31/about-storage-partitioning/https://www.bokken.io/articles/2023-07-31/about-storage-partitioning/ブラウザの Storage Partitioning について。はじめに。ブラウザは様々なストレージや内部状態を持っている。例えば、Cookieなどがわかりやすい例だろう。 この内部状態を元にoriginと通信をするが、セキュリティやプライバシーの観点から、この内部状態は許可されていない異なる origin へ漏れないようにしなければいけない。では、実際にどういったストレージや内部状態を持ってい...Mon, 31 Jul 2023 00:00:00 GMThttps://www.bokken.io/articles/2024-01-31/software-design-2024-02/https://www.bokken.io/articles/2024-01-31/software-design-2024-02/Software Design 2024年2月号から「あなたの知らないChromeの世界」の連載を始めました。はじめに。今回、Chromeとブラウザ好きが幸いして、Software Design誌にて「あなたの知らないChromeの世界」の連載をさせていただくことになりました。<div style="width:100%; display: flex; justify-content: cen...Wed, 31 Jan 2024 00:00:00 GMThttps://www.bokken.io/articles/2023-10-31/about-related-website-sets/https://www.bokken.io/articles/2023-10-31/about-related-website-sets/サードパーティ Cookie の制限を緩和する Related Website Sets (First-Party Sets) という仕様について。概要。現在 Web ブラウザでは、プライバシーの観点から、サードパーティ Cookie をブロックする流れがある。しかし、Web コンテンツプロバイダーは複数のドメインでコンテンツを提供していて Cookie を共有したいことがある。例えば、アプリケ...Tue, 31 Oct 2023 00:00:00 GMThttps://www.bokken.io/articles/2023-12-29/lookback-2023/https://www.bokken.io/articles/2023-12-29/lookback-2023/2023年の振り返り。今年ももう終わってしまうので、今年にあったことで印象的だったことを振り返る。ブログ記事を毎月書いた。今年もなんとか毎月ブログ記事を毎月出せた。すべて月末に偏っているのは、普通に時間がかかるのと、ある程度記事を温めているからというのもあるが、締め切り駆動にあってるからというのもある。来年は月初に出して月末はゆうゆうと過ごしたい。Chromium へのコントリビューション。今年...Fri, 29 Dec 2023 00:00:00 GMThttps://www.bokken.io/articles/2024-03-31/deprecate-chromium-news/https://www.bokken.io/articles/2024-03-31/deprecate-chromium-news/Chromiumのコミットを検索するサービスを停止します。はじめに。ずいぶん昔に「Chromium のコミットを検索できるサイトを作った」という記事を書きましたが、そのサービスを一度停止します。理由としてはそのサービスでは内部的にPlanetScaleを使っており、無料で使えるHobby Planが2024年4月8日以降に使えなくなってしまうためです。今後もしかしたら他の技術構成で再開するかもし...Sun, 31 Mar 2024 00:00:00 GMThttps://www.bokken.io/articles/2024-02-29/chromium-build-option/https://www.bokken.io/articles/2024-02-29/chromium-build-option/Chromiumのビルドオプションの備忘録。はじめに。以前の記事でChromiumのビルドをする際のコマンドを備忘録のためにまとめた。基本的にはデフォルトの設定を使っているのだが、デバッガと併用して使う場合には別途設定ファイルを変更して利用する必要があるため、その内容についてまとめる。設定ファイル。現状、デフォルトビルドの際には次のようなオプションを使用している。これでも最低限、動作確認やテスト...Thu, 29 Feb 2024 00:00:00 GMThttps://www.bokken.io/articles/2023-11-30/about-http-expires-0/https://www.bokken.io/articles/2023-11-30/about-http-expires-0/Chromium の Expires: 0 の取り扱いを修正したときに学んだこと。はじめに。ことのはじまりは https://crbug.com/853508 を見つけたことだった。この bug は HTTP Caching に関わる話で、Expires: 0 がレスポンスに付与されていた際には、ブラウザはこのキャッシュを expired なものとして扱わなければいけないというものだった。 A ...Thu, 30 Nov 2023 00:00:00 GMThttps://www.bokken.io/articles/2024-10-18/unknown-chrome-world/https://www.bokken.io/articles/2024-10-18/unknown-chrome-world/「あなたの知らないChromeの世界」の連載終了によせて。!software design雑誌。はじめに。今月のSoftware Design 2024年11月号で、以前に紹介した「あなたの知らないChromeの世界」の連載が無事に終了しました。至らない点もあったかもしれませんが、無事に連載を終えることができてほっとしています。読んでくださった方がいたら、ありがとうございました。連載中紹介したト...Fri, 18 Oct 2024 00:00:00 GMThttps://www.bokken.io/articles/2025-04-30/consideration-about-3pc-prompt/https://www.bokken.io/articles/2025-04-30/consideration-about-3pc-prompt/4月22日に発表されたPrivacy Sandboxの再度の方向転換。ChromeがプロンプトによるサードパーティCookie受け入れ機能を撤回した理由を、GoogleとCMA（英競争・市場庁）とのやりとりをもとに考察する。Wed, 30 Apr 2025 00:00:00 GMThttps://www.bokken.io/articles/2024-12-31/lookback-2024/https://www.bokken.io/articles/2024-12-31/lookback-2024/2024年の振り返り。ふりかえり。今年やったことや、よかったことを簡単に振り返る。執筆系。今年は『「あなたの知らないChromeの世界」の連載終了によせて』でも書いたように、Software Designでの連載をやり切ることができた。その分、ブログを書くのがおろそかになってしまっていた。登壇系。Web Developer Conference 2024の「1分 de Web標準」でHigh R...Tue, 31 Dec 2024 00:00:00 GMT