Editable sources

図ソース

共通モデル、レイアウト、SVG・PNG生成規則の変更方法です。

../architecture-model.json がノード、接続、根拠、環境差の共通モデルです。layouts.mjs は2枚の主図と5枚の補足図について、境界、カード、直交経路、ラベル位置を手動調整したレイアウト定義です。補足図はデプロイ方式2枚、データフロー1枚、DB操作・処理の新旧比較2枚です。

SVGだけを直接編集すると再生成で失われます。内容の変更は共通モデル、配置の変更は layouts.mjs、描画規則の変更は ../tools/generate.mjs に反映してください。

再生成と検証:

node docs/architecture/tools/generate.mjs
node docs/architecture/tools/verify.mjs

生成はリポジトリに既存の Node.js と sharp を使います。generate.mjs は次の成果物と各Markdownのローカル閲覧用HTMLを生成します。

  • ../01-stakeholder.{svg,png}
  • ../02-engineer.{svg,png}
  • ../supplementary/03-blue-green-deployment.{svg,png}
  • ../supplementary/04-legacy-single-runtime.{svg,png}
  • ../supplementary/05-data-flow.{svg,png}
  • ../supplementary/06-database-operation-legacy.{svg,png}
  • ../supplementary/07-database-operation-current.{svg,png}

外部レンダリングサービス、CDN、Webフォント、ネットワーク通信は使いません。