GSAP Studio / Quality Rule(品質ルール)

breakpoint境界でgap

breakpoint境界でgapを検出し、queryを連続化ための品質ルールです。

GST-RESP-003 v1.0.0 ツールで試す

Direct answer

何を決めるための項目ですか?

breakpoint境界でgapを検出し、queryを連続化ための品質ルールです。

このルールは warning として「breakpoint境界でgap」を扱い、queryを連続化よう案内します。

Reference facts

固定値・入力・判定結果

Category(判定領域)
responsive
Severity(重要度)
warning
Symptom(症状)
breakpoint境界でgap
Recommended fix(修正)
queryを連続化
Runtime check(自動検査)
review contract
Owner(担当契約)
motion-platform

Symptom → evidence → fix

症状・原因・修正・検証

  1. 症状:breakpoint境界でgap状態をProjectまたはcompiled resultから検出します。
  2. 原因:responsive契約の値、参照、scope、または縮退方針が不足しています。
  3. 根拠:Findingへ GST-RESP-003、対象item・target、実値を記録します。
  4. 修正:queryを連続化ようにProjectを更新します。
  5. 検証:再compileし、Desktop・Mobile・Reduced Motionと対象サイトで結果を確認します。

Safe workflow

本番へ入れる前の共通確認

  1. TimelineをPlay・Pause・Reverse・Restart・Seekし、開始・終了時間とlabelを確認します。
  2. Scroll Storyはstart・end marker、scene範囲、pin、scrub、snapをDesktopとMobileで確認します。
  3. Reduced Motionでpin・scrubが無効になり、本文と操作要素が見える最終状態になることを確認します。
  4. Quality FindingのRule ID、evidence、severity、warning、lossを解消または記録します。
  5. 実サイト上でbrowser、resize、font・image load、性能、cleanup、rollbackを確認します。

Terms

英語表記の意味

Target(ターゲット)は動かす対象、Track(トラック)は対象ごとの時間レーン、Tween(トゥイーン)は値の変化、Scene(シーン)はScroll Storyの場面、Evidence(エビデンス)は判定根拠、Loss(ロス)は出力先で完全に表現できない差、Cleanup(クリーンアップ)はanimationとScrollTriggerを破棄する処理、Rollback(ロールバック)は元に戻す手順です。