くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Chrome拡張

Vite/VueでChrome拡張機能を作ってみる | 4. 環境構築/開発編

前回の続き。Vite/CRXJS/Vueで作るときの備忘録(*´ω`*) www.memory-lovers.blog 使ったサンプルはこちらで公開中(*´ω`*) github.com 環境構築 プロジェクトの作成 # viteでプロジェクトを作成 $ pnpm create vite chrome-extension-sample --template vue-…

Chrome拡張機能を作ってみる | 5. 審査・公開編

前回の続き。作った拡張機能を公開するときの備忘録(*´ω`*) www.memory-lovers.blog 公開するには開発者登録が必要 Chrome Web Store - Chrome Developers ストアに公開するには、開発者登録と登録料($5)の支払いが必要。 公開するために必要な資材 公開す…

Chrome拡張機能を作ってみる | 3. データ保存(chrome.storage)

Chrome拡張で設定などデータを保存したいときに、 どうすればいいかを調べてみたときの備忘録。 オプションに関しては、このあたりから読みはじめるとよさそう。 Give users options - Chrome Developers データ保存はchrome.storage chrome.storage - Chrom…

Chrome拡張機能を作ってみる | 2. 登場人物編

とりあえず、Hello Worldできたので、 登場人物やディレクトリ構成とかを調べてみる(*´ω`*) Architecture overview - Chrome Developers 前回の記事はこちら。 www.memory-lovers.blog 最小は2つのファイル ./ popup.html ... 拡張機能をクリックしたときに…

vite/vueでChrome拡張機能を作ってみる|1. Hello World編

なにかChrome拡張を作ってみたいなと思い、 viteとvueでHello Worldしてみたときの備忘録(*´ω`*) 思いの外、簡単にHello Worldできた(*´ω`*) Welcome - Chrome Developers Vite | 次世代フロントエンドツール Introduction | CRXJS Vite Plugin プラグイン…

開いてるタブの全URLをコピーするChrome拡張が便利だった(Copy All Urls)

調べたことを忘れないようにと、タブはすべて残してて、 ブログ化してまとめるときに閉じるようにしてる。 とはいえ、すぐにブログを書けるわけじゃないので、 いつもタブ地獄に。。(´・ω・\`) 一気にコピペしたいなと思ったときに、 よい拡張機能をみつけ…