ナイショ相談室 - 匿名お悩み投稿＆みんなのひとこと返信コミュニティ

## 1. アプリの目的・ターゲットユーザー
誰にも言えないちょっとしたお悩み・モヤモヤを匿名で投稿し、見知らぬ誰かからの短い「ひとこと返信」をもらえる軽量コミュニティアプリ。SNSほど重くなく、カウンセリングほど敷居も高くない「第三者の優しい視点」を求める20〜40代を主なターゲットとするが、全世代対応。登録不要で投稿・返信でき、承認欲求ではなく「共感・知恵をもらう場」として設計する。

---

## 2. 主要機能
- **匿名お悩み投稿**: ニックネーム(任意)・カテゴリ選択・本文(最大300文字)・気持ちタグ(もやもや/つらい/迷ってる/笑えてきた/報告したい の5種)を入力してワンクリック送信
- **ひとこと返信**: 各投稿に対し最大60文字のひとこと返信を匿名で複数送信可能。長文不要・短文特化で返信ハードルを極限まで下げる
- **共感スタンプ**: 「わかる」「がんばれ」「笑った」「なるほど」の4種のスタンプをワンタップで返信や投稿に付与(各投稿・返信1回のみ、IPベースで制御)
- **タイムライン＆カテゴリフィルター**: 新着順・共感数順のソート、カテゴリ(仕事/恋愛・結婚/家族/友人/お金/健康/その他)でフィルタリング
- **解決済みマーク**: 投稿者がトークンを使い「解決しました！」フラグを立てられる。解決済み投稿は明るいデザインに変化し、前向きな結末をコミュニティで共有
- **通報・非表示**: 不適切な投稿・返信を通報できるボタン。管理者が確認して非表示にする簡易モデレーション

---

## 3. 画面構成

### トップページ（タイムライン）
- ヘッダー: ロゴ「ナイショ相談室」＋「投稿する」ボタン(目立つカラー)
- フィルターバー: カテゴリタブ（全て/仕事/恋愛・結婚/家族/友人/お金/健康/その他）＋ソート切替（新着順・共感順）
- 投稿カード一覧: カード1枚ごとに「気持ちタグバッジ」「カテゴリバッジ」「本文(省略表示)」「返信数」「共感スタンプ数」「解決済みリボン」を表示。カードクリックで詳細へ

### 投稿詳細ページ
- 投稿本文フル表示・投稿者ニックネーム（未入力時は「なまえなし」）・投稿日時
- 共感スタンプ4種のカウンター
- ひとこと返信一覧（返信文・匿名ニックネーム・スタンプ・日時）
- 返信入力フォーム（60文字制限・残り文字カウンター表示・送信ボタン）
- 投稿者専用「解決しました！」ボタン（投稿時にLocalStorageへ保存したトークンと照合してサーバー側で確認）
- 通報リンク

### 投稿モーダル（オーバーレイ）
- ニックネーム入力（任意・最大10文字）
- カテゴリ選択（ドロップダウン）
- 気持ちタグ選択（ボタングループ・1択）
- 本文テキストエリア（300文字・残り文字リアルタイム表示）
- 送信ボタン／キャンセル

### 管理画面（/admin、パスワード認証）
- 通報件数一覧テーブル・非表示ボタン
- 投稿・返信の全件表示と個別削除

---

## 4. データ構造（MySQL テーブル概要）

```sql
TABLE posts (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20), -- 任意
category VARCHAR(20) NOT NULL, -- 仕事/恋愛・結婚/家族/友人/お金/健康/その他
mood_tag VARCHAR(20) NOT NULL, -- もやもや/つらい/迷ってる/笑えてきた/報告したい
body VARCHAR(300) NOT NULL,
token VARCHAR(64) NOT NULL, -- 投稿者確認用ランダムトークン
is_resolved TINYINT DEFAULT 0,
is_hidden TINYINT DEFAULT 0,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

TABLE replies (
id INT AUTO_INCREMENT PRIMARY KEY,
post_id INT NOT NULL,
nickname VARCHAR(20),
body VARCHAR(60) NOT NULL,
is_hidden TINYINT DEFAULT 0,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

TABLE stamps (
id INT AUTO_INCREMENT PRIMARY KEY,
target_type ENUM('post','reply') NOT NULL,
target_id INT NOT NULL,
stamp_type VARCHAR(20) NOT NULL, -- わかる/がんばれ/笑った/なるほど
ip_hash VARCHAR(64) NOT NULL, -- IPをSHA-256ハッシュ化して保存
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
UNIQUE KEY uq_stamp (target_type, target_id, stamp_type, ip_hash)
);

TABLE reports (
id INT AUTO_INCREMENT PRIMARY KEY,
target_type ENUM('post','reply') NOT NULL,
target_id INT NOT NULL,
ip_hash VARCHAR(64) NOT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
```

---

## 5. デザインの方向性
- **カラーパレット**: 淡いラベンダー(#EDE7F6)をベース背景に、アクセントはソフトオレンジ(#FF8A65)。気持ちタグごとにパステルカラーのバッジを使い分け（もやもや=グレー/つらい=青/迷ってる=黄/笑えてきた=緑/報告したい=ピンク）
- **フォント**: 丸みのある游ゴシックまたはNoto Sans JP。文字サイズは本文16px以上でスマホ読みやすさ優先
- **カード**: 白背景・角丸8px・ドロップシャドウ控えめ。解決済みカードは上部にゴールドのリボンバナーを表示
- **全体トーン**: 「重くない・暗くない」を徹底。アイコンは絵文字やシンプルなSVGアイコンを使い、ゆるくて安心感のある空間を演出
- **レスポンシブ**: モバイルファーストのシングルカラムレイアウト。PCでは最大幅720pxのセンタリング表示
- **スパム対策**: 投稿・返信ともに同一IPからの連続送信を60秒インターバルで制限（PHPセッション+DB記録）