ReactHooks + Netlify でサクッとTOEFLスピーキング練習用アプリを作る - pco2699’s blog

概要 最近、ReactでサクッとTOEFLの勉強用便利アプリを作るのにハマってます。 簡単なものを一個紹介します。 「TOEFLスピーキング練習用アプリ」です。 URLはこちらです。 toefl-speaking-trainer.netlify.app ソースコードはこちら。 github.com 利用の仕方は簡単で 「Start」を押すとカウントダウンが始まり、同時に録音開始（スピーキング開始） タイマーが終わると、録音した音声を何回でも聞ける、という代物です。(再録音も可能) 作った動機 TOEFLのスピーキングは以下の条件の英語の練習にしてはやや特殊な環境で行われます。 スピーキングだけどPCに声を吹き込む 45秒や60秒でタイマーがあり、時間がくると強制終了 この特殊なやつを何回も繰り返すんですが、あんまりいい練習アプリが無く、サクッと作ることにしました。 要素 以下を組み合わせて