0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude でガントチャート作成(CLI版)

0
Last updated at Posted at 2026-03-11

Claude CLI を使ってガントチャートが作成できるか試してみました。
参考: Claude でガントチャート作成(VSCode版)

概要

Claude CLI で、ガントチャート作成してみます。
チャットで作成した場合よりも、いろいろ要件を聞いてきます。

2026-03-11_19h45_09.png

  • 操作例

2026-03-11_19h51_15.gif

開発環境

Claude CLI をインストールして、PowerShell で claude を起動します。

2026-03-11_19h54_17.png

開発手順

ガントチャートを作成するフォルダーで、ガントチャートを作成する指示を行うと、作成に必要な要件を聞いてくるので、それに答えていきます。

新しくガントチャートアプリを - React + Vite + Tailwind CSS で作成したい

2026-03-11_20h00_28.png

  • コード作成中

2026-03-11_19h40_20.png

  • npm でインストール確認

2026-03-11_19h41_04.png

  • 実装完了

2026-03-11_19h42_52.png

  • ガントチャートを起動 npm run dev
    • PwerShell のコマンドをそのまま入力できる

2026-03-11_20h04_09.png

作成したコード

JS で構築されていました。

2026-03-11_20h06_12.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?