Appearance
PUB-003 日別記事結果 — ランキング(パーツ)
概要
- PUB-003 日別記事結果(埋め込みブロック) のうち、
B-0〜B-3およびランキング経由で関わるB-4の トリガー を扱う。 - ワイヤーフレーム: 本書「ワイヤーフレーム」(
B-0〜B-3)。同一コンポーネントは SC-001 の「ランキング (B-0〜B-3)」 にも掲載。 B-4(詳細モーダル)の画面仕様・状態の正は PUB-004 ランキング詳細モーダル。本書では埋め込みブロック側からの操作・連携のみを記す。
ワイヤーフレーム
画面仕様
ブロック一覧(本パーツ)
| ブロック ID | ブロック名 | 表示内容(要約) | 初回表示のされ方 | 主な操作 |
|---|---|---|---|---|
B-0 | みんレポ引用 | 出典リンク | 非同期ランキング塊内に出し得る | リンク遷移 |
B-1 | 台別ランキング | 差枚・回転の順位表 | プレースホルダ → API-001-1 完了後に埋め | 行クリック、アコーディオン開閉 |
B-2 | 機種別ランキング | 合計/平均等の表 | 同上 | 行クリック、アコーディオン開閉 |
B-3 | データ検索 | 機種絞り込み用アコーディオン等 | 同上 | プルダウン(Choices)、開閉 |
B-4 | ランキング行の詳細モーダル | 空枠+制御 | 初期は空のダイアログ枠。操作で内容表示 | 開閉(詳細は PUB-004) |
状態差分(本パーツ)
全体の状態マトリクスは PUB-003 の「状態差分」 を参照。当日分のランキング元データが無いときは B-0〜B-4 相当のランキング一連を出さない。
処理連携仕様
A-0 ランキングアコーディオンを開閉
- 対象:
B-1/B-2/B-3 - 操作: アコーディオン見出し(トグルボタン)を押下
- 挙動:
detailsのopen状態が切り替わり、該当ブロックの内容表示を展開/折りたたみする
B-4 ランキング詳細モーダル(別ファイル管理)
- PUB-003 ではトリガーと連携仕様の入口のみを扱う本パーツ書に集約する。
- ワイヤーフレームは
Sc1RankingDetailModalWireframeReactHostで別コンポーネント化して管理する(PUB-004)。 - 画面仕様の詳細は PUB-004 ランキング詳細モーダル を参照。
関連インターフェース
| 種別 | 参照 |
|---|---|
| ショートコード | SC-001 |
| 親ブロック全体 | PUB-003 |
| 詳細モーダル | PUB-004 |