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

はい、LPはClaude Codeの得意分野ですよ！

• 10分以内に6パターンのデザイン違いLPを同時生成できます（スマホ対応・問い合わせフォーム・FAQ付き）

• プロンプトは日本語で「〇〇向けのLPを作って」と書くだけ。プログラミングの知識はまったく不要です

• デザインが気に入らなければ「もっとスタイリッシュに」と一言言うだけで即修正してくれます

今日のセミナーの実演でも実際にLP生成をお見せしますので、ぜひ楽しみにご覧ください！

Claude Codeでのデザインは、日本語で伝えるだけで驚くほど自由に作れますよ。

• 「シンプルでモダンなデザイン」「和風テイストで温かみのある雰囲気」など、言葉でイメージを伝えるだけでClaude Codeがコード化してくれます
• LP・HP・バナーなどは 「◯◯のイメージで6パターン一気に出して」と指示するだけ で複数デザイン案を同時生成できます（あとは好みを選ぶだけ）
• 「もっと余白を増やして」「ボタンの色を青に」のように日本語で細かく修正指示を出すだけで、どんどん仕上がっていきます
• 課題2〜3で実際にWebアプリやホームページを作るので、そこで手を動かしながら自然とデザインの感覚が身につきますよ

難しく考えなくて大丈夫です。センスや知識よりも「どんな雰囲気にしたいか」を言葉にする力が全てです。まずは課題ページのプロンプトをそのまま貼って、実際に動かしてみてください！

今朝のポストからこちらへ来てくれたんですね、ありがとうございます！タイミングよく来てくださって嬉しいです。今日の実演、楽しみにしていてください。

速度と品質のバランスが一番良いから、というのが正直なところです。

• Opusは高精度ですが処理が遅く、並列で複数セッションを走らせるセミナーのデモには向きません
• Sonnet（最新版）は速くて品質も十分で、実務のほとんどのタスクはこれで完結します
• モデルの差よりも「何を指示するか・どう設計するか」の方が成果に圧倒的に影響します

Claude 3.5あたりからモデル間の品質差はほぼなくなっていて、「OpusかSonnetか」は東大生か早稲田生か程度の違いです。どちらでも十分一流。まずはSonnetで手を動かしてみてください！

Canvas や Miricanva（Milanote のことでしょうか？）については、Claude Code との直接的な公式 MCP 連携は現状まだ限定的です。

• Canvas（Canva のことであれば）は API が整備されてきており、Claude Code から画像や素材を呼び出したり、デザインを自動生成する方向での活用が研究されています。ただし今のセミナーでの実演では、画像生成は Claude Code → fal.ai → gpt-image-2 の経路 で行っていますので、まずはこちらをぜひ体感してみてください。

• Milanote（ビジュアルボード系ツール）については、API 連携の方法を Claude Code に調べさせることで、接続の糸口を探ることができます。

• どちらも「MCP が整備されていないツール」は、Computer Use（AI による画面直接操作）で代替する方法もあります。

• 具体的に「このツールでこういうことをしたい」という目的をチャットに書いていただけると、より具体的な方法をご案内できますよ。

今日からまず Claude Code の基本フローに慣れていただくと、他のツールとの連携もスムーズに広げていけますよ！

Claude Codeはスライド用の図解も作れますよ！

具体的な方法はこんな感じです。

• HTMLやSVGで図解を生成するよう指示するのが一番手軽です。「シンプルでわかりやすいフローチャートをHTMLで作って」のように伝えるだけでOK。
• 「凝り過ぎないデザインで」「余白を多めに」「色は2〜3色まで」など、ざっくりした言葉で好みを添えるだけで意外とイメージ通りになります。
• 出来上がったHTMLをブラウザ（Chrome・Safari・Edgeなど）で開いてスクリーンショットを撮れば、そのままスライドに貼り込めます。

「シンプルに」「わかりやすく」という方向性さえ渡せば、細かいデザインはClaude Codeが気を利かせてくれますよ。ぜひ試してみてください！

▶ スクショの投稿はこちら → お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html

それでも解決しない場合も、後日 #ユニコスクール のスタッフが Zoom の画面共有でマンツーマン伴走サポート（毎月50時間以上）を行っています。一人で抱え込まなくて大丈夫、ぜひご参加ください＝必ず一緒に解決します。

ご提案ありがとうございます。画面が見づらくて申し訳ありません。

• ワイプの位置については、放送の状況に合わせて 両端へ移動 できるよう、スタッフに共有して対応を検討します。
• 実演中に「ここの指示が見たい」というタイミングがあれば、その都度チャットで教えていただけると、画面を調整しやすくなります。
• また、セミナー後に録画・資料 でも確認いただける形を整えていますので、見逃した指示文はそちらでもフォローできますよ。

より快適にご覧いただけるよう努めます。引き続きよろしくお願いします！