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






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





