<aside> 🧭
このページの目的
flowchart LR
%% デザイン定義
classDef largeBox fill:#FFFFFF,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:20px,font-weight:bold,font-size:18px;
classDef lg_s2 fill:#F6F9F6,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:20px,font-weight:bold,font-size:18px;
classDef lg_s3 fill:#D4E2D4,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:20px,font-weight:bold,font-size:18px;
classDef lg_s4 fill:#A2BEA2,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:20px,font-weight:bold,font-size:18px;
classDef lg_s5 fill:#688B68,stroke:#1A3D60,stroke-width:2px,color:#FFFFFF,rx:10,ry:10,padding:20px,font-weight:bold,font-size:18px;
%% ノード定義
S1["<center>01. 構想<br>やりたいことを決める</center>"]:::largeBox
S2["<center>02. 準備<br>庁内調整・要件整理</center>"]:::lg_s2
S3["<center>03. 習得<br>知識取得・テンプレ活用</center>"]:::lg_s3
S4["<center>04. 構築<br>構築・修正作業</center>"]:::lg_s4
S5["<center>05. 運用<br>リリース・改善</center>"]:::lg_s5
%% 接続線のスタイル
linkStyle default stroke:#1A3D60,stroke-width:3px;
%% 流れ
S1 --> S2 --> S3 --> S4 --> S5
<aside> ✅
重要ポイント
最初に「誰の・どんな課題を解決するか」を言語化すると、後工程(構築・運用設計)が一気に進めやすくなります。
</aside>
flowchart LR
%% 方向はLR、テキストはcenterタグとfontサイズ指定で視認性を向上
S1["<center>01. 構想<br><font size='4'>やりたいことを決める</font></center>"]:::stepNode
%% fill:#FFFFFF(白)、padding:40px(余白強調)、font-weight:bold(太字)
classDef stepNode fill:#FFFFFF,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:40px,font-weight:bold;
<aside> 🧩
重要ポイント
現状の確認と要件整理をしっかり行うと、手戻りが減ります。
🔰初めての方は、構築時の心得をご確認ください。
</aside>
flowchart LR
%% ボックスを大きくし、文字を中央に配置
S2["<center>02. 準備<br><font size='4'>庁内調整・要件整理</font></center>"]:::stepNode
classDef stepNode fill:#F6F9F6,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:40px,font-weight:bold;
コラム:持続可能な手続きのシステム化のために(構築担当者の心構え)
(例)対象者要件・申請条件(期間、申請制限)など
<aside> 🧩
重要ポイント
何をどこまで内製するかを先に、決め必要な学習範囲と担当者の稼働を確保します。
</aside>
flowchart LR
S3["<center>03. 習得<br><font size='4'>知識取得・テンプレ活用</font></center>"]:::stepNode
classDef stepNode fill:#D4E2D4,stroke:#1A3D60,stroke-width:2px,color:#1A3D60,rx:10,ry:10,padding:40px,font-weight:bold;
🔰 基本を学ぶ(初めての方向け)
GovTech Expressの基本(概念・手続き作成・データ確認)