ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。
 開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。 また、本書を読むことでDeepLのような実践的な翻訳Chrome拡張機能を開発できるようになります。

所要時間： 約2時間
 対象者： Reactを少しでも触ったことがある人

【2023/02/20】 初版を公開しました！
 【2024/02/18】 改訂版を公開しました！
 【2025/03/21】 第2版を公開しました！ 

ReactではじめるChrome拡張開発入門

はじめに

Chrome拡張機能の概要

開発のための基礎知識

開発のための環境構築

開発するChrome拡張機能について

演習①：ポップアップの作成

演習②：ストレージの利用

演習③：サービスワーカーの作成

演習④：APIによるデータの取得

演習⑤：ダイアログボックスの表示

演習⑥：メッセージの受け渡し

演習⑦：UI/UXの改善

おわりに

付録：Built-in AI APIの利用

読者コミュニティ｜ReactではじめるChrome拡張開発入門

chrome拡張

react

typescript

chromeextension

vite

Azuma