Upgrade to Pro — share decks privately, control downloads, hide ads and more …

plasmoを使ってみた

Avatar for Daisuke Daisuke
September 30, 2024

 plasmoを使ってみた

Avatar for Daisuke

Daisuke

September 30, 2024
Tweet

More Decks by Daisuke

Other Decks in Programming

Transcript

  1. 1. プロジェクトディレクトリの作成 2. manifest.jsonの作成 a. https://qiita.com/shiro1212/items/12f0a767494a7b2ab0b3 3. 機能の実装 4. Chromeで読み込む

    https://developer.chrome.com/docs/extensions/get-started/tutori al/hello-world?hl=ja Chrome拡張機能の作り方
  2. 1. プロジェクトディレクトリの作成 2. manifest.jsonの作成 a. https://qiita.com/shiro1212/items/12f0a767494a7b2ab0b3 3. 機能の実装 4. Chromeで読み込む

    https://developer.chrome.com/docs/extensions/get-started/tutori al/hello-world?hl=ja Chrome拡張機能の作り方
  3. plasmoとは - 拡張機能を簡単に開発、テスト、リリースできるオールインワンプラット フォーム - TS, React, Preact, Svelte, Vueをサポートしている

    - 拡張機能に必要な設定周りをフレームワーク側でいい感じに吸収してくれ ている - ソースファイルを元に、manifest.jsonを自動生成