2
1

【WebSpeechAPI】Siriに無視されるので『活舌強化アプリ』つくりました。

Last updated at Posted at 2023-11-19

オタクは早口

私は、オタク特有の早口に加え、活舌が悪い。
Siriにも3回に1回くらい無視されている。くやしいよ私。
『活舌(かつぜつ)強化アプリ』で特訓して見返してやりたい。

どんなのつくろう

【目標】早口言葉使って活舌を鍛えられるアプリをつくりたい。
 ■ 発話を聞き取り、言えているかどうかを判定してほしい(Web Speech API)。
 ■ スマホの振動を感知し、イライラ度を表現したい(Web Sensor API)。

技術・環境

Vue.js(JavaScriptライブラリ)
Web Speech API(発話の聞き取り)
Web Sensor API(スマホの加速度を取得)
Bootstrap(Web制作サポートツール)
CodePen(アプリ制作環境)
Netlify(完成アプリ公開環境)

これで私も「立て板に水」

紹介動画をご覧ください。

詳しくはこちら

CodePen

See the Pen 【HW】活舌強化アプリ by XE-AY (@XE-AY) on CodePen.

Netlify

PCでも動作しますが、スマホがおすすめです(Android推奨)。
【お題:上級編】にも、ぜひチャレンジしてみてください!おまけがあります!

image.png

言えてた、完全に言えてた

Web Speech API初体験だったが、それっぽいものができた。楽しい!

今後の課題としては以下。

  • お題の早口言葉をランダム表示にしたい(もっとバリエーションが欲しい)
  • イライラ度によって「落ち着いて!」などのメッセージを出したい

これで繰り返しトレーニングすれば、もっと流暢に話せるようになるはずだ。
ちなみに、Siriにはまだ2回に1回くらい無視されている。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1