Skip to content

看板娘「らぼみ」をトップページに配置#175

Merged
kojira merged 1 commit into
mainfrom
claude/ranking-feature-bug-a8nq2k
Jul 13, 2026
Merged

看板娘「らぼみ」をトップページに配置#175
kojira merged 1 commit into
mainfrom
claude/ranking-feature-bug-a8nq2k

Conversation

@kojira

@kojira kojira commented Jul 13, 2026

Copy link
Copy Markdown
Member

概要

巫女キャラ**「らぼみ」**(一人称「あーし」・オタクに優しいギャル)をトップページのヒーローCTA列に配置します。指さしポーズがそのまま参拝ボタンへの視線誘導になる構図です。

構成(上から): 吹き出し → らぼみ → CTAボタン群(既存ロジック変更なし)。モバイルでは鳥居→らぼみ→ボタンの縦積み。

変更内容

  • web/static/labomi/labomi_01.png 新規(透過PNG 360×480)
  • web/pages/index.vue
    • 吹き出し: ログイン状態別のセリフプールからランダム表示(表示のたびに変わる)
      • 未ログイン: 「GitHubと連携して参拝してこ!あーしが見ててあげるから!」ほか2種
      • ログイン済: 「おかえり〜!今日も参拝してくの?えらすぎ、最高かよ!」ほか2種
    • mountedで選択(SSR/CSR差異回避)+ログイン状態の変化にwatchで追従
    • 浮遊アニメ+drop-shadow。prefers-reduced-motion: reduce で停止。width/height明示(CLS防止)
  • docs/character.md 新規 — らぼみの設定(名前・一人称・性格・口調サンプル全文・執筆指針)を永続化。今後らぼみにセリフを書かせるときは必ずこのファイル準拠

検証

  • yarn generate 成功
  • 実マークアップ+CSSのハーネスでデスクトップ(1280px)/モバイル(375px)をヘッドレス撮影し、吹き出し・透過・浮遊・レイアウト崩れなしを確認(SPAモード+ローカルFirebase設定なしのため実ページ起動は不可、実表示はdevで確認)

🤖 Generated with Claude Code

https://claude.ai/code/session_01DwkB6Hj2JggoKcy7FoxNcU


Generated by Claude Code

ユーザー提供の巫女キャラ「らぼみ」(一人称あーし・オタクに優しいギャル)を
トップページのCTA列に配置。指さしポーズがCTAボタンへの視線誘導になる。

- 吹き出し: ログイン状態別のセリフプールからランダム表示(ギャル口調)。
  mountedで選択し、ログイン状態の変化(認証復元)にはwatchで追従
- 画像: /labomi/labomi_01.png(透過PNG)。浮遊アニメ+drop-shadow、
  prefers-reduced-motion では停止。width/height明示でCLS防止
- docs/character.md を新規作成し、らぼみの設定(名前・一人称・性格・
  口調サンプル・執筆指針)を永続化。今後のセリフは必ずこれに準拠する

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwkB6Hj2JggoKcy7FoxNcU
@kojira kojira merged commit 5c76ebf into main Jul 13, 2026
3 checks passed
kojira pushed a commit that referenced this pull request Jul 13, 2026
kojira pushed a commit that referenced this pull request Jul 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants