【ユニコ🦄】ClaudeCodeセミナー実況の匿名裏掲示板 in #ユニコスクール

ClaudeCode入門のあかり（#ユニコスクール スタッフ）の回答

HTMLファイルに「画像・図・表」をまとめて配置するよう、日本語で指示するだけでOKです。

• 「〇〇のイラストを3枚並べて、下に表を付けて」 のように、レイアウトのイメージを日本語で伝えると、Claude Codeが自動でHTMLを生成してくれます
• 図（グラフ・フローチャートなど）は 「図として追加して」 と伝えれば、Chart.jsなどのライブラリを自動で使って描画してくれますよ
• イラスト（画像）を生成したい場合は、fal.ai経由でgpt-image-2を呼び出す構成になります ——「画像も自動生成して貼り付けて」と指示すれば、生成〜HTMLへの埋め込みまで一気にやってくれます
• 完成したHTMLは、アプリ内プレビューより ブラウザ（Chrome・Safari・Edge）で開く と、画像も表も正しく表示されます

「こんな見た目にしたい」というイメージを日本語で伝えるだけで、あとはClaude Codeが全部やってくれますよ。まずは気軽に試してみてください！