​1. アプリの概要このアプリは、火事、地震、台風、津波、急病、事故、その他の災害などの緊急シチュエーションを想定した質問を提供し、自分だけの対応マニュアルを作成するためのツールです。質問を選んで読み上げ、自分の行動計画（答え）を入力・保存し、音声で確認できます。事前にマイマニュアルを作成することで、緊急時に慌てず対応できるよう設計されています。対象ユーザー: 個人、家族、企業など。カスタマイズ可能で、保存した答えは履歴として残ります。
動作環境: Webブラウザ（PC/スマホ対応）。音声機能を使う場合、ブラウザのSpeechSynthesis APIをサポートしている必要があります。
主な機能: 質問の選択・再生、答えの入力・保存、履歴管理、テーマ切り替え。

​

2. アプリの起動と画面構成アプリをブラウザで開きます（HTMLファイルをローカルで実行またはサーバーにアップロード）。
画面構成:イントロダクション: アプリの説明文（上部）。
タイトル: 「緊急案内マニュアルプレーヤー」。
指示文: 基本的な使い方のヒント。
テキストエリア: 質問や自分の答えを入力・表示するエリア。
コントロールボタン: 質問再生: テキストエリアの内容を音声で読み上げ。
答え保存: 入力した答えを保存。
履歴リセット: 保存した答えをクリア。
テーマ: ライト/ダークモード切り替え。

履歴: 保存した答えのリスト。クリックでテキストエリアに挿入。
カテゴリ: 災害別の質問ボタン（例:  火事、 地震など）。

​

3. 基本的な使い方（ステップバイステップ）

ステップ1: 質問を選択するカテゴリ（例:  火事）から興味のあるシチュエーションのボタンをクリック（例: 「家で火事が起きたとき、どんな行動を取るべきか？」）。
クリックすると、テキストエリアに質問文が自動挿入され、音声で読み上げられます。
目的: さまざまな緊急シチュエーションを想定し、事前に考えるきっかけに。

​

ステップ2: 自分の答え（行動計画）を入力するテキストエリアに、質問に対する自分の答えを入力（例: 「すぐに避難し、119番に電話する」）。
入力中は、Shift + Enterで改行可能。Enter単独で保存（オプション）。
目的: 個人や状況に合わせたカスタムマニュアルを作成。家族や企業独自のルールを記入可能。

​

ステップ3: 答えを保存する「 答え保存」ボタンをクリック。
保存されると、履歴リストに追加（最大10件）。重複は保存されません。
保存はlocalStorageを使用するため、ブラウザを閉じても残ります（プライベートモードでは無効の場合あり）。
目的: マイマニュアルとして蓄積。後で振り返りやすい。

​

ステップ4: 内容を確認する（再生）テキストエリアの内容を「 質問再生」ボタンで音声読み上げ。
言語: 日本語（ja-JP）。速度/ピッチは標準。
目的: 声に出して確認し、記憶に定着。緊急時に家族で共有しやすい。

​

ステップ5: 履歴を活用する履歴リストのアイテムをクリックすると、テキストエリアに挿入され、自動再生。
「 履歴リセット」で全削除。
目的: 過去の答えを再利用。長期的にマニュアルを構築。

​

ステップ6: テーマを切り替える「 テーマ」ボタンでライト/ダークモードをトグル。
目的: 視認性を調整（夜間や好みに応じて）。

​

4. 詳細機能とTipsカテゴリの活用: 
7つのカテゴリ（火事、地震、台風、津波、急病、事故、その他の災害）から各10問程度の質問を提供。各ボタンはシチュエーション名でラベル付け。
音声機能の注意: ブラウザの音声合成が有効か確認。テキストが空の場合、再生されません。再生中は停止可能（ブラウザ依存）。
保存の制限: 履歴は10件まで。古いものから削除。localStorageが無効（例: プライベートモード）時はアラート表示。
カスタマイズ: 企業用にHTMLを編集して独自質問を追加可能。家族で共有する場合、答えを印刷やエクスポート（手動コピー）。
レスポンシブデザイン: スマホ対応。画面が小さい場合、フォント/ボタンが調整。
エラー対応: 保存/ロードエラー時はコンソール警告。アラートで通知。

​

5. 注意点と推奨プライバシー: 保存データはブラウザ内のみ。クラウド同期なし。
緊急時の使用: これはシミュレーションツール。実際の緊急時は公式機関（119番など）に連絡を優先。
更新: HTMLベースなので、必要に応じてコード編集（例: 新カテゴリ追加）。
推奨練習: 定期的に質問を選び、答えを更新。家族会議で共有すると効果的。

このマニュアルでアプリを活用し、災害に備えましょう！ 質問があればお知らせください。