見出し画像

YouTubeの字幕をタイムスタンプ付きでLogseqへコピーする方法

Sangmin Ahn

こんにちは、Choimirai Schoolのサンミンです。

0  はじめに

YouTubeの字幕をLogseqへコピーする方法はBookmarkletという機能を使って実装しています。

BookmarkeltはLogseq公式のQuick Captureでも採用している仕組みで特定のウェブサイトに対し様々な操作を簡単に自動化できる仕組みです。

YouTubeの字幕をLogseqへコピーするBookmarkletは、Serizawaさんのコードを参考して作っています。

1  YouTubeをLogseqで見るメリット

LogseqにはYouTube動画をより効果的に見れるようなプラグインも多数用意されています。これらの機能を活用すれば、動画で学んだ内容を既知の情報と繋げ、知識へと変換することができます。

We do not learn from experience ... we learn from reflecting on experience.
人は経験から学ぶのではない。…学びは、その経験から何をどう思い、どう感じたかを省みることで起きる。
ーJohn Dewey

2  Bookmarkletを追加する手順

Bookmarkletをブックマークバーに加える手順はとても簡単です。

任意のブックマークをブックマークバーに追加しEditボタンでURLを変更するだけで準備完了です。今回ブックマークのURLに追加するコードはこちらのページからコピーしてください。

※重要：ツイートで投稿したコードは古いですので下記ページのコードを利用するようにしてください。

上記に埋め込まれたコードの右下にある「view raw」ボタンをクリックしますとコードが見えますのでそのコードをBookmarkのURL欄に貼り付け、「保存」ボタンを押しますと設定完了です。

3  動作確認

登録したBookmarkletを利用して字幕をコピーする様子は下記のツイートを参考にしてください。

ブックマークバーに登録したBookmarkをクリックしますとYouTubeのTranscript欄が自動的に表示され字幕がコピーされる仕組みとなっています。動作環境によってはTranscript欄が開かない場合もあると思いますのでその場合は、Transcriptをマニュアルで開いてBookumarkを押してください。

Transcript欄を開く手順を書いたツイートです。

4  注意事項

Logseqはページを表示する際「lazy load（遅延読み込み）」を採用しています。Lazy Loadが採用されているため、表示領域を超えるテキストを貼り付けると一部だけが表示される仕組みとなっています。残りのテキストは最後のブロックでEnterキーを押しますと表示されます。

残りのテキストは最後のブロックでEnterキーを押しますと表示される

5  まとめ

Bookmarkを利用する上で何か改善点があれば、#Logseq部 のタグをつけてTwitterで教えてください。対応できる内容であれば修正させていただきます。

この記事が気に入ったらサポートをしてみませんか？