見出し画像

自作Chrome拡張機能でメモを革命的に効率化した話

AIコンサルタントの日常

自分専用のChrome拡張機能を作った話をシェアします。
これがもう超便利で、Webブラウジングの操作、メモの効率が劇的に上がっていますので、その話をシェアしたいと思います。

Webブラウジングの課題

ネットから情報収集するなかで、普段からObsidianで記事執筆やアイデアのメモを取っているんですが、Webブラウジング中に「いい言葉だな♥」「この情報、後で使えそう」「このテキスト、翻訳したいな」「この内容で記事書けそう」と思うことが多々ありました。

従来、MacのPopClipという買い切りアプリを使用しており、Webブラウジングにかかわらず、PopClip搭載の機能を使って、選択したテキストのショートカット操作をしていました。

PopClipアプリ

  • 選択したテキストをDeepLで翻訳

  • 選択したテキストでGoogle検索

  • 選択したテキスト（住所）からGoogleMap検索

  • 選択したテキスト（URL）を短縮URLに変換
    などです。

基本機能は十分なのですが、obsidianとAIを連携させて保存したいみたいな、自分好みにするには、今流行りのバイブコーディング、Chrome拡張機能は簡単に作れる、ということから、自分で作っちゃえ、という発想に至りました。

自作chrome拡張機能　4つの機能

自作のChrome拡張機能（→選択テキストの右側に表示）

1. 📋 クリップ機能

選択したテキストと記事リンクを、Obsidianに自動保存
これで、気になった情報をサッと保存できます。日付別デイリーノートが自動で作られる、すでに同じ日のデイリーノートがある場合は上書き追加するようにしてあるので、後で振り返るのも簡単。

上記PopClipウェブサイトのテキストを、Obsidianメモにクリップ！

2. ✨ 記事生成機能

選択したテキストをヒントにClaude APIでnote記事案を自動生成。
「この内容、note記事にできそう」と思ったテキストを選択して、ボタン一つで、Claudeが３つの記事構成案を生成。Obsidianのnoteフォルダに自動保存されます。これは、あとでネタ帳にもなるかな、、、と思っています。

選択したテキストから記事案が３つ作られて、Obsidianに保存されました

3. 🔍 Perplexity検索機能

気になるキーワードや概念を選択、選択したテキストで即座にPerplexityでの検索結果が表示。新しいタブで開くので、元のページもそのまま。

4. 🌐 DeepL翻訳機能

選択したテキストを言語自動判別してDeepLで翻訳
日本語→英語、英語→日本語を自動判別。混在テキストでも日本語優先で翻訳方向を決定します。翻訳する場合、複数回使用する事が多いため、その場で表示させるよりもDeepLサイトに飛ぶようにしました。

今は４つですけど、必要になったら追加していく予定です。


開発過程での苦労話

開発は、manusのChrome拡張機能ビルダーを使ってスタートしました。

ポップアップや管理画面のデザインはmanusが一発で作成してくれましたが、、、Claude APIの連携部分、ファイルの保存先設定でうまくいかず...。
結局、manusのクレジット消費が激しくなりそうだったので、途中から、Claude Codeを使って実装することにしました。

基本機能、ちょっとしたデザイン修正や、管理画面の微調整などをして、別の作業をしながら、実質2-3時間で完成させました。

自作Chrome拡張機能の管理画面はこんな感じ。


実際に使ってみての感想

作業効率が劇的に向上

以前は「この情報、後で使おう」と思っても、Obsidianに切り替えて入力、、、という作業は、実際には面倒で後回しにすることが多かったです。

でも今は、テキストを選択してボタン一つで保存完了。思考の流れを止めずに情報収集ができるようになりました。


アイデア創出のサイクルが加速

「この内容でnote記事書けそう」と思った瞬間に、記事構成案を生成できるので、アイデアを逃すことがなくなりました。
以前は「いいアイデア思いついたけど、後で記事にしよう」→結局忘れる、というパターンが多かったのですが、今は即座に構成案を作成して保存できるので、記事執筆のハードルが下がりました。

PopClipのたくさんの機能から次の開発アイデアも・・・

PopClipは2014年にライセンス購入していましたので、なんと10年超も使っていたことになります。
・・・が、この機会にいよいよ切り替えることになりました。長い間ありがとうございました‼️

PopClipのExtension（様々な追加機能）を参考にして、どんどん機能を増やしていきたいな、と考えてます。
https://www.popclip.app/extensions/

まとめ

自分専用のツールを作るって、本当に楽しいですね。
「こんな機能があったら便利だろうな」と思ったことを、実際に作って使えるようになる。そして、それが実際に作業効率を劇的に向上させる。
今回のChrome拡張機能開発を通じて、「自分で作る」ことの価値を改めて実感しました。

みなさんも、日々の作業で「面倒だな」と思うことがあれば、自分でツールを作ってみることをお勧めします。きっと、想像以上の効果を実感できるはずです。

この記事が参考になったら、ぜひシェアしてください。質問や感想もお待ちしています！



いいなと思ったら応援しよう！