プログラム設計図であるHCPチャートをコンピュータ上で効率的に作成するためのシステムについて述べる.HCPチャートはソフトウェア開発の設計工程で用いられている.元来,HCPチャートは手書きにより作成されていたが,最近では専用のタグからチャートを生成するシステムも提案されている.本稿では,HTML5とJavaScriptによる直感的編集システムを提案する.HCPチャートは,処理や繰返し,分岐といった意味を持った表現要素と変数を表すデータ要素,変数の参照・代入を示す線で構成される.全ての要素は,GUI編集画面上でWYSIWYG的に作成することができる.本システムにより,ユーザは簡単にかつ直感的にHCPチャートを作成することができる.また,複数人でチャートを作成するための機能についても提案する.