0
1

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.

Web Speech APIを使った音声合成によるお知らせサービス

Last updated at Posted at 2023-03-30

はじめに

Webエンジニアを目指して、RubyやRailsをいじってます。
今回は、初めてWebアプリを作りました。改善点などがありましたらご指摘いただけると幸いです。

今回作成したWebアプリ

informer

開発背景

プログラミングにハマってから、PCを使う時間が増え視力の低下や目の疲れを感じるようになりました。共感していただける方もいるかと思いますが、一度ハマると楽しくてずっとやってしまう、そんな日があります。しかし、その次の日の目の疲れは尋常ではありません(私だけかもしれませんが)。

これは良くないと思い、1時間おきぐらいに目を休めたいと考えました。そこで、設定した時間に音を鳴らせばいい、ただアラームだと止めるのが面倒くさいということで音声を読み上げるという形式のサービスを作ろうと思いました。

サービスの概要

読み上げるテキストと時間を設定すると、その時間に設定したテキストを読み上げます。
スクリーンショット 2023-03-31 0.58.12.png

終わりに

結果的にRailsよりもJavaScriptがメインの実装となりました。

また、デプロイまで実際に手を動かしたことでアプリ開発の難しさを痛感しました。普段何気なく使っているサービスにはエンジニアの方々の努力が隠れていたことに気づき、感謝とともに大きな尊敬を感じました。そんなかっこいいエンジニアになることを目指して、これからも研鑽を重ねていきたいと思います!

このサービスが多くの人の目の救世主になれば幸いです。最後まで読んでくださりありがとうございました!

参考

Webページでブラウザの音声合成機能を使おう - Web Speech API Speech Synthesis

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?