/EasyAnkimaker

AnkiでYouTube再生可能にし、ホロメンの配信と一緒に勉強できて問題を効率的に作れるようにしたやつ

Primary LanguagePythonMIT LicenseMIT

EasyAnkimaker

推しの声と一緒に勉強するのに必要な問題を効率的に作れるツールです。

Ankiっていう暗記カードアプリと、YouTube再生を可能にするAnkiの拡張機能を利用します

それとホロメン歴代配信発話検索アプリを使って、問題の単語を喋ってるシーンを効率的に探し、問題を効率的に作れるようにしました。

慣れれば、1問1分ぐらいのペースで作れますたぶん

完成はこんな感じ

Desktop.2023.06.29.-.22.48.51.mp4

好きなようにカスタムできます

image

このプログラムはどのように動いてるかざっくり書くと

Ankiが基盤、AnkiはHTML/CSSでカスタマイズできる。それを利用しYouTubeをAnkiに埋め込んで、再生から終了を実現

シーン探しはホロメンのすべての配信の自動生成字幕をすべて結合した字幕ファイルを利用

字幕ファイル内を特殊なアルゴリズムで検索させ高確率でヒットさせている

検索結果は時間指定付きURLでクリックすると該当の発言シーンに飛ぶ。

そのシーンを問題にしたい場合はコピペし、実行ボタンを押すだけでAnkiにインポートできる形式に変換

インポートすると完成。

問題や解答、再生開始-終了範囲をカスタマイズ可能

1人で地道に問題を作っても良いけど、ホロのコミニュティで協力して、共通の英単語帳を作るほうがみんなたすかるし、一番効率でよさそうなのでワイはコミュ制作を推してます

人たくさんだし、1人1日10個、それを100人でやれば1日だけで1000語!?

コミュニティ一覧載せときます

グローバルなホロライブのコミュニティ一覧 ※基本英語ですが日本語もウェルカム多いです~

日本語メインのコミュニティ一覧

あとは、Discordのコミュニティ検索、Twitter検索するとみつかります

ホロの英語教材が最近公式で出て、推しで学習するの良さげで、英単語版もあればな~、あちゃー奇跡的に1ヶ月前に作ってた~、導入方法を1mmも書いてなくて急ぎで書いたのでうまく導入できないかもですが、1回ノーパソで試したのでいけるはず

何か問題あればissueへ

導入方法

Ankiに拡張機能をいれる

まずはじめにAnkiアプリ本体に拡張機能を入れてもらいます

AnkiConnect

Ankiアプリ本体に拡張機能をいれる方法(動画)

How to install AnkiConnect for Youtube2Anki @YouTube ※15秒のところまででOK

動画は英語ですが問題なくいけると思います。

ブラウザに拡張機能をいれる

次にブラウザの拡張機能をいれてもらいます

Firefox

Chrome

※ 僕はFifefoxで説明しますがChromeでも拡張機能の起動方法が違う以外は同じようにできるはず

ブラウザに拡張機能をいれる

無事追加できたらこのリンクを開いて下さい ※この動画で説明していきます

YouTubeを開いて右下の・・・を押して、字幕を表示させます。 ※英語表記なのでShow transcriptってなってます

image

次に、青い時間表記が表示されている場合は右上にある︙を押して非表示にして下さい

image

次に拡張機能を起動させます。ブラウザの右上にある拡張機能のパズルのアイコンを押してYouTube2Ankiを起動します

image

この画面が出たら、Noneを押してから一番上のをクリックして下さい 次に、下にあるExportを押して下さい

image

次に、上のSendを押します。するとAnkiに追加されます

image

このように追加されてるはずです。

image

クリックして、開始を押すとしっかり機能してるはず

image

編集する

次に、左下にある編集を押すとこの編集画面になるはず

image

左上のフィールドを押すとこの画面になる

初期はこう

image

編集後はこう

画像と同じになるように削除したり、answerを追加してください。 ※下のオプションは何もいじらなくておk

image

