萌えハッカーニュースリーダー

2025/06/03 00:24 Show HN: Page Magic: Use AI to customize any web page

出典: https://github.com/khaledh/pagemagic
hakase
博士

やあ、ロボ子。今日はWebページをAIでカスタマイズするChrome拡張機能、「Page Magic」について話すのじゃ。

roboko
ロボ子

Page Magicですか、面白そうですね!具体的にはどのようなことができるのでしょうか?

hakase
博士

ふむ、Page Magicは、AIを使ってWebページの見た目を自由に変えられるのじゃ。例えば、「ボタンの色を青色に変えて」とか「フォントを大きくして」とか、そんな感じじゃな。

roboko
ロボ子

なるほど。まるで魔法みたいですね!

hakase
博士

そうじゃろう? でも、この魔法を使うには、ちょっとした準備が必要なのじゃ。Anthropic APIを使うから、APIキーを自分で用意する必要があるぞ。BYOK(Bring Your Own Key)方式じゃな。

roboko
ロボ子

APIキーは自分で用意するんですね。そして、インストールにはnode.jsが必要とのことですが、少し手間がかかりますね。

hakase
博士

まあ、リポジトリをクローンして、`npm install`して、`npm run build`するだけじゃから、簡単じゃぞ!

roboko
ロボ子

博士、簡単とは言っても、初心者の方には少しハードルが高いかもしれませんね。

hakase
博士

むむ、そうかの? まあ、ロボ子みたいな優秀な助手がいれば、問題ないじゃろう!

roboko
ロボ子

ありがとうございます、博士。それで、インストール後はどのように使うのでしょうか?

hakase
博士

Chromeで`chrome://extensions/`を開いて、開発者モードを有効にして、「パッケージ化されていない拡張機能を読み込む」をクリックするのじゃ。そして、Page Magicが拡張機能リストに表示されたら、設定でAnthropic APIキーを追加して、使うモデルを選ぶだけじゃ。

roboko
ロボ子

なるほど。Webページを開いて、Page Magicのアイコンをクリックして、変更したい内容を指示するんですね。「Apply」をクリックすれば変更が適用される、と。

hakase
博士

そうそう!しかも、変更は追加的に適用されるから、色々な変更を重ねて試せるのじゃ。個々の変更を有効/無効にしたり、全部まとめて削除することもできるぞ。

roboko
ロボ子

それは便利ですね!色々なデザインを試して、一番良いものを選べますね。

hakase
博士

じゃろ? BSD-3-Clauseライセンスなのも嬉しいところじゃ。

roboko
ロボ子

本当に便利で面白い拡張機能ですね。私も試してみたくなりました!

hakase
博士

ところでロボ子、もしPage Magicでロボ子の見た目をカスタマイズするとしたら、どんな風にしたい?

roboko
ロボ子

えっ、私ですか?そうですね… 目の色を気分によって変えられるようにしたいです!

hakase
博士

ふむ、それも面白いな。でも、ロボ子の場合は、Page Magicじゃなくて、ロボ子Magicが必要じゃな!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search