ChatGPT 5.4 Canvas でガントチャートが作成できるか試してみました。
概要
Gemini 3.1 Pro Canvas でガントチャート作成と同様に、ChatGPT 5.4 Canvas でガントチャート作成を試してみました。
いろいろパーツの重なりが多く、修正するにしても苦労しそうだと感じました。
最初の生成プロンプトからやり直したところ、パーツの重なりも無くガントチャートが表示された。
プロンプト次第で生成されるものが変わるが、たいして違いのないプロンプトでもデザイン・機能が変わるようです。
- 初期段階のガントチャート
- 担当、開始、終了、進捗の表示がズレている
- 表示がズレの解消を依頼した結果
- 左側のタスク情報と日付欄が重なっている
- 2度目の生成
- 最初から作り直すとズレも無く、きれいに表示された
１度目に生成されたガントチャート
機能
タスク情報の編集は、左のタスク名、担当、開始、終了、進捗を直接変更できる。
進捗は、スクロールバー？を操作。
タスクを追加すると、いきなりタスク行が追加される。
プロンプト
Gemini版のガントチャートと合わせたいので、react + tailwindcss を指示。
タスクを管理するガントチャートを作成したい
react + tailwindcss
コード
指示通り react で生成された。
tailwindcss を import していないが、クラス名は tailwindcss っぽい。
２度目に生成されたガントチャート
機能
タスク情報の編集は、鉛筆マークをクリックしてダイアログ表示。
進捗は、数字入力。
プロンプト
ちょっとだけ丁寧に依頼
タスクを管理するガントチャートを作成したい
react + tailwindcss を使ってコードを作成して
コード
こちらも指示通り react で生成された。
tailwindcss を import していないが、クラス名は tailwindcss っぽい。
Canvas でのエラー修正
コンソール欄でエラー部分をクリックすると、「バグを修正する」が表示されてクリックすると、プロンプトに適用される。