同じようにできたら、保存して戻るを押して画像のようになってればOK ※ここで画像と同じようにテキストを追加してください

image

次に、フィールドの右にあるカードを押して下さい。

表面のテンプレート、裏面のテンプレート、書式をすべて下記のをコピペして上書きしちゃって下さい。

表面のテンプレート

              <span></span>
              <br>

              {{text}}
              <br>
              <br>
              <br>
              <iframe
                  width="560"
                  height="315"
                  src="https://www.youtube.com/embed/{{id}}?start={{time}}&end={{nextTime}}&autoplay=1"
                  frameborder=0
                    autoplay=1
              />

              <br>
              <span>{{time}} - {{nextTime}}</span>
              <br>
              <span></span>

裏面のテンプレート

              <br>
              <span></span>


              {{answer}}
              <br>

書式

          .card {
            font-family: futura-pt,sans-serif,sans-serif;

            font-size: 20px;
            text-align: center;
            color: black;
            background-color: #e9e9e9;
          }

          span {
            font-size: 0.9rem;
            color: #3c3c3c;
          }

最終的にこうなってればおk

image image image

シーンの探し方

インストールするもの

Visual Studio Code ※インストール方法が書いてあるサイトです

VScodeの拡張機能 ※Visual Studio Codeのインストール後にこの拡張機能を入れておいて下さい。

Python ※インストール方法が書いてあるサイトです

ホロメンの字幕モデル ※全員分DLしないでおk。推しのやつだけでおk

次に、このプロジェクトとアプリをダウンロードします

※下の画像は現在のページの上部にあります

image

解凍してね☆

image

次に、Visual studio codeを起動してフォルダごとドラッグ・アンド・ドロップしてください。

Animation

もう一度ページ上部にいき、矢印をクリック

image

EasyAnkimaker.exeをクリックするとダウンロードできます

image

次に、ダウンロードしたEasyAnkimaker.exe開きます

Browseで先程ダウンロードした推しのモデルを選択します。

image

次に、検索のやり方ですが少し特殊です。下のアプリを改変して作っているからです。少し読めばどうゆう仕組みか分かるはず、多分!

ホロメンの配信で思い出せそうで思い出せないシーンを自分が覚えてる単語を複数個入力すればその該当シーンがでてくる確率がぐーんと上がるプログラム

ま、基本は3つ同じ単語を入れて検索すれば求めているシーン出るはず。

image

単語によってはめっちゃ検索結果がたくさん出ると思います。

より結果を絞りたい場合はより求めている状況の単語をいれるというのでしょうか、、表現が難しいのですが、、、

例がムズイですが、仮に、「牛乳」と嬉しそうに発言しているシーンがほしいとします。

キーワード1 牛乳
キーワード2 美味しい
キーワード3 風呂

これで、[風呂]に関係する話を前後でしていてかつ [牛乳] の発言していて、[美味しい]と言っているシーンがでる確率があがります。※でない場合もある

これにより、もしスパチャ読みなどで[牛乳]っていう名前の人がいてもそのシーンは除外される確率があがり

ゲーム内で牛乳になにか悲しい出来事があった場合(?)に除外できるはず。悲しい時に美味しいとは言わないはず。シランケド (´・ω・`)



簡単に仕組みを説明すると

YouTubeの自動字幕をすべて結合してあるファイルがあります。
⬇
そこでキーワード1を入力して検索する。
⬇
もちろんそのキーワード1がある場合はヒットしますよね?
⬇
そのヒットした単語を中心として上下数十行の範囲をキーワード2で検索する

もっかい書きますが、1つ前に貼ったURLホロメンの配信で思い出せそうで...をみると理解深まるかも、コツも書いてます。

Anki用に形式変換

画像のように検索でたとします。3行です。それをコピーします。

image

そしてinput.txtに貼り付けます。

image

FormatToAnki.pyを選択し実行します。すると一瞬でoutput.txtが更新されるはず

image

output.txtを開くとAnkiでインポートできるように形式変換されてます。

image

Ankiでインポートのやり方、画像の場所にインポートがあります。

image

そして先程変換したoutput.txtを選択します。

image

ここでどこに追加するかなどインポートのオプションを調整できます。デッキで選択しところに追加されます~

ま、テストなので何も考えずそのままインポート押しておk

image

これでoutput.txtの内容が追加されて、機能するはず~

image

こんな感じ

image

で、開始から終了する範囲は100%完璧じゃないと思うので、気になる場合は編集から秒数調整して下さい~!

image

基本編集でいじるのは上の4つになるはず~

Ankiでエクスポートもテキストファイル形式のノート(.txt)を選択してエクスポートでバックアップもできます。インポートのやり方も同様に。

image

問題と答えは人それぞれ目的違うと思うので、各々勉強にあった問題を~

もし「英語勉強したい!」ってワイみたいなあんま明確な目的がないけど学ぶ意欲ある人ならば、絶対にコレやるといいよ!ってのはもちろんないよおおお!

Googleが公開Webページから1兆語調査して、英単語の頻出単語ランキングのやつを利用するのもありっちゃあり。

スラングとかr18とか変なのも多いし公開Webページから1兆語調査した頻出単語順ってのが見てておもろいと感じた

Googleの1兆語のやつワイが翻訳入れて使いやすくしたやつ載せときます。

https://github.com/keimaruO/EN-JP

元のプロジェクトはこちら

参考にどぞ

英辞郎

日本語で書いてる辞書サイト これAnkiの答えのとこにコピペしたりとか工夫!

Thesaurus.com

類義語見れる英語で書いてあるサイト 関連性持たせて記憶定着させたり

Urban Dictionary

Wikipediaみたいに誰でも編集できるサイト 意味わからんアッホみたいなw例文見て笑ったり

Dictionary.com

英語で書いてある普通の辞書サイト

ちょいデブ親父の英文法

まじでわかりやすく中学英語の文法を説明してるサイト

英語→カタカナ変換機

ネイティブの発音をカタカナにしてくれるやつ、よく、 英語 歌詞 カタカナ [検索] で見るやつですね

ま、これ以外にもめっちゃ良いサイトはたくさんあります、各々調べてください~!

意味読んでても理解できない時たまーにあります、その場合はchatGPTに「これってどんな意味~?日本語でニュアンスは?例文だして~」って送信すれば回答してくれる~

さいごに

ま、ふつーにホロのコミニュティで協力して共通の英単語帳を作るのがやっぱ一番効率よく作れそ~(2回目)

人たくさんだし1人1日1個、それを100人で、100!! 地道でいいんですよ地道で。

みんなで協力して英語力向上したり、ホロリスで交流する機会が増えたり、コミュニティが盛り上がればいいなって心の底からおもってます

もしやるとなったらコピペOKかサイトの規約を読む必要がありますが、ま、商用利用でもないしテキストなら問題ないのがほとんどです

いざ募集だ!ってなったら、共有Googleスプリットシート作って[済]ってマークし単語被らないようにしたりとか

・誰でも理解しやすく、覚えやすく書いてね!

・3秒以内に読み切れるように簡潔に意味を書いてね!

みたいな簡単な決まりだけつくってあとは、みんなの力と運営に任せればいいですしね~

シーン検索にはPCが必要ですが。問題作成と解答に関してはスマホでもある程度いけるはず

てかスマホアプリ(3000円)でもAnkiあるけどおそらく、たぶん、PCと同様にYouTube再生が機能するはず、、、わからん!AppストアのAnki高すぎて試してない~

ko-fi もし寄付してださる方がおりましたら私が速攻試してきます。

目標500円は以上。

ちなワイのSNSのリンクも一応載せときます

https://linktr.ee/keimaru

参考、元になったやつ

AnkiでYouTube再生する方法 https://blog.boxofmanga.com/youtube-subtitles-into-anki-flashcards/

ホロ字幕検索アプリ https://github.com/keimaruO/YTSceneSearch