![見出し画像](https://assets.st-note.com/production/uploads/images/81936236/rectangle_large_type_2_f791d82d7e898b3a5c02a1866f54d410.png?width=1200)
YouTubeの字幕をタイムスタンプ付きでLogseqへコピーする方法
こんにちは、Choimirai Schoolのサンミンです。
0 はじめに
YouTubeの字幕をLogseqへコピーする方法はBookmarkletという機能を使って実装しています。
BookmarkeltはLogseq公式のQuick Captureでも採用している仕組みで特定のウェブサイトに対し様々な操作を簡単に自動化できる仕組みです。
YouTube(YT)の字幕をLogseq(LS)へ貼り付けるBookmarklet(👉https://t.co/OorUj93APM)を作りました😊。使い方は、
— sangmin.eth @ChoimiraiSchool (@gijigae) July 3, 2022
①任意のBookmarkを"ブックマークバー"に登録
②EditメニューからBookmarkを修正
③URL欄に上記のコードを貼り付ける
④YTを開いてBookmarkを押下
⑤LSのページを開いて貼り付ける https://t.co/Y2Kj0rRwMX pic.twitter.com/xehZV6q9vq
YouTubeの字幕をLogseqへコピーするBookmarkletは、Serizawaさんのコードを参考して作っています。
1 YouTubeをLogseqで見るメリット
LogseqにはYouTube動画をより効果的に見れるようなプラグインも多数用意されています。これらの機能を活用すれば、動画で学んだ内容を既知の情報と繋げ、知識へと変換することができます。
YouTubeをLogseqで見るメリットは、
— sangmin.eth @ChoimiraiSchool (@gijigae) June 29, 2022
①再生スピードが調整可
②巻き戻しや早送りもキーボードから操作
③見たい箇所をタイムスタンプで選択
④気になる箇所はタイムスタンプをつけながらメモれる
⑤動画の再生や停止を含め、キーボードで操作可
⑥一旦自分の中を通り抜けた内容だから後からの復習も楽 pic.twitter.com/tuGTG6jU52
We do not learn from experience ... we learn from reflecting on experience.
人は経験から学ぶのではない。…学びは、その経験から何をどう思い、どう感じたかを省みることで起きる。
ーJohn Dewey
2 Bookmarkletを追加する手順
Bookmarkletをブックマークバーに加える手順はとても簡単です。
任意のブックマークをブックマークバーに追加しEditボタンでURLを変更するだけで準備完了です。今回ブックマークのURLに追加するコードはこちらのページからコピーしてください。
※重要:ツイートで投稿したコードは古いですので下記ページのコードを利用するようにしてください。
上記に埋め込まれたコードの右下にある「view raw」ボタンをクリックしますとコードが見えますのでそのコードをBookmarkのURL欄に貼り付け、「保存」ボタンを押しますと設定完了です。
![](https://assets.st-note.com/img/1656834975554-ukYHlPvuwX.png)
3 動作確認
登録したBookmarkletを利用して字幕をコピーする様子は下記のツイートを参考にしてください。
YouTubeの字幕をBookmarkletを使ってLogseqへコピーするときの様子です。BookmarkをクリックしますとTranscript欄が自動的に開く仕組みとなっていますが環境によってはうまく動作しない場合もあるかと思います。その場合は、前述した手順でTranscriptを開いてから利用するようにしてください。 pic.twitter.com/nDj79ivTZa
— sangmin.eth @ChoimiraiSchool (@gijigae) July 3, 2022
ブックマークバーに登録したBookmarkをクリックしますとYouTubeのTranscript欄が自動的に表示され字幕がコピーされる仕組みとなっています。動作環境によってはTranscript欄が開かない場合もあると思いますのでその場合は、Transcriptをマニュアルで開いてBookumarkを押してください。
Transcript欄を開く手順を書いたツイートです。
字幕がコピーされない場合は動画の右下にある「①・・・」をクリックしますと「②Show transcript」が表示されます。このメニューを選択しますと③Transcriptが右側で表示されます。この状態でブックマークを押しますと字幕がクリップボードに保存されますのでLogseqで貼り付けてください。 pic.twitter.com/l3jreEFVDb
— sangmin.eth @ChoimiraiSchool (@gijigae) July 3, 2022
4 注意事項
Logseqはページを表示する際「lazy load(遅延読み込み)」を採用しています。Lazy Loadが採用されているため、表示領域を超えるテキストを貼り付けると一部だけが表示される仕組みとなっています。残りのテキストは最後のブロックでEnterキーを押しますと表示されます。
残りのテキストは最後のブロックでEnterキーを押しますと表示される
. @logseq は操作性改善の為、画面表示の際「lazy load*」を使ってます。YouTubeの字幕も多くのテキストを貼り付けると一部だけが表示される。残りを確認するときは最後のブロックでEnterキーを押してください。
— sangmin.eth @ChoimiraiSchool (@gijigae) July 3, 2022
※ユーザーがスクロールするまでブラウザの表示領域外の文字・画像を読み込まない仕組み pic.twitter.com/fuViZZJFqM
5 まとめ
Bookmarkを利用する上で何か改善点があれば、#Logseq部 のタグをつけてTwitterで教えてください。対応できる内容であれば修正させていただきます。
この記事が気に入ったらサポートをしてみませんか?