React, TypescriptでChrome Extensionを開発する(ホットリロード対応) - ハイパーマッスルエンジニア
死ぬほど参考にさせていただいたサイト 基本的には下記のサイトを参考に進めればいけます。(最高の記事ありがとうございます、大感謝祭) code-log.hatenablog.com 本記事では上記で紹介されていたホットリロードがエラーで動かなかったため、別の方法でホットリロードできたので紹介したい。 環境 typescript 4.3.2 webpack 5.38.1 node 15.13.0 yarn 1.22.10 最終形 先に最終形を載せておく。 github.com content_scriptsのみ対応としたため、かなりミニマムになっている。 ディレクトリ構造 . ├── dist │ ├── background.js │ ├── main.js │ └── manifest.json ├── manifest.json ├── package.json ├── sr
必要なものは作っちゃえ！Chromeの拡張機能をAngular 2で書いてみた
ブラウザーに必要な機能を追加できる、Google Chromeの機能拡張（エクステンション）。でもちょっとほしいものがないんだよな……。そんなときは、自分で作ってみては？ Angular 2とTypeScriptで書く、モダンな機能拡張の作り方。 本記事はPanayiotis Velisarakos、Tim Severien、Dan Princeが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 Chrome拡張機能は、グーグルChromeブラウザーに機能を追加できるちょっとしたWebアプリです。ブラウザーの動作や開発ツール、新規タブページを拡張し、カスタマイズできるようになります。拡張機能のダウンロードはChrome Web Storeからできます。 記事では、WebサイトのURLを保存して新規タブで表示するChro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
