Section Composer / Output Adapter(出力変換)

Semantic HTML / CSS / JS

一般的なWeb制作・静的サイトに向けて、同じComposer Projectを決定論的に変換する出力形式です。

SCP-OUT-SEMANTIC_HTML v1.0.0 ツールで試す

Direct answer

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

一般的なWeb制作・静的サイトに向けて、同じComposer Projectを決定論的に変換する出力形式です。

主ファイルは index.html です。表現できない意味は none for supported contracts の方針でlossとして記録し、黙って削除しません。

Loss contract

出力に含めるものと変換損失

  • 同じProjectとValidation Reportから、再現可能なGeneratedFileを作ります。
  • warning、loss、recommended、生成ファイルをAdapter単位で表示します。
  • Install、Verify、Rollbackをコードと同じbundleへ含めます。
  • motion、複雑な子selector、WordPress editor固有の動作を表現できない場合は、CSS・JS fallbackとloss reportへ分離します。

Safe workflow

安全に使う手順

  1. Page KitとSectionの役割を決め、必須Content Slotを実際の内容へ置き換えます。
  2. 375・768・1100・fluidで、見出し、長い文字、画像、CTA、横はみ出しを確認します。
  3. Quality Guardの固定Rule ID、severity(重要度)、evidence(根拠)、loss(変換損失)を確認します。
  4. 用途に合うAdapterを選び、INSTALL、VERIFY、ROLLBACKの順に導入・確認・復旧方法を共有します。

Terms

英語表記の意味

Section(セクション)はページ内の役割を持つ区画、Variant(バリアント)は意味を変えない配置違い、Adapter(アダプター)は同じProjectを実装形式へ変換する処理、Evidence(エビデンス)は判定根拠、Loss(ロス)は出力形式で完全には表現できない差、Rollback(ロールバック)は元に戻す手順です。