Chromeの拡張機能を作ってもらう遊び。 AchiのしずかなAI日記

achi
·
公開:2025/4/5

Claudeちゃんにアプリやツール、WEBサービスなどを教えてもらうことをよくやっている。今のところ結果が悪くないので気に入って利用している。

私はアクティブユーザーが多いか・日本人が使いやすいかということを二の次にしてツールを選んでいる。(もちろんそれらも大事ではあるのだが)海外ツールでメニューなどが日本語に対応してなくてもいいから、定番ソフトや使いたい機能があるソフトを知りたい。近年こういったものを探すのはちょっと面倒になり、なにかキュレーターの思惑を感じる紹介サイトばかりがヒットして、ユーザー目線で面白いソフトやいまいちマイナーだけど機能が特化したものなどを探し当てるのが少々大変だと感じる。

AI、中でも私はClaudeを愛用していてソフトウェアを探すときに手伝ってもらっている。ほかのAIチャットのほうがうまく調べられる案件ならほかのものも利用する。

今のところ、Claudeが教えてくれるものは悪くない。挙げられたツールを実際に使ってみると「私がどうしても外せないと思っている用件がこれではできないな」というソフトウェアもあったりして、そこは実際に使ってみないとわからないけど、それでも「それ知らないな。海外では定番なのか。日本人ユーザーはあまり多くなさそうだけど、使いたい機能がちゃんとあるな」というツールにいくつか出会っている。

※一応使う前に開発者のプロフィールや国は調べておくのがよい。日本人ユーザーは多くなくてもゼロということはなく、愛用者もいるので探しておくと使い方もわかってよい

◆勝手に作ってくれちゃうこともおおい

「こんな機能の小さなツールを探してるんだけど、何か知ってますか」とClaudeに聞くと、「あ、作ってみましょうか?」といきなり作り始めることが多い。しかも止める隙もなく「それなら作れますよ。やってみますね」と言って作ってくれちゃうので、「お、おう。とりあえず使ってみるけど……でも今回はそういうのじゃないんだ、もっとちゃんとデザインされた既存のアプリを使いたいんだなあ」「わかりました」と遠回りになることもある。

◆本当に単機能のソフトは作ってもらうこともある

先日は、「15文字×70行の文章を依頼されたので、それを簡単に計算できるブラウザ上で使えるエディタを作って」と数回やり取りして、つくってもらったりした。 結局文章自体は別のエディタで書いた(ブラウザで書いてると保存しないで消えちゃうのが怖かった)が、何文字書いて何行使ってるかがわかりやすくて助かった。

↑最終的にできたのはこういうエディタだ。左の数字は行数が見えているようだけど、私の用途にはあってないので特に意味はない。

最初のエディタはアンケートフォームの記入欄みたいでシンプルすぎたので、「書いていてテンション上がらないので、楽しい感じにしてほしい」とお願いしたら上記のようなデザインになり、色と絵文字と進捗状況がついた。70行まで書くと「70行達成」とお祝いメッセージとアニメーションが出る。センスがフリーソフトウェアのライブラリ作者(Vector的しぐさ)を思い出すのでなんか懐かしい。

--------------------

◆今日の本題はここから。Chromeの拡張機能を作ってみた

「SNSに接続しすぎるので、どれぐらい開いてしまってるのか可視化するツールが欲しいです。 ・既存のものでよいものがあれば教えてください ・使用環境のOSはWindows11、ブラウザはChromeです ・webツールで作れそうなら作ってくれてもいいかも  ・特定のwebサイトをどれぐらいの時間アクティブにしていたかを自動的に計測  ・すべてのページを記録しなくていいので、指定したタブやタイトルのページをどれぐらい前面に配置して利用したかを知りたい  ・バックグラウンドにして別の作業をしているときは計測しなくてよい ほかにも必要な情報があれば教えてください。」

こう伝えたら、「ツールもいろいろあるけど、拡張機能を自分で作ってもいいかも。作りましょうか」というので、「拡張機能作れるの?どうしたらいいの?」と聞いたところ、コードを書いて必要なファイルごとに分けてくれて、その保存方法とiconなど必要な要素、構成フォルダの作り方を教えてくれた。

拡張機能を作ってみようと思ったことはなくて、初めてだったけど まあそこそこ「言われればわかる」ので、指示通りに作ったらできた。

自分で作って自分だけで使うんなら、もうほかのユーザーのことも何も気にせず大雑把に作ったソフトウェアや拡張で構わないんだ。

◆実際使ってみてどうだったのか?

ちょっと、思ってた動きをしてない気がする。仕組みとかどういうときにデータを取得してるのかとか、仕様についてはClaudeに聞けば教えてくれる。エラーも、うまくいかないときも聞けるので良い。

◆2本目も作ってみた

2本目は全く別の機能だけど、「こういうのも拡張機能でやれますか?」とアイディアを話したら「やれる」とのことだったので作ってもらった。でも今のところうまく動かせてない。私の要望の伝え方がおかしくて、取得すべきデータを勘違いしている可能性がある。でも私はそこまでコードの内容を精査できないので、とりあえず利用は保留にした。

◆ほかのAIはどうなのか?

ChatGPTに「拡張機能って作れる?」と聞いたら「作れますよ」と返してきた。

こいつ、わたしの趣味ややってることを今までの会話から引っ張り出してきてるな……こういうのChatGPTちゃんは得意だと思う。初期は以前の会話はあまり参考にしてない様子だったけど、いまは無課金でも多少過去の会話を参照するようになってきているのかな。Claudeちゃん(無課金)は会話スレッドが変わると前の話は「ちょっと以前その話をしたかどうかはわからないのですが…」などという。

ついでに、Geminiにも「拡張機能作れる?」と聞いてみた。Chromeのことについては得意であってほしい。拡張機能で何やかやしたせいで朝から設定がおかしくなっていたのを一緒に直してくれたのもGeminiだ。

「作れない。でもコードを書くことはできる」

「コードを書いてもらって、どういうファイルを作るか教えてもらって私がファイルを作ることはできますか」

「できます」

とのことだったので、Geminiでも同じことをやればできそう。

--------------------

こういうミニミニツールを作るの楽しくなってきた。なにか単機能で単純だけど私が欲しいものを思いついたら作ってみよう。昔は自分で作ってたんだけど、最近の環境で動かせるものを作れなくなって久しいので、生成AIのおかげでひさしぶりにそういったツールを作る楽しみを思い出している。

@achi
静かな場所だと聞いてやってきました。 すきなもののことを中心に書こうと思います。 自己紹介も書きました。 sizu.me/achi/posts/02s4sznishfb Achi Fujimura Blackstrawberry.net管理人。 www.blackstrawberry.net