kentem_dev_masuda https://blog.hatena.ne.jp/kentem_dev_masuda/ KENTEM TechBlog https://tech.kentem.jp/ ツール フロントエンド 目次 目次 はじめに 拡張機能の作り方 manifest.json action content_script background WXTを使った拡張機能開発 作成できる拡張機能の例 まとめ おわりに はじめに こんにちは！今年新卒で入社したK.Mです！私は昨年末に開催されたKENTEM TECH CONF 2024に出場し、そこで自作のブラウザ拡張機能について紹介しました。今回はその内容を踏まえて、拡張機能の作り方についてご紹介したいと思います！ 拡張機能の作り方 拡張機能を作るには、設定ファイルであるmanifest.jsonが必要です。また、必要に応じてJSファイルやHTMLファイルが… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.kentem.jp%2Fentry%2F2025%2F03%2F07%2F090000" title="WXTのすゝめ ～俺だけのブラウザ拡張機能を作りたい～ - KENTEM TechBlog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kentem_dev_masuda/20250302/20250302200527.png Hatena Blog https://hatena.blog 2025-03-07 09:00:00 rich https://tech.kentem.jp/entry/2025/03/07/090000 1.0 100%