abceedでの英語学習効率を爆上げするchrome拡張を作った話

はじめに

昨今では円安も進み日本人が海外に出稼ぎに行くというニュースも聞くようになってきました。また、開発の現場でも海外のエンジニアと仕事をする機会も増えてきたように思います
その時に壁になるのがやはり英語です。私は英語からずっと逃げてきた感じのエンジニアでして、海外の人も参加するテックカンファレンスを見ては「英語勉強しなきゃな〜」と思っても特に行動もせずにgoogle翻訳やDeepLに頼って長いことやり過ごしてきました
しかし最近の流れを踏まえると、そろそろやらないと時代に取り残されてしまうと感じているので本格的に勉強を始めています
最初はとりあえず会話出来るようになりたいなと思いオンライン英会話を始めてみました。しかし、英語を聞き取れないし英文も作れないしで散々でした。そもそも基礎が出来てないという事がわかりました
諸々と英語学習の情報を集めた結果、まずはTOEICの学習をしてある程度のスコアを取ることが大事であると考えました。TOEICの勉強を通して英単語や文法のベースを作ろうと思ってます
TOEICのスコアはエンジニアも今後見られることが増えてきそうだなと感じてもいて、この記事のように具体的な目標スコアを掲げている企業もあるようです

abceedとは

AI英語教材アプリです。webとios, androidで使えます
https://www.abceed.com/

色々なTOEICの参考書の問題をこのアプリ1つで解けるのが魅力的なところだなと思ってます
かつて、スタサプEnglishも使っていたのですが、そちらも使いやすくて良いですね。ただ価格がやや割高なのと問題を多く解きたいと思っていて今はabceedを使ってみてます

使っていて感じた不満

画像はabceed webの問題解説画面です
下で問題音声を再生したり3秒進む・戻るが出来たり再生速度の変更を行うことが出来ます
リスニング問題を解いた後に問題の音声を聞きながらオーバーラッピングやシャドーイングするようにしているのですが、途中で音声を止めて戻したかったり速度を遅くして音を確認したいとかをしたくなった時にマウス操作がすごくめんどくさいと感じていました
普段仕事でキーボードを触ることがメインなので、出来ることならキーボード使って学習をしたいところです

(2023/07/08 更新)
コメント頂いて思ったのですが、abceed webの単語画面も同様にマウスでポチポチ「わかる」「わからない」ボタンを押していくのも大変だなーと思いました

解決策

abceed webでショートカットキーを使えるようにするchrome extensionを作りました

https://github.com/tkm-kj/shortcut-for-abceed

使い方

https://github.com/tkm-kj/shortcut-for-abceed/tags から最新のソースコードをダウンロードして解凍します

chrome://extensions/ にアクセスして Developer Mode(デベロッパーモード)のトグルをon -> Load unpacked（パッケージ化されてない拡張機能を読み込む）で解凍されたディレクトリを指定で完了です

あとは https://app.abceed.com/ にアクセスして特定のページにアクセスすればショートカットが使えます

具体的に使えるショートカットは以下です

■問題の解説画面

• スペースキー: 音声の再生・停止
• 左矢印キー: 3秒戻る
• 右矢印キー: 3秒進む
• 上矢印キー: 再生速度を遅くする
• 下矢印キー: 再生速度を速くする
• Altキー（を押しながら）矢印左キー: 前の問題に切り替え
• Altキー（を押しながら）矢印右キー: 次の問題に切り替え
• Shiftキー（を押しながら）矢印左キー: （Part3, 4の解説の）前の設問の解説に切り替え
• Shiftキー（を押しながら）右矢印キー: （Part3, 4の解説の）次の設問の解説に切り替え
• Escキー: 前のページに戻る

■単語の問題演習画面

• 右矢印キー: 「わかる」ボタンクリック
• 左矢印キー: 「わからない」ボタンクリック
• 上矢印キー: 解説表示
• スペースキー: 音声の再生
• Escキー: 前のページに戻る

※コマンドは適宜追加予定でいます

さいごに

個人的に不満だった問題がこの拡張機能で解消されたので、abceedを使った学習がより捗ってます！
同じ悩みを抱えている方がいらっしゃいましたら、ぜひ使ってみてください〜！