MoE BOATPick | TOP実装パッケージ v2

Implementation Ready

TOP 5種を本番寄りに整理した実装版

既存の軽量HTMLを、TOP導線・4/27データ接続・実運用の差し替えポイントが見える形に整理しました。曜日ルール未確定でも使えるよう、各ページは独立表示できる構成にしています。

日付----bundle.json 連携

全レース-件today画面向け

MochaPick-件pickup導線

EmmaPick-件pickup導線

今回進めたこと5ページ共通UIを統一し、app-config.js と 4/27 JSON を同梱。TOPからそのまま導線接続しやすい状態まで前進。

本番差し替え箇所app-config.js の routes を実URLへ差し替えるだけで、主要ボタンは同時更新できます。

残タスク曜日切替ロジックと、実アプリのヘッダー/フッターへ編入する最終接着のみ。

明るさ・姉感・ロマン追いの空気を保った単独版。Mocha訴求日にそのまま差し替え可能です。

落ち着き・知性・仕留めにいく感を出す単独版。TOPの温度を少し締めたい日に向きます。

最初にOKが出た採用版を維持。勝負感の強い導線や特集日に使える顔の強いTOPです。

土曜採用版をベースにした週末訴求TOP。華やかさを出しつつ現地感を残した運用向けです。

ブランド旗艦TOP。大型導線・日曜・特集差し替えにも耐える、最も情報の受け皿になりやすい構成です。