0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

React+TypeScript 百人一首読み上げプログラム その2

Last updated at Posted at 2022-12-03

はじめに

昨日のプログラムは自動で次々と読み上げるものでしたが、それはそれで環境ソフトにもなるし良いのですが、スマホでうまく動かないことが判明したので作り変えました。

ボタン「次の札を引いて読み上げる」を押すと次の札が選ばれて読み上げられます。

ボタンを押すたびにシャフルするのではなく、起動時にシャフルするので100枚読み上げるまでダブりで読むことはありません。

実行例

See the Pen hyakuninisshu02 by kalz2q (@kalz2q) on CodePen.

追記

データをだいぶきれいにしました。

読み上げデータ、プログラムのなかではspeechと言う変数に入っているデータですが、私の環境ではイヤホンで読み上げの頭が切れるので、データの頭に「ん。」を入れています。必要なければエディターで一括削除して下さい。

自動で読み上げる方式から、読み上げボタンに変えたのでプログラムがすっきりしました。

使い勝手も良くなったと思います。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?