A4提案書 / 3ページ目のコード

実際のビルド結果 · 3/5ページ · 画像を選んで拡大

実際の5ページ作例の 3ページ目 に対応するソースです。数値・企業・提案は架空です。単独実行用の文書ではありません。共通テーマ・設定と依存ファイルが必要です。

プレビュー一覧へ戻る共通CSSと設定前のページ次のページ

このページのMarkdown

document.md の明示的な区切りで分けた抜粋です。ページ間には <!-- wwpo:break --> を置きます。

document.md

<!-- wwpo:page flow=fixed -->
# 02 / 根拠とレビューをつなぐ設計

## 提案制作の流れ

![架空の提案制作フロー](assets/diagrams/process.mmd)

担当者が本文を作り、レビュアーが事実・根拠・提案の妥当性を確認します。AIツールを使う場合も、草案をそのまま提出せず、人が確認して修正します。

## 制作物の構成

![実装済み機能で作る資料制作の構成](assets/diagrams/architecture.mmd)

本文はMarkdown、データはローカルCSV/JSON、見せ方はCSSで管理します。Vega-LiteとMermaidの定義から図表を生成し、WworPointで検証してPDF・静的HTMLへ書き出します。組み込みAIサービスや編集GUIを想定していません。

## 確認するポイント

| 確認対象 | 担当する人 | 合格の見方 |
| --- | --- | --- |
| 数値・出典 | 作成者＋レビュアー | 元データと一致する |
| 提案の妥当性 | 業務責任者 | 前提・例外を説明できる |
| レイアウト | 作成者 | 検証結果とPDFを確認する |

通信方針は利用するAIツール・エディタ等で別途確認します。

関連する図表定義とデータ

assets/diagrams/process.mmd

flowchart LR
 accTitle: 架空の提案制作フロー
 A["ヒアリング"] --> B["根拠整理"] --> C["ソース作成"] --> D["人の確認"] --> E["PDF共有"]
 classDef default fill:#e4eee7,stroke:#174d49,color:#172d38,stroke-width:2px;

assets/diagrams/architecture.mmd

flowchart LR
 accTitle: WworPointを使った資料制作の構成
 A["本文<br/>Markdown"] --> D["検証・出力"]
 B["データ<br/>CSV / JSON"] --> D
 C["デザイン<br/>CSS・図表"] --> D
 D --> E["PDF<br/>会議・配布"]
 D --> F["HTML<br/>読む・確認"]
 classDef default fill:#e4eee7,stroke:#174d49,color:#172d38,stroke-width:2px;

デザインと再生成

見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。

共通CSSと設定を見る · 作例全体の紹介へ