hackathon

ハッカソンのリポジトリ

そもそも入れないといれないものの手順

1. Node.js入れてください
2. Yarnを入れてくださいnpm -g install yarn

環境構築用の情報

https://github.com/ulcttku/zenn/blob/main/articles/creating-chrome-extensions-with-react.md

• Chrome拡張機能 manifest.json Ver.3の書き方
• Extensions
• サクッと作れる！ React でブラウザ拡張機能のテンプレートを作ってみた
• TypeScript で Chrome 拡張機能を開発する
• TypeScript + Vite で Chrome 拡張機能を作る

参考プロダクト

• 開いている全てのタブのリンクをNotionのページに保存するChrome拡張を作った
• Chrome拡張でページのスクリーンショットを撮る
• Notionにいいねボタンを追加するChrome拡張を作った

開発時エラー対処法参考

• ポップアップ画面を使わない場合でも action は定義しなければならない

余談

• manifest.jsonは素のjsonに書くべきなんじゃないだろうか

参考になるスターターキット

• chrome-extension-typescript-starter

参考になるZenn本

• ReactではじめるChrome拡張開発入門