PR：この記事にはアフィリエイトリンクが含まれます。
Chrome拡張機能開発の本を探していて、Manifest V3とTypeScriptも学びたいとなると、どれを選ぶか迷いますよね。拡張機能全般を扱う本と、Chromeの作例を中心にした本では得意分野が違います。
ここでは2023〜2025年刊の3冊を、ページ数や機能、Manifest V3とTypeScriptの記載内容から紹介します。広く学びたい人にはFrisbieの第2版、作例から始めたい初心者にはWorkshopがおすすめです。
3冊の早見表
| 本 | 刊年・ページ数 | 主な内容 | 読者の目安 |
|---|---|---|---|
| Building Browser Extensions: Create Modern Extensions for Chrome, Safari, Firefox, and Edge（第2版） | 2025年・612ページ | 複数ブラウザー、権限、実装、公開・管理。出版社のキーワードにManifest V2とV3、TypeScript | 拡張機能開発を広く学びたい人 |
| Browser Extension Workshop: Create your own Chrome and Firefox extensions through step-by-step projects | 2025年・214ページ | ChromeとFirefoxの実践プロジェクト、権限、スクリプト、テスト、公開 | 初めて作りながら覚えたい人 |
| Getting Started with Chrome Extensions: A Beginner’s Guide to Web Tool Development | 2023年・134ページ | Chromeの基礎、スクリプト、API、ストレージ、テスト | 短めの入門書から始めたい人 |
612ページのFrisbie第2版は複数ブラウザーを扱い、WorkshopはChromeとFirefoxの作例が中心です。Lockewoodの本はChromeを対象に、APIやストレージ、テストを取り上げます。
Manifest V3とTypeScriptの両方が出版社のキーワードに並ぶのは『Building Browser Extensions』第2版です。キーワードにあることと、TypeScriptの作例が豊富に載っていることは別なので、学習量まで確認して選びたいですね。
MV3の見どころ
Manifest V3では、背景ページの役割を拡張機能のService Workerが担います。処理は停止したあと再起動することもあるため、変数に状態を置きっぱなしにする設計は避けましょう。
設定や途中の処理に使う値を残すには、Chrome Storage APIなどへ保存します。イベントを受け取る処理はService Workerのトップレベルで登録するのが基本です。
ページ上の要素を読むcontent scriptは、Service Workerとは役割が異なります。ページのDOMを扱えますが、Webページ側のJavaScriptとは別の実行環境です。データの受け渡しにはメッセージングを使います。
権限も設計に関わります。ユーザーが操作したタブだけに一時的にアクセスするのか、特定サイトへのアクセスを求めるのかで、必要な宣言や利用者への伝わり方が変わります。
広範囲を学ぶ本
Matt Frisbie著『Building Browser Extensions』第2版は、Chromeに加えてSafari、Firefox、Edgeも扱う総合書です。権限の章は327〜369ページ、開発・公開・管理の章は495〜527ページにあります。
スクリプトの書き方に加え、権限や公開、管理まで扱います。拡張機能を作り、公開するまでの流れを広く知りたい人におすすめです。
出版社のキーワードにはManifest V2とV3、TypeScriptが含まれています。Manifest V3を学ぶ本として有力な候補です。TypeScriptの作例数や説明の深さは、キーワードだけでは分かりません。
3冊の中では最もページ数が多く、Chrome拡張機能だけを短く学びたい人には分量が多く感じられるかもしれません。複数ブラウザーや公開工程まで学びたい人には、扱う範囲の広さが魅力です。
Building Browser Extensions: Create Modern Extensions for Chrome, Safari, Firefox, and Edge
Apress
Amazonで探す作例中心の本
Amara Hawthorn著『Browser Extension Workshop』は、ChromeとFirefox向けのプロジェクトを段階的に進める構成です。予備知識のない初心者を対象にしており、HTML、CSS、JavaScriptから始められます。
manifestファイルや権限、メッセージング、ストレージAPIのほか、background script、content script、popup UIも扱います。各パーツを作りながら、画面と裏側の処理のつながりを追えます。
デバッグやテストに加えて、ChromeウェブストアとFirefox Add-onsへの公開も取り上げます。性能やセキュリティ、ブラウザー間の互換性についても学べる、実践的な構成です。
紹介されている言語はHTML、CSS、JavaScriptです。Manifest V3とTypeScriptを主軸に学ぶ場合は、Chrome公式資料などを併用しましょう。まず作例で開発工程を知りたい初心者におすすめです。
短く始める本
Lockewood著『Getting Started with Chrome Extensions』は2023年刊、134ページ。Chrome拡張機能の初心者に向けた、コンパクトな入門書です。
manifestファイルやbackground script、content scriptに加え、APIリクエスト、local storage、Chrome Storage APIを扱います。トラブルシューティングとテストも取り上げており、基本機能を一通り見渡せます。
対象はChromeです。まずブラウザー上で動く小さな道具を作りたい人に合います。HTML、CSS、JavaScriptの基礎から学べる構成です。
短い本でChrome APIとスクリプトの基本を確認したい人には、手に取りやすい候補です。英語で書かれているので、技術用語を読むことに慣れているかも考えておきましょう。
Getting Started with Chrome Extensions: A Beginner’s Guide to Web Tool Development
Independently Published
Amazonで探すTypeScriptの位置
TypeScriptのソースは、ブラウザーが実行できるJavaScriptに変換して拡張機能に組み込みます。型の書き方に加えて、変換後のファイルをmanifestから正しく参照する構成も必要です。
たとえばService Workerを worker.ts から生成する場合、manifestには出力先の worker.js を指定します。開発中のファイル名と配布物のパスがずれると、読み込みエラーが起きます。
TypeScriptの型は、Chrome APIに渡す値やメッセージの形を整理する助けになります。ただし、型を書いても権限は追加されず、実行時の入力が自動で安全になるわけでもありません。
3冊のうち、出版社のキーワードにTypeScriptを含むのは『Building Browser Extensions』第2版です。TypeScriptの文法とMV3のService Workerや権限設計を合わせて学ぶなら、Chrome公式資料も参考になります。
結論
Chrome拡張機能開発を幅広く学び、Manifest V3とTypeScriptも意識したい人には『Building Browser Extensions』第2版がおすすめです。複数ブラウザーや権限、開発から公開・管理までを扱う範囲の広さが決め手になります。
作例を優先する初心者には『Browser Extension Workshop』、Chromeの基礎を短く押さえたい人には『Getting Started with Chrome Extensions』が合います。学びたい内容に合わせて選んでください。
紙版の価格は販売先や時期によって変わります。購入時点の価格を確認し、刊年・版・ページ数も照らし合わせましょう。TypeScriptの作例を重視する場合は、書籍とTypeScript公式ハンドブック、Chrome公式資料を組み合わせるのが現実的です。
Amazon の PC をスコア化してみた
Amazonにある8〜14インチの小型WindowsタブレットやノートPCを、スペック別にスコア化して比較・ランキング。
