【無料】YouTubeの字幕をAIに丸投げするChrome拡張機能を作った【YTranscript2AI】

「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」という**Chrome拡張機能**↓を作ってみました&#x1f64c;

[https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)

# 機能

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/f8e2c4c5-841a-1e38-7635-fbe1b49d20ff.png" width="250">

ボタンを押すと、「**YouTubeの字幕**」と「**命令**（プロンプト）」を**AI** (Gemini、ChatGPT、Claude) に丸投げしてくれます。

つまり、サクッと**YouTube動画内容を”要約”や”翻訳”したテキスト**を作れます！

![](https://khufrudamonotes.com/wp-content/uploads/2024/12/YTranscript2AI_説明.gif)

“要約”すれば普通に見たら**1時間かかるYouTube動画でも1分で概要が掴める**はずですし、“翻訳”すれば海外のインタビュー動画なども日本語でかなりいい感じに読めます。

勉強や情報収集に役立つはず！(๑˃̵ᴗ˂̵)و

# 作った経緯

作った経緯は…「**[YouTube Summary with ChatGPT &amp; Claude](https://chromewebstore.google.com/detail/youtube-summary-with-chat/nmmicjeknamkfloonkhhcjmomieiodli)**」という似た機能の拡張機能が有料（最低月額10ドル）になってしまって。

「仕方ないから自分で作ってみるか…」と思ってやってみたら、なんとなくできたので、勉強がてらリリースまでしてみました。笑

（でも、結果的にChromeウェブストアへの登録料やらClineを使うときのAnthropic API料金やらなんやらで**1ヶ月課金するより高くついてしまった**…&#x1f643;）

ほぼ自分用って感じですけど、多分便利なのでよかったら使ってみてください。

# 使い方

## ①Chromeウェブストアへ行く
まず、Chromeウェブストアへ行きます。

[https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)

※「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」で検索しても出てくるはずです。

## ②拡張機能をChromeに追加する
拡張機能「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」をChromeに追加します。

![Chromeに追加.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/c1f14ed3-a6c4-d7bd-0e59-16c6c5276d2e.png)

「Chromeに追加」ボタン↑を押すと、下記のポップアップが出てくるはずなので「拡張機能を追加」ボタン↓を押します。

![拡張機能を追加しますか？.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/6d31c709-39e8-bd49-8c16-a12304202672.png)

## ③拡張機能をピン留めする（推奨）
拡張機能をChromeに追加したら、Chrome右上の拡張機能のアイコンから「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」をピン留めしてください。

![ピン留め.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/fee90b96-51ad-9fb8-5cb7-ca7e9d726052.png)

これで「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」のアイコンが、ずっと右上の方に表示されたままになるはずです。

## ④ポップアップから任意の処理を実行する
「**[YTranscript2AI](https://chromewebstore.google.com/detail/ytranscript2ai/mnhjjcgnjjeeikpgbhgmfgfjpbfmbned?hl=ja&amp;utm_source=ext_sidebar)**」のアイコンをクリックすると、ポップアップメニューが表示されます。

![実行する.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/72e2269e-6a98-9687-9ccc-925f4de21ec6.png)

この中から任意の処理を実行します。

デフォルトは

- 要約する
- 翻訳する
- 整形する

となっています。
プロンプトは設定画面から確認、変更できます。

たとえば「**要約する**」ボタンを押すと…

それだけで

- YouTubeの動画の自動字幕を取得し
- AIを別タブで開き
- 要約するプロンプトと自動字幕の内容をAIにペーストして
- 処理を実行

までしてくれます！🙌

![](https://khufrudamonotes.com/wp-content/uploads/2024/12/YTranscript2AI_説明.gif)

これがざっと十数秒で。

---
※ショートカットキーでも実行できるはずです。
（ショートカットキーは変更できません。）

※あらかじめAIサービスへはログインしておいてください。

※初めて開くYouTube動画の場合、処理が上手くいかない場合があります。処理が上手くいかない場合は、そのYouTube動画のページをリロード（再読み込み）してみてください。

# その他機能
AIサービスは、設定画面からGemini、ChatGPT、Claudeを選択できます。

![設定画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486558/315c7bfa-ce73-72a0-a5a4-0bf533b344da.png)

「カスタム」を選んだ場合は、画面を開くまではやってくれますが、その先はご自分で内容をペーストしてください。

（クリップボードに内容がコピーされているはずなので、あとはCtrl＋Vで貼り付けて実行すればOKなはずです。）