読み飛ばしてください
おはようございます、しなもんです。
プレゼンや文書、教育資料など、様々な場面で説明用の図は重要ですよね。
Qiitaの記事を書く上でも、図があると非常に助かります。
そんな図ですが、draw.ioやFigmaは事前知識が必要だったり、
多少デザインの知識を必要とするので、すぐに描きたい時に書けない人もいるのではないでしょうか？
そこでこの記事では、生成AIの一つであるClaudeで図を生成してみます。
何故Claude
GPTやStable Diffusion等の他のモデルと異なり、Claudeは理論的な図の生成に長けているため、
svgなどの図を生成することができます。
user
ブランチの仕組みや流れを説明するために使う図をsvgとして生成してください。
claude
GitHubのブランチの仕組みと流れを説明する図をSVGとして生成いたします。(以下略)
これはArtifactsという機能で、会話をしながらファイルを共同制作することができます。
2024年7月現在、ある程度は無料で使えます。
作れる図とプロンプト表
フローチャート
user
次のプロセスをフローチャートで表現してください：
1. 開始
2. 注文を受け取る
3. 在庫確認
4. 在庫があるか？ (Yes/No)
Yes の場合：出荷準備
No の場合：発注
5. 顧客に連絡
6. 終了
マインドマップ
user
『デジタルマーケティング』をテーマにしたマインドマップを作成してください。主要な枝として『SEO』、『ソーシャルメディア』、『コンテンツマーケティング』、『メール配信』を含めてください。
mindmap
root((デジタルマーケティング))
SEO
オンページSEO
コンテンツ最適化
メタタグ
URL構造
オフページSEO
バックリンク
ソーシャルシグナル
技術的SEO
サイト速度
モバイル対応
構造化データ
ソーシャルメディア
プラットフォーム
Facebook
Twitter
Instagram
LinkedIn
コンテンツ戦略
エンゲージメント
ハッシュタグ
広告
ターゲティング
リターゲティング
コンテンツマーケティング
ブログ
動画
インフォグラフィック
eBook
ポッドキャスト
戦略
キーワードリサーチ
コンテンツカレンダー
メール配信
リスト構築
セグメンテーション
自動化
パーソナライゼーション
A/Bテスト
メトリクス分析
組織図
user
次の役職を含む小規模企業の組織図を作成してください：
CEO
営業部長（営業担当2名）
技術部長（エンジニア3名）
財務部長（経理担当1名）
ER図
user
オンライン書店のデータベース設計のER図を作成してください。『ユーザー』、『書籍』、『注文』、『著者』のエンティティを含め、それぞれの関係を示してください。
シーケンス図
user
ユーザーがECサイトで商品を購入する際のシーケンス図を作成してください。『ユーザー』、『Webサーバー』、『データベース』、『決済システム』の間のやり取りを含めてください。
ガントチャート
user
Webサイトリニューアルプロジェクトのガントチャートを作成してください。以下のタスクを含めてください：
要件定義（1週間）
デザイン（2週間）
フロントエンド開発（3週間）
バックエンド開発（3週間）
テスト（1週間）
リリース（1日）
さいごに
Claudeはいいぞ。