Open4
選択した範囲をchatgptを用いて翻訳，要約，検索してくれるツールをchatgptに聞きながら作ってみる
いたっち選択した範囲をchatgptを用いて翻訳，要約，検索してくれるchrome拡張機能を作ってみたい。
UIはdeeplのchrome拡張機能みたいにしたい。
いたっちchatgptに聞きながら作ってみたいためchatgpt plusに課金してgpt4を使えるようにした。
いたっちこれらの拡張機能みたいにapi keyを登録しなくてもchatgptの機能を使いたいと思ったが怪しいことしてそうなので辞めておくことにした。
いたっち以下のようにchatgptに何度も聞いたがネットワークエラーが多発し何度もやり直すことになったかつ、chrome拡張機能を開発したことがないため出力されている結果があっているかわからなかった。
大人しくchrome拡張機能について勉強してからある程度の雛形を作ってからchatgptに聞こうと思う。
選択した範囲をchatgptを用いて要約してくれるchrome拡張の作り方を具体的なコード例を交えて教えて下さい。
[利用技術]
- react
- tailwind css
- typescript
- chatgpt
[要件]
- 文章を選択すると選択した文章の近くにアイコンが表示される
- アイコンをクリックするとポップアップが表示され、選択した文章が要約されたものが表示される
- ポップアップには設定ボタンがあり、クリックするとapi keyを設定できる画面が表示される
- ポップアップにはchatgpt web appへのリンクがあり、クリックするとchatgpt web appへ遷移し「選択した文章」を要約してくださいと入力される