リアクションボタン デモ

単一ボタン

各ボタンを個別に表示

複数ボタン（配列指定）

buttonId="[1,2,3]" のように複数ボタンをまとめて表示

全ボタン

すべてのリアクションボタンを一度に表示

エフェクト専用ボタン（countDisable）

カウントなし・制限なしでエフェクトのみを楽しめるボタン（追加のデモボタン含む）

使い方

• 各ボタンをクリックするとカウントが増加します（ID 1-5）
• エフェクト専用ボタン（ID 6-10）は何度でも押せます
• エフェクトが表示されます（絵文字がアニメーション）
• localStorage で 1日あたり最大10回まで押せます（通常ボタン）
• 上限に達すると振動エフェクトが表示され、押せなくなります
• カウントは年単位でリセットされます（JST 基準）

エフェクト一覧

• ID 1: ✨ Sparkle - キラキラ（sparkle）
• ID 2: ❤️ Heart - ハート（heart）
• ID 3: 🔥 Fire - 炎（fire）
• ID 4: 👏 Clap - 拍手（clap）
• ID 5: 😂 Laugh - 笑い（laugh）

エフェクト専用（100–115）

• ID 100: 🎈 balloon（balloon）
• ID 101: 🌀 burst-windmill（burst-windmill）
• ID 102: 👏 clap（clap）
• ID 103: ✴️ cross-burst（cross-burst）
• ID 104: 🖼️ cross-screen（cross-screen）
• ID 105: 🍂 fall（fall）
• ID 106: 🔥 fire（fire）
• ID 107: 🎆 firework（firework）
• ID 108: ☁️ float（float）
• ID 109: 🍗 float2（float2）
• ID 110: 🟢 gather-circle（gather-circle）
• ID 111: ❤️ heart（heart）
• ID 112: 😂 laugh（laugh）
• ID 113: ✨ sparkle（sparkle）
• ID 114: 🌬️ sway-up（sway-up）

API エンドポイント

以下の API が利用可能です:

• GET /api/reaction/ - 全ボタンの count を取得（クエリパラメータ ?year=YYYY で年指定可能）
• POST /api/reaction/[id] - 指定ボタンの count を +1