
画像: Pexels
【AI駆動開発】AIに「図を描いて」と頼むと“それっぽいけど使えない図”が出てくる問題を、draw.io生成スキルで倒した
ニュース概要(出典記事の要点)
はじめに 受託開発やSESの現場にいると、とにかく「図」を作る場面が多いんですよね。 業務フロー図、システム構成図、ER図、シーケンス図、画面遷移図、体制図、CI/CDパイプライン……。設計書のページをめくるたびに図、図、図。しかもこれ、お客様に出す資料だったりするので、...
※ 上記は出典記事の要約です。本サイト独自の分析・背景解説は下記をご覧ください。
解説
システム開発の現場では、プロジェクトの進行に欠かせない「図」がたくさんあります。例えば、業務の流れを示すフロー図や、システムの全体像を表す構成図、データベースの構造を示すER図など、数え上げればきりがありません。これらの図は、開発チーム内での認識合わせはもちろん、お客様にプロジェクトの内容を説明するためにも非常に重要な役割を果たします。
ところが、この図の作成がなかなか大変なんです。特に、細かく複雑なシステムになればなるほど、図も複雑になり、作成には時間と手間がかかります。最近では、AI(人工知能)を使ってこの作業を効率化しようという動きも出てきました。AIに「こんな図を作ってほしい」とお願いすると、それっぽい図をサッと作ってくれる、というイメージですね。
しかし、ここで一つの課題が浮上しました。AIが作った図は、一見するとそれっぽく見えるのですが、実際に開発現場で使えるかというと、そうでもないことが多いのです。細部の正確さや、業界特有の表現、あるいはプロジェクト固有のルールなどが反映されていないため、結局は人間が手直しする必要が出てきてしまいます。これでは、かえって手間が増えてしまうことも。
そんな中で、今回注目したいのが、「draw.io」というツールをAIと組み合わせる新しい方法です。draw.ioは、プログラマーやデザイナーがよく使う、図形作成に特化したオンラインツールです。このツールは、様々な種類の図形や記号が豊富に用意されており、直感的な操作でプロフェッショナルな図を作成できます。AIに直接図を描かせるのではなく、AIにdraw.ioで使える形式の情報を生成させ、それをdraw.ioで読み込んで図として完成させる、というアプローチです。
これは例えるなら、AIに「料理のレシピ」を作ってもらうようなものです。AIが直接料理を作るのではなく、「材料と手順」という具体的な指示書(draw.ioのデータ)を出力し、それを人間が「調理器具」(draw.io)を使って形にする、というイメージです。こうすることで、AIの素早い情報生成能力と、draw.ioの持つ正確な図形表現能力を組み合わせ、より実用的な図を効率よく作れるようになるわけです。
この方法は、AIの得意な「情報の整理と生成」と、人間の得意な「最終的な調整と確認」をうまく組み合わせた好例と言えるでしょう。単にAIに丸投げするのではなく、それぞれの強みを活かすことで、これまでの図作成の悩みを解決する糸口になるかもしれません。特に、受託開発のように、お客様への説明資料が多く発生する現場では、このような効率化は大きな意味を持ちます。
関連データ
ニュースタイムライン
2026年6月19日
【AI駆動開発】AIに「図を描いて」と頼むと“それっぽいけど使えない図”が出てくる問題を、draw.io生成スキルで倒した - Qiitaはてなブックマーク IT
2026年6月25日
NotebookLMで要件定義が楽になった話 ― 仕様駆動開発(SDD)の前段を整える - WHITEPLUS TechBlogはてなブックマーク IT
2026年6月28日
「逆境を進化に変えよ」 アスクル社長、ランサム被害をバネに進めるAI駆動開発を語る(アスキー)Yahoo!ニュース IT
2026年6月30日
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approachはてなブックマーク IT
2026年7月6日
三菱UFJ銀行や日本IBMなど4社、AI駆動開発による金融システム変革に向けた戦略提携(ビジネス+IT)
参考引用
“とにかく「図」を作る場面が多い
― Qiita 人気記事
“それっぽいけど使えない図
― Qiita 人気記事
記事AI質問チャット
PREMIUMこの記事についてAIが質問に答えます。背景・要約・影響まで深堀り。
ログインして利用関連記事
こんな記事も読まれています
この記事について疑問がありますか?
事実誤認や不適切な内容について通報できます (要ログイン)。
異議申し立て・通報












