AIとのやりとりを保存&音声にするFirefoxアドオン｜完成！

今回は Claude とのやりとりを、GitHub で .md ファイルで保存し、
かつ、デスクトップに音声ファイルとして出してくれる
Firefox アドオンを作りました。

⬛️　作ろうと思ったきっかけ

☑️ 各AIとのやりとりのログを、1カ所で保存したい。

私は GitHub で保存しています。

☑️ 加えて、AIとのやりとりを音声ファイルにしたい。

翌日に復習することでより理解が深まります。
さらにアイデアが湧くことがあるので
ながら聞き出来るように音声ファイルにしました。

☑️ Firefox のアドオンで作りたい。

私は長い間、ブラウザは Firefox を使っているので
Firefox のアドオンで作れたらいいなと思いました。

☑️ まずは Claude 版から！

今メインで使っているのが Claude なので、
Claude 版から作ることにしました。

⬛️　アドオン＋UI

アドオン(右上)をクリックすると、このUIの画面が開きます。

「Standby」
スタンバイの状態がわかります。

「Save」
このボタンをクリックすると、 .mdファイルで GitHubに、やりとりの
テキストベースで保存され、音声ファイルがデスクトップに出てきます。

「Also save as MP3」
オンにすることで、音声ファイルがデスクトップに出てきます。
オフにするとテキストのGitHub保存のみになります。

「GitHub Token」
GitHub Tokenを入力。

「Repository」
GitHub リポジトリを入力。
（自動で入力される設計にしてあります。）

「Save destination folder」
フォルダの階層を入力。
(フォルダの階層も自動入力される設計にしてあります。)

「Save setting」
入力してない箇所があると、エラーが出るようになっています。

⬛️　Save ボタンクリック後の画面

✅ エラーなく実行された確認が、一番下に出ます。
❌ エラーがあると、メッセージが出ます。

⬛️　作る上で大変だったこと

☑️ 音声ファイルがなかなかうまくいかず、時間がかかった。

音声ファイルは、復習やアイデア出しが終われば削除します。
なので、音質にそこまでこだわることはしませんでした。

ただ、スピードを1.25倍ぐらいで聞けるようにしたかったので、
Apple Music だと1.25倍が出来ず、Quick Time Playerで
再生する必要がありました。
（私は Mac を使っています。）

ファイルが出てきても音声が再生されないことが続き、
そのたびにテストする作業が大変でした。

☑️ 実際にアドオンが出来ても、登録しないと使えない。

まずは、Firefox Developer Edition (ブラウザ) で登録し、
使えるようになりました。

通常の Firefox でも使えるようにしたいと思って、
正式登録しようと思いましたが、mozilla から、
API に関するメールが一向に届かないので、
正式登録を諦めることにしました😅

Firefox Developer Edition でも、
通常の Firefox と変わらず使うことが出来るので
今後ブラウザは、Firefox Developer Edition を使います。

この後は、UI は一緒でカラーだけ替えて
ChatGPT版・Gemini版・Grok版も作ります🔥

他にも優先して作りたいものがたくさんあるので、
時間に余裕が出来たら、Google Chrome版も作ろうかな？と、
一応思っています😊

サイトマップはこちらから　↓