エールボード - 匿名で贈る応援メッセージ掲示板

## 1. アプリの目的・ターゲットユーザー
受験・就活・転職・起業・ダイエット・病気療養・育児など「頑張り中」の人が自分の挑戦を投稿し、見知らぬ人から温かい応援コメントや「エール」を受け取れる匿名応援特化の掲示板アプリ。SNSでは「知り合いに見られたくない」悩みを抱える10〜40代をメインターゲットとし、登録不要で気軽に投稿・応援できる設計とする。愚痴や批判は場の雰囲気になじまないよう仕組みで抑制し、ポジティブなコミュニケーションだけが集まる空間を目指す。

## 2. 主要機能
- **挑戦投稿機能**: カテゴリ（受験・就活・健康・仕事・趣味・人間関係・その他）と「今の状況」「目標・〆切」「一言メッセージ」を入力して投稿。投稿者にはランダムな動物アバター＋ニックネームを自動付与し、完全匿名で参加できる。投稿ごとに固有の「編集/削除キー」をローカルストレージに保存。
- **エール送信機能**: 各投稿に対して、定型スタンプ「ガンバ🔥 / 信じてるよ⭐ / 一緒に頑張ろう🤝 / もう少し！💪 / 尊敬します🙏」の5種＋最大80文字の自由メッセージでエールを送れる。1投稿につき同一ブラウザから1日1回のみ（Cookieで制御）。
- **カテゴリ別タイムライン**: トップページにカテゴリタブを並べ、新着順と「エール数が多い順」の2ソートを切り替えて閲覧。各カードに挑戦内容・目標・経過日数・エール合計数を表示。
- **挑戦ステータス更新**: 投稿者が「進行中 → 達成！ / 継続中 / 一旦中断」にステータスを変更でき、達成投稿には🏆バッジが表示される。達成投稿には「おめでとう」専用スタンプが解放される。
- **デイリーピックアップ**: サーバ側で毎日0時にエール数上位3件を「今日の応援枠」として最上部に固定表示し、多くの目に触れるチャンスを提供する。
- **NGワードフィルター**: PHP側で侮辱・差別・スパムに該当する定義済みNGワードリストを照合し、投稿・コメント送信時にブロック。コミュニティの安全性を維持する。

## 3. 画面構成
### トップページ（/index.php）
- ヘッダー：ロゴ「エールボード」＋「挑戦を投稿する」ボタン（常時右上）
- カテゴリタブバー（横スクロール対応、スマホでも操作しやすい）
- ソート切替トグル（新着 / エール数順）
- デイリーピックアップ帯（背景色を薄い黄色で区別）
- 挑戦カード一覧：動物アバター・ニックネーム・カテゴリバッジ・経過日数・目標・状況テキスト（80文字省略）・エール合計数・ステータスバッジ
- 無限スクロールまたは「もっと見る」ボタンによるページネーション

### 投稿詳細ページ（/post.php?id=xxx）
- 投稿全文表示・ステータスバッジ・経過日数
- エールスタンプ選択UI（5種のボタン）＋自由メッセージ入力欄＋「エールを送る」ボタン
- 送信済みの場合は「今日はすでにエールを送りました！明日また来てね」に切り替わる
- エール一覧（スタンプアイコン＋メッセージ、投稿日時、匿名）
- 投稿者向け「ステータス変更」ボタン（編集キー入力モーダルで本人確認）

### 投稿フォーム（モーダルまたは/new.php）
- カテゴリ選択（ラジオボタン or カードUI）
- 今の状況（textarea 150文字以内）
- 目標・〆切（任意、日付 or テキスト）
- 一言メッセージ（任意、50文字）
- プレビュー表示→送信
- 送信完了後：自分の投稿URLとエールを受け取るためのシェア用テキストを表示

### 達成ギャラリーページ（/gallery.php）
- ステータス「達成！」の投稿のみを一覧表示するページ。成功体験を閲覧者が見て勇気をもらえるコーナー。カテゴリフィルター付き。

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

**posts テーブル**
- id (INT, PK, AUTO_INCREMENT)
- category (VARCHAR 30) ※受験/就活/健康/仕事/趣味/人間関係/その他
- avatar_animal (VARCHAR 20) ※ランダム動物名
- avatar_name (VARCHAR 30) ※動物名+連番で自動生成
- situation (TEXT) ※今の状況
- goal (VARCHAR 100) ※目標・〆切
- message (VARCHAR 100) ※一言
- status (ENUM: 'active','achieved','paused') DEFAULT 'active'
- edit_key (VARCHAR 64) ※SHA256ハッシュで保存
- cheer_count (INT DEFAULT 0) ※集計キャッシュ
- created_at (DATETIME)
- updated_at (DATETIME)

**cheers テーブル**
- id (INT, PK)
- post_id (INT, FK → posts.id)
- stamp_type (TINYINT) ※1〜5のスタンプ種別
- free_message (VARCHAR 80)
- created_at (DATETIME)
※同一ブラウザ制御はCookie（cheer_{post_id}=1, 有効期限1日）で行い、DBには記録しない

**pickup テーブル**（デイリーピックアップ用）
- id (INT, PK)
- post_id (INT, FK)
- pickup_date (DATE)

## 5. デザインの方向性
- **キーカラー**：温かみのあるサンフラワーイエロー（#FFD94A）をメインアクセント、バックグラウンドはオフホワイト（#FAFAF7）
- **サブカラー**：ソフトオレンジ（#FF8C42）＋ミントグリーン（#5CB8A0）
- カードデザインは角丸・薄いドロップシャドウでやさしい雰囲気
- 動物アバターはCSS+テキスト絵文字（🐶🐱🐰🐻🦊🐼🐸🦁など12種）で実装、画像不要
- フォントは「Noto Sans JP」を使用し、見出しはやや太め
- スマホ優先のシングルカラムレイアウト、タブレット以上は2カラムカードグリッドに切り替え
- エール送信時にボタンが弾むCSSアニメーション（keyframesで実装）で達成感を演出
- ネガティブな印象を与える配色・文言は避け、全体的に「背中を押してくれる場所」と感じられるトーンを維持する