arrow_back Back to Works
Webアプリケーション

リスニングテスト自動作成システム

英語リスニングテストの原稿・音声・問題をWebアプリ上で自動生成し、話者ごとのアクセント・速度設定や音声再生UIを備える。
本番公開実績あり。

Duration

受託開発

Team

1〜2名

Engineered With TypeScriptCloudflare Pages

01 // OVERVIEW

プロジェクト概要

英語リスニングテストの原稿・音声・問題をブラウザ上で自動生成するWebアプリ。
モノローグ/ダイアローグ形式・CEFRレベル・話者の国籍・アクセント・速度を設定してスクリプトを生成し、Google TTSで音声を合成する。
セグメントごとのブランク時間設定と再生UI、フォルダ管理機能を備え、本番環境(Cloudflare Pages)で稼働中。

02 // KEY FEATURES

主な機能

hearing

条件指定によるスクリプト・問題の自動生成

トピック・キーワード・CEFRレベル・話者数(2〜5人)・各話者の国籍を指定するとリスニングスクリプトと選択問題を自動生成する。スクリプト編集と再生成も画面上で行える。

record_voice_over

話者ごとのアクセント・速度・性別設定

アメリカ英語・イギリス英語・オーストラリア英語など7地域のアクセントと、性別・速度(0.5x〜1.5x)を話者ごとに設定できる。セリフ間のブランク時間も個別に調整可能。

folder

フォルダ管理と音声再生UI

生成したテストをフォルダ単位で保存・管理し、フォルダ内の音声をセグメントごとに個別再生・全体連続再生できる。WAVファイルのダウンロードとQRコード出力にも対応する。

03 // TECHNICAL DEEP-DIVE

技術的ハイライト

Solution

ブランク挿入とWAV結合の精度確保

セリフ後のブランク秒数をWeb Audio APIで正確にデコード・結合する実装が必要だった。JSONレスポンスが誤って音声として保存されるバグを修正し、displayIndexを使った正確な入力マッピングで全セグメントの順序と時間を一致させた。

04 // IMPACT & RESULTS

成果

本番公開

Cloudflare Pagesで稼働中

7地域

アクセント別の音声合成に対応

全自動

スクリプト→問題→音声を一括生成

Ready to Build?

同じようなシステムを構築したいですか?まずはお気軽にご相談ください。

無料相談