最近、ちょっと疲れている人、元気が出ない人へ。
「前向きな言葉を聞き続けると、少し前向きになれる」──そんな体験を、ブラウザだけでできるサイトを作りました。
それがこちらです。
👉 励ましループ｜Encouraging Site
💬 コンセプト
誰かに励まされたいとき、
自分を元気づけたいとき、
「ちょっとした一言」が心を軽くしてくれることがあります。
このサイトは、そんな小さな励ましの力を信じて、
前向きな言葉を“ひたすら流し続ける”だけ のシンプルなツールです。
ヘッドホンをつけて、目を閉じて、
優しい言葉に耳を傾けてみてください。
気づけば少し、前向きな気分になっているかもしれません。
🧠 技術の裏側
-
Web Speech API
ブラウザ内蔵の音声読み上げ機能を使い、
励ましの言葉を自動的に読み上げます。
読み上げ速度・ピッチ・音量・ボイスを自由に調整できます。 -
IndexedDB 自動保存
再読み込みしても設定や進行状況を保持。
まるで「昨日の続き」から再生するように、あなたのペースで続けられます。 -
ワンクリックで開始
音声再生にはユーザー操作が必要なため、初回のみ「▶︎ はじめる」をクリック。
その後は、心地よいループが続きます。
🎨 デザイン
静かな夜に溶け込むような、
グラスモーフィズム風のUI と柔らかなグラデーション背景。
視覚的にも落ち着ける空間で、
言葉がそっと流れていく体験を目指しました。
✨ 機能概要
- 励ましの言葉を自動でループ再生
- シャッフルモードでランダム再生
- スライダーで音量・速度・ピッチ調整
- フレーズの追加・削除・一覧表示
- 設定や再生位置をIndexedDBに保存
- JSONでエクスポート／インポート対応
☕️ 使い方
- サイトを開く
- 「▶︎ はじめる」をクリック
- 流れてくる言葉を、ただ聴くだけ。
（もちろん、再生・停止・スキップも自由）
🌈 こんな人におすすめ
- 仕事や勉強の合間に、気分を整えたい人
- ポジティブな言葉で気持ちをリセットしたい人
- 一人時間に「心のBGM」が欲しい人
🌻 おわりに
言葉の力って、不思議です。
たとえ短くても、耳から届く「優しい一言」が、
あなたの一日を少し明るくしてくれます。
よかったら、ぜひ試してみてください。
👉 励ましループ｜Encouraging Site
前向きな言葉を聞き続けることで、
心の中に少しずつ “前向きの習慣” が育っていくはずです。
技術者が集うこの Qiita で、しんどいときにそっと寄り添えるツールになれたならば嬉しいです。