Direct answer
何を決めるための項目ですか？
複数feature cardをstaggerとoverlapで表示ための、編集可能なAnimation Projectです。
GST-PRE-002 は timeline 用の参照Projectです。完成画像だけでなく、Target、Timeline item、label、scene、responsive、Reduced Motion、9つの出力を同じ正本へ結び付けます。
Reference facts
固定値・入力・判定結果
- Workspace（編集領域）
- timeline
- Project role（役割）
- 複数feature cardをstaggerとoverlapで表示
- Preview（確認）
- Desktop / Tablet / Mobile / Reduced Motion
- Output（出力）
- 9 adapters + validation report + rollback
Project structure
このPatternで確認する構造
- TargetごとにTrackを分け、Tween clipをresolved startとdurationで配置します。
- LabelとCallbackはEvents laneへ表示し、TimelineとScroll sceneの共通anchorにします。
- Desktop・Tablet・MobileでTarget数、start・end、pin、scrub、文字の読みやすさを確認します。
- Reduced Motionではpin・scrub・snapを無効化し、内容が読める最終状態を維持します。
- Quality Guardの固定Rule ID、根拠、変換損失を確認してから9つのAdapterを出力します。
Safe workflow
本番へ入れる前の共通確認
- TimelineをPlay・Pause・Reverse・Restart・Seekし、開始・終了時間とlabelを確認します。
- Scroll Storyはstart・end marker、scene範囲、pin、scrub、snapをDesktopとMobileで確認します。
- Reduced Motionでpin・scrubが無効になり、本文と操作要素が見える最終状態になることを確認します。
- Quality FindingのRule ID、evidence、severity、warning、lossを解消または記録します。
- 実サイト上でbrowser、resize、font・image load、性能、cleanup、rollbackを確認します。
Terms
英語表記の意味
Target（ターゲット）は動かす対象、Track（トラック）は対象ごとの時間レーン、Tween（トゥイーン）は値の変化、Scene（シーン）はScroll Storyの場面、Evidence（エビデンス）は判定根拠、Loss（ロス）は出力先で完全に表現できない差、Cleanup（クリーンアップ）はanimationとScrollTriggerを破棄する処理、Rollback（ロールバック）は元に戻す手順です。