# 🧠 心の天気予報 Pro - プロ仕様メンタルヘルス診断ツール ## ✨ 商品の特徴 ブラウザで開くだけで使える、商業レベルの品質を持つメンタルヘルス診断システムです。 12問に答えると「心の状態」を天気とレーダーチャートで美しく可視化します。 ### 🎯 こんな方におすすめ - 💼 企業の健康経営・ストレスチェック担当者 - 👨‍⚕️ 心理カウンセラー・コーチング事業者 - 🎨 Webデザイナー・制作会社のポートフォリオ用 - 📱 自社サービスに診断機能を追加したい事業者 --- ## 🌟 主要機能（すべて実装済み） ### 📊 本格的な診断システム - **12問の厳選された質問**（ストレス・気分・生活リズム・人間関係） - **6段階天気判定**（晴れ☀️〜嵐⛈️） - カテゴリ別スコア・合計スコア・ストレス指数表示 ### 📈 高度な可視化機能 - **Chart.js v4使用のレーダーチャート**（4カテゴリ状態の一目把握） - **棒グラフによる詳細分析**（カテゴリ別比較） - 美しいアニメーション・進捗表示 ### 💡 実用的なアドバイス機能 - 判定レベルごとの**具体的なセルフケアアドバイス** - 高スコア時の**緊急相談先自動表示** - 回答内容の振り返り機能 ### 🎨 プロ品質のデザイン - **完全レスポンシブ対応**（PC・タブレット・スマホ完全対応） - Noto Sans JP フォント使用の美しいUI - 印刷最適化（PDF保存対応） ### 🔒 法的配慮・安全性 - 起動時の**厳格な免責モーダル**（医療診断でない旨を明示） - 個人情報の収集なし（プライバシー安心） --- ## 📦 商品内容 ### 納品ファイル 1. **index.html**（診断ツール本体・単一ファイル） 2. **README.md**（詳細な使用方法・カスタマイズガイド） 3. **利用規約.txt**（免責事項・利用条件） ### 動作環境 - **対応ブラウザ**：Chrome/Firefox/Safari/Edge（最新版） - **対応デバイス**：Windows/Mac/スマートフォン - **⚠️ インターネット接続必須**（デザイン・グラフライブラリ読み込みのため） --- ## 🛠️ カスタマイズの容易性 HTMLファイル冒頭の`CONFIG`オブジェクトを編集するだけで以下を変更可能： ✅ 質問文の内容・カテゴリ ✅ 判定基準（6段階の閾値） ✅ 結果メッセージ・アドバイス文 ✅ カラーテーマ（メイン色・アクセント色） ✅ 天気アイコン・表現方法 **プログラミング知識がなくても、テキストエディタで編集可能**な設計です。 --- ## 💼 商用利用について ### ✅ 許可される使用方法 - 企業・団体での社内利用 - クライアントへの納品物としての使用 - 自社サービスへの組み込み - カスタマイズ・改変 - 有償サービスへの組み込み ### ❌ 禁止事項 - このツール自体の再販売（そのまま・改変問わず） - ソースコードの再配布（無償・有償問わず） --- ## ⚠️ 重要な注意事項（必ずお読みください） ### 動作環境について - **インターネット接続が必要です**（Tailwind CSS、Chart.js、Google Fontsを外部から読み込むため） - オフライン環境では正常に表示されません - 最新ブラウザでの動作を保証します（古いブラウザは非対応） ### 返品・返金について - **デジタルコンテンツのため、ダウンロード後の返品・返金は一切受け付けておりません** - 購入前に動作環境・商品内容を必ずご確認ください ### サポートについて - **技術サポート・カスタマイズ代行は提供しておりません** - 基本的な使用方法はREADME.mdに記載されています ### 医療・法的免責 - **本ツールは医学的診断を行うものではありません** - エンターテインメント・セルフチェック目的のツールです - 本ツール使用による一切の損害について、制作者は責任を負いません --- ## ❓ よくある質問（FAQ） **Q1: プログラミング知識がなくても使えますか？** A: はい。ファイルをダブルクリックするだけで動作します。 **Q2: オフラインで使えますか？** A: いいえ。デザインとグラフ表示のため、インターネット接続が必要です。 **Q3: スマートフォンで使えますか？** A: 完全対応しています。iPhone・Android問わず快適に動作します。 **Q4: 質問を追加できますか？** A: 可能です。CONFIG.questionsに追加するだけで拡張できます。 **Q5: 企業ロゴを入れられますか？** A: 可能です。HTMLファイルのヘッダー部分を編集することで挿入できます。 ---