ミニ参考書 / 1ページ目のコード
実際の2ページ作例の 1ページ目 に対応するソースです。内容は架空で、教育内容・設計要件は利用前に担当者が確認します。共通CSS・設定と参照ファイルを組み合わせて使います。
このページのMarkdown
「このページのMarkdown」の節へdocument.md の明示的な区切りで分けた抜粋です。ページ間には <!-- wwpo:break --> を置きます。
document.md
「document.md」の節へ<!-- wwpo:page flow=fixed -->
# フォルダーとファイル
**ミニ参考書 / 学習資料の作例**
見出し構成を繰り返せる参考ページの作例です。検証済みの教科書ではありません。読む人に合わせて用語と例を確認してください。
## 三つの考え方
ファイルは内容を保存します。フォルダーはファイルや別のフォルダーをまとめます。相対パスは、あるフォルダーを基準に場所を示します。
<!-- wwpo:block class="hint-bubble" -->
> **ヒント**
> まず出発するフォルダを確認しましょう。「どこから見た場所か」を言葉にすると、相対パスを読みやすくなります。
<!-- wwpo:table data=terms caption="小さな用語集" -->
## 小さなプロジェクト
```text
project/
notes.md
data/
cards.csv
assets/
diagram.mmd
```
projectを基準に、`data/cards.csv` はdata内のCSVを示します。名前は作例用です。関連する図表定義とデータ
「関連する図表定義とデータ」の節へdata/terms.csv
「data/terms.csv」の節へ用語,意味,例
ファイル,内容を保存したもの,notes.md
フォルダー,ファイルやフォルダーをまとめるもの,data/
相対パス,基準のフォルダーからの場所,data/cards.csv
デザインと再生成
「デザインと再生成」の節へ見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。