試してみたブログ

AI関連・iPhone/Pixelなどのガジェット・音声入力・サーマルプリンタなど興味をある事をどんどん試してみた際の記録

CodexでPerplexityのDeepResearchでWEBサイトの本文をプロンプトにいれて投げるChrome拡張機能を作成した

背景

WEBの記事やニュースなどを深掘りしたいことがあり、その際にperplexityやChatGPTなどでDeepResearchにかけて深掘る事が多くなってきた。 いっそのことChrome拡張から直接、全文とプロンプトを投げて結果をコピーして読む方が早いと思ったので作成した。

プロンプト

perplexityを使ったchorme拡張機能を作りたいです。

拡張機能のボタンを押すと、現在見ているページにたいして、本文と思われる内容を、perplexityのresearchにAPIで投げて調査をする物を作成したい。またクリック時に追加のプロンプトを入力出来るようにしてください。

perplexityのAPIキーは、configフォルダの配下にapi_keys.envというファイルに記載される想定です。
記述する形式も最後に教えて。
また.gitignore上に上記は除外するようにしてください。
extensionフォルダ内にapi_keys.envを含めてください。chrome拡張に読み込んだ際に、APIキーを読み込めなくならないように。

またデフォルトの固定のプロンプトをjsonファイル内に持つ様にしてください。ここに調査する方針などをユーザー独自に設定するようにします。自由記述のプロンプトとは別です。

manifest.json の host_permissions に "<all_urls>"を追加して全ドメインで使える様にしてください。
本文中に「関連タグの記事を見る」があればそれ以降は切り捨てるよう変更してください。また回答をコピーをPerplexityに送信ボタンの右側に設置してください。
  • 最初に大枠を作ってそこから修正した物になります
  • 修正した際のプロンプトもくっつけています

どうだったか

  • 本文の判定がイマイチだがサイトによっては使えるレベル
  • サイト毎にある程度どの部分をとるべきかを別途指定して作り直す方が良さそう
  • 一方でそのままdeep researchにかけて背景の背景を知りながら記事を読むのは理解が進んだ