設計仕様書 / 3ページ目のコード
実際の3ページ作例の 3ページ目 に対応するソースです。内容は架空で、教育内容・設計要件は利用前に担当者が確認します。共通CSS・設定と参照ファイルを組み合わせて使います。
このページのMarkdown
「このページのMarkdown」の節へdocument.md の明示的な区切りで分けた抜粋です。ページ間には <!-- wwpo:break --> を置きます。
document.md
「document.md」の節へ<!-- wwpo:page flow=fixed -->
# 状態とレビュー計画
## クラス図
<!-- wwpo:block width=95% align=center -->
## 提案する状態
| 状態 | きっかけ | 次の操作 |
| --- | --- | --- |
| 下書き | 会議室と時間を選ぶ | 内容を確認する |
| 確認 | 要約を確認する | 保存、または下書きへ戻る |
| 保存済み | 競合のない要求を受け付ける | 保存した内容を表示する |
| 競合 | 別の要求が同じ枠を使う | 別の枠を選ぶ |
## レビューの問い
- 色だけに頼らず、エラーを伝えられますか？
- 確認中も会議室と時間が見えますか？
- 実サービスにする前に、どのルールの検討が必要ですか？
## 変更記録
| 版 | 変更 | 確認者 |
| --- | --- | --- |
| 0.1 | 架空の設計作例を作成 | 未定 |
> 動作の提案だけです。ソフトウェアの実装・運用の保証はしていません。関連する図表定義とデータ
「関連する図表定義とデータ」の節へassets/diagrams/classes.mmd
「assets/diagrams/classes.mmd」の節へclassDiagram
direction LR
class Room {
+string id
}
class Booking {
+string id
+string slot
+string status
}
Room "1" --> "0..*" Booking : 含む
デザインと再生成
「デザインと再生成」の節へ見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。