A4提案書 / 2ページ目のコード
実際の5ページ作例の 2ページ目 に対応するソースです。数値・企業・提案は架空です。単独実行用の文書ではありません。共通テーマ・設定と依存ファイルが必要です。
このページのMarkdown
「このページのMarkdown」の節へdocument.md の明示的な区切りで分けた抜粋です。ページ間には <!-- wwpo:break --> を置きます。
document.md
「document.md」の節へ<!-- wwpo:page flow=fixed -->
# 01 / 課題を、データで共有する
## 相談件数と提案件数の推移
4月から9月まで、相談数は120件から240件、提案数は52件から78件になったという架空データです。これだけで資料制作がボトルネックとは断定できません。相談の質、担当人数、案件の難易度も確認します。
## 工程別の作業時間
現状12時間から目標7時間という想定は、5時間・約42%の差です。これは未検証の試行仮説であり、削減を保証するものではありません。
## 測定の前提
同じ難易度の提案を対象に、初稿作成から承認までの実作業時間を記録します。待ち時間と会議時間は分け、品質の差を見落とさないよう修正内容も残します。関連する図表定義とデータ
「関連する図表定義とデータ」の節へassets/charts/trend.vl.json
「assets/charts/trend.vl.json」の節へ{
"width": 410,
"height": 135,
"config": {
"font": "PS Sans",
"axis": {
"labelFontSize": 12,
"titleFontSize": 12,
"gridColor": "#dde5df",
"domain": false,
"labelColor": "#314d56",
"titleColor": "#314d56"
},
"legend": {
"labelFontSize": 12,
"titleFontSize": 12
},
"view": {
"stroke": null
},
"range": {
"category": [
"#174d49",
"#da9b54",
"#92bcb0",
"#ccd9cf"
]
}
},
"description": "架空の月別相談件数と提案件数。成長する相談数に対して提案作成が追いつかない想定。",
"data": {
"name": "trend"
},
"transform": [
{
"fold": [
"相談件数",
"提案件数"
],
"as": [
"系列",
"件数"
]
}
],
"mark": {
"type": "line",
"point": true,
"strokeWidth": 4
},
"encoding": {
"x": {
"field": "月",
"type": "ordinal",
"sort": [
"4月",
"5月",
"6月",
"7月",
"8月",
"9月"
],
"title": null
},
"y": {
"field": "件数",
"type": "quantitative",
"title": "件数（架空）"
},
"color": {
"field": "系列",
"type": "nominal",
"scale": {
"range": [
"#174d49",
"#da9b54"
]
},
"legend": {
"orient": "top",
"title": null
}
}
}
}
assets/charts/hours.vl.json
「assets/charts/hours.vl.json」の節へ{
"width": 410,
"height": 135,
"config": {
"font": "PS Sans",
"axis": {
"labelFontSize": 12,
"titleFontSize": 12,
"gridColor": "#dde5df",
"domain": false,
"labelColor": "#314d56",
"titleColor": "#314d56"
},
"legend": {
"labelFontSize": 12,
"titleFontSize": 12
},
"view": {
"stroke": null
},
"range": {
"category": [
"#174d49",
"#da9b54",
"#92bcb0",
"#ccd9cf"
]
}
},
"description": "架空の工程別作業時間。試行目標は未検証の仮定。",
"data": {
"name": "hours"
},
"transform": [
{
"fold": [
"現状",
"試行目標"
],
"as": [
"区分",
"時間"
]
}
],
"mark": {
"type": "bar",
"cornerRadiusTopLeft": 4,
"cornerRadiusTopRight": 4
},
"encoding": {
"x": {
"field": "工程",
"type": "nominal",
"sort": [
"情報整理",
"初稿作成",
"レビュー",
"体裁調整"
],
"title": null,
"axis": {
"labelAngle": 0
}
},
"xOffset": {
"field": "区分"
},
"y": {
"field": "時間",
"type": "quantitative",
"title": "時間 / 提案（架空）"
},
"color": {
"field": "区分",
"type": "nominal",
"scale": {
"domain": [
"現状",
"試行目標"
],
"range": [
"#174d49",
"#da9b54"
]
},
"legend": {
"orient": "top",
"title": null
}
}
}
}
data/trend.csv
「data/trend.csv」の節へ月,相談件数,提案件数,契約件数
4月,120,52,12
5月,138,58,14
6月,164,64,16
7月,186,69,17
8月,214,74,18
9月,240,78,20
data/hours.csv
「data/hours.csv」の節へ工程,現状,試行目標
情報整理,3,2
初稿作成,4,2
レビュー,3,2
体裁調整,2,1
デザインと再生成
「デザインと再生成」の節へ見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。