【商用利用可】プロ仕様メンタルヘルス診断ツール｜12問・レーダーチャート可視化｜完全レスポンシブ・即使用可能

🧠 心の天気予報 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ファイルのヘッダー部分を編集することで挿入できます。

---