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版も作ろうかな？と、
一応思っています😊
