• 音声診断では、抑揚・テンポ・明瞭さなどを演習します。
• 音読ドリルでは、文字起こし・文字編集を演習します。
• ドリル名を指定後、Enterで格納場所を確定します。
• スクリプト名を指定後、Enterで格納場所を確定します。
• ブログ名を指定後、Enterで格納場所を確定します。
• ファイル名を後ろで、Enterを押すと確定します。
• ハイライト中のフォルダーがあれば、その傘下に挿入されます。
• 新規フォルダー釦で、フォルダーを作成できます。
• 削除釦で、ハイライト中のフォルダ/ドリルを削除します。

• 公開するあなたの全ドリルのルート名になります。
• メディアファイルのアップロードルート名になります。
• 言語設定時、'言語名/ハンドル名'で新規・編集に利用します。
• 他の利用者は、このハンドル経由で各ドリルを利用します。

• イメージは、1200x630pxがおすすめです。

• 登録ヨミは、あいうえお順で表示しています。
• 登録語を変更すると本文該当箇所が変わります。
• 変更元に戻すと登録語から削除されます。

• ルビ言語で、読みの対象言語を選択します。
• 投稿釦で、サーバーに保管され他ユーザが利用可能になります。
• 投稿削除釦で、投稿したルビーをサーバーから削除します。
• 標準画面以外を選択の際、下部にカーソルを移動するとプレーヤーが現れます。
• 補助アイコンで、補助情報（メモ、音楽etc）挿入箇所を示します。
• 設定保存をプレビューに連動表示すると、カーソル移動で設定内容が再現します。

• 置換･合字は、音声文字列を他文字(列)に置換します。
• 例1)「ー」→「う」:「とーきょー」→「とうきょう」
• 例2)「っ」→「pp」:「しっぽ」　→　「shippo」

• 置換パターンは正規表現で、対象文字(列)を指定します。
• 例1) (.{1,2})ー : "とーきょー" -> "tôkyô'"
• 例2) "とー"は、任意一文字+'ー'でマッチし、"tô"に置換
• 例3) "きょー"は、任意二文字+'ー'でマッチし、"kyô"に置換

• プレビューでフォント選択結果が確認できます。

• 行挿入テキストはカーソル行の前に非音声行を挿入します。
• 改行挿入釦で、カーソル位置に改行を挿入します。
• 無音挿入秒は、小数が使えます。(例: 0.75)

• カーソル位置に、設定ビューの内容を保存します。
• この時点の表示設定・レイアウト・書式を含みます。
• 再生時、このカーソル位置で保存内容を再現します。

サーバー側

サーバーアプリケーションは、Google Cloud Plantformが提供するウェブアプリケーションサービスApp Engine上に構築しています。

開発は全てNode.jsで作成し、以下のパッケージを利用しています。

• @google-cloud/connect-datastore: ^3.1.0,
• @google-cloud/datastore: ^4.4.0,
• @google-cloud/debug-agent: ^5.1.2,
• @google-cloud/speech: ^4.9.0,
• @google-cloud/storage: ^5.3.0,
• @google-cloud/text-to-speech: "^3.4.0",
• @google-cloud/translate: ^6.0.3,
• archiver: ^4.0.1,
• body-parser: ^1.19.0,
• bunyan: ^1.8.12,
• compression: ^1.7.4,
• diff: ^4.0.1,
• express: ^4.17.1,
• express-session: ^1.16.2,
• extend: ^3.0.2,
• fast-crc32c: ^1.0.4,
• fft.js: ^4.0.4,
• mathjs: ^10.5.0,
• multer: ^1.4.2,
• nconf: ^0.12.0,
• node-record-lpcm16: ^1.0.1,
• passport: ^0.4.0,
• passport-google-oauth20: ^2.0.0,
• printf: ^0.6.1,
• pug: ^3.0.2,
• readable-stream-clone: 0.0.4,
• request: ^2.88.0,
• socket.io: ^2.4.1,
• ua-parser-js: ^0.7.28,
• xmldom: ^0.5.0,
• zlibjs: ^0.2.0

ルビの変更や合成音声時のルビに、「Yahooテキスト解析/ルビ振り」を利用しています。

クライアント側

Webブラウザ上で、jQueryを利用してアプリケーションを構築しています。

以下のWebブラウザで動作を確認しています。

• Google Chrome: 84.0.4147.135
• Microsoft Edge: 84.0.522.63
• Firefox Browser: 79.0

以下のパッケージを利用しています。

• Web font : https://fonts.google.com/
• Socket I/O : /socket.io/socket.io.js
• jQuery : https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
• jQuery UI : https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
• jPlayer : https://jplayer.org/
• Zip Archive : https://github.com/imaya/zlib.js/
• Google Map : https://maps.googleapis.com/maps/api
• Youtube API : https://www.youtube.com/iframe_api
• Chart.js : https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js

その他

• 同時並行処理: 状態機械(State Machine)を実装し記述
• 差分抽出:「JavaScriptで差分アルゴリズムを実装」https://qiita.com/taguro より抜粋
• 抑揚・テンポ・明瞭判定にMPMピット検出アルゴリズムを使用

• 使用中の言語は削除できません。
• 新規作成は、日本語または英語選択時に利用できます。
• 投稿は、編集し設定後に有効になります。
• 投稿言語セットは全ての利用者が使用可能になります。

• 日本語話者は、アップロード時のテキスト/ssmlの音声を担当します。
• 複数のローカル言語があれば、音声言語コードで選択できます。
• 音声ガイドは、ガイドタブのコンテンツ再生音声を担当します。

• 文章：音程が、高い、高め、中間、低め、低い。各カラム上で周波数表示。
• 半音：12音階の半音を+-で増減。例) +2=半音×2.. 全音上げる
• 無音：秒単位で無音時間を指定。例) 0.3.. 0.3秒無音
• 増減は、希望するカラムをクリックした後、+-釦で指定します。