図・部品を文書に部品の定義で描き、確かめ、使う側に固有の部品と CSS を足す手順
| ページ | 概要 |
|---|---|
| 図を描く | HTML の使いどころと、文書に部品の定義を書いてフロー図・シーケンス図・グラフを描く手順 |
| 操作できる部品を作る | スライダー・グラフ・今の値を写すボタンの部品の定義を書く手順 |
| コードブロックのHTMLを描く | コードブロックの HTML を描かせる印・チャートの custom element の置き方・data-hint の書き方の手順 |
| 描いた図を確かめる | 置いた部品を Playwright で動かし、スクリーンショットを撮って見る手順 |
| 固有の部品とCSSを当てる | 使う側に固有の部品と CSS を、その場所の文書にだけ当てる手順 |
| 見本 | フロー図・シーケンス図・グラフ・操作できる部品を組み合わせた見本の文書 |