はてなブックマーク

はじめに ChromeやFirefoxなどの拡張機能はHTML、JavaScriptなどで書くことができます。 JSのフレームワークにはVue.jsなど扱いやすいものがありますが、Content Security Policy(CSP)だかでエラーになるので基本そのまま使うことはできません。 この記事ではVue.jsを使ったブラウザ拡張機能開発を楽に行えるテンプレートを紹介します。 使うやつ github.com vue-web-extension-boilerplateというやつです。 また、vue-cliが入っていること前提です。 使い方 $ vue init kocal/vue-web-extension example-extension 上記コマンドを打つことでテンプレートが展開されます。 example-extensionのところは各自プロジェクト名を入力しましょう。 なんか色