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

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3の完了、おめでとうございます！

ホームページ課題まで到達できたこと、それだけで十分すごいです。

• ここまで来たということは、Claude Codeの基本的な使い方がしっかり身についてきている証拠です
• ぜひ完成したページをじっくり眺めて、「自分が作った」という感覚を味わってみてください
• 次の課題も同じ調子で、気軽に進んでいきましょう

一歩一歩の積み上げが、一番の近道ですよ。

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

お疲れさまです！課題3のホームページ、完了おめでとうございます🎉

ここまで進めてこられたこと、本当に素晴らしいです。

• 課題3まで来ると、Claude Codeで実際に動くWebページを自分の手で作り切る感覚が掴めてきますよ
• この「作り切った」という体験の積み重ねが、実務でも迷わず手を動かせる力になっていきます
• 次の課題もこの調子で、ぜひ楽しみながら進めてみてください！

一歩一歩が確実に力になっています。この先もぜひ一緒に進んでいきましょう！

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3の完了、おめでとうございます！

ホームページ制作まで仕上げられたのは、大きな一歩です。

• ここまでできれば、あとはプロンプトの精度を上げていくだけです
• 気になる点や「もっとこうしたい」があれば、どんどんClaude Codeに追加指示を出してみてください
• 次の課題もこの調子で進めていきましょう！

今日から動ける人が、一番有利ですよ。

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！

ホームページ制作まで進められたこと、素晴らしいです。

• 実際に手を動かして完成させる体験が、一番の近道です
• 課題ごとに着実にステップを踏んでいただくことで、確実に力がついていきます
• 次の課題も同じ調子でどんどん進めてみてください

今日の一歩が、大きな自信につながりますよ。

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3の完成、おめでとうございます！🎉

ホームページまで仕上げたのは、本当に大きな一歩です。

• 課題を通じて『手を動かす感覚』が身につくと、次からの指示出しがどんどん速くなりますよ
• 完成した成果物はぜひ自分のブラウザで開いて、実際に動く姿を確認してみてください
• 気になる点や詰まったところがあれば、チャットに遠慮なく書いてくださいね

この調子でどんどん進めていきましょう！

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

古民家カフェのホームページ、素晴らしいテーマ選びですね。

• 地元の実在するお店をモデルにすると、ターゲットや雰囲気が具体的になって、Claude Codeへの指示もぐっと書きやすくなります
• 完成した後はスマホでの見た目（レスポンシブ）もブラウザで確認してみてください
• 「もっとおしゃれにして」「和の雰囲気を強調して」など、追加指示で何度でもブラッシュアップできますよ

課題3をクリアしたこの調子で、どんどん前に進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

ぜひ詳細を教えてください！

• どんなサイトを作ったか（業種・コンセプト・ページ構成など）
• 工夫した点や、うまくいったこと
• 使ったプロンプトのポイント

チャットに書いてもらえれば、みんなの参考にもなりますし、より具体的なフィードバックもできますよ。

一つ完成させた経験は、次の課題でも必ず活きます。ぜひシェアしてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ完成、素晴らしいです。

ぜひ続きも教えてください！

• どんなテーマ・業種のサイトを作ったか
• こだわったデザインや機能のポイント
• 使ったプロンプトの工夫

ここに書いてもらえると、他の参加者の参考にもなりますし、僕も見てフィードバックできます。

次は課題4（Webサービスを作る）が待っていますよ。このまま勢いで進んでいきましょう！

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

おめでとうございます！🎉

課題3のホームページ完成、本当にすごいです！

• 自分でゼロから作ったホームページ、ぜひブラウザで開いて見てみてください。プレビューより綺麗に表示されますよ
• 次はいよいよ課題4のWebサービス制作です。ここまで来たら勢いそのままで進んでいきましょう！

今日の一歩、ちゃんと前進しています。このまま突き進んでください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉 課題3のホームページ完成、素晴らしいです！

ぜひ下の欄に教えてください：

• どんなサイトを作ったか（テーマ・業種・イメージなど）
• 工夫した点や使ったプロンプト（どんな指示を出したか）

他の参加者の方にとっても、とても参考になりますよ。

次は課題4のWebサービス制作が待っています。今日のペースで進めれば、きっとすぐに到達できます。引き続き頑張ってください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

ホームページの完成、素晴らしいです。

• 課題3まで進められたこと自体、大きな一歩ですよ
• 次は課題4のWebサービス制作が待っています。ぜひ同じ勢いで挑戦してみてください
• できた成果物はぜひブラウザ（Chrome・Safari・Edgeなど）で開いて、見映えを確認してみてくださいね

今日の体験を糧に、どんどん前に進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）の完走、おめでとうございます🎉

10分程度でスマホ対応のホームページが仕上がる体験、初めて触れると驚きますよね。

次は課題4のWebサービス制作です。

• 課題3で使ったフォルダとClaude Codeの操作感はそのまま活かせます
• プロンプトをそのまま貼るだけでOKなので、ぜひ勢いそのまま進んでみてください

今日の勢いで最後まで駆け抜けましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ、完成ですね。素晴らしいです！

• 完成したページはブラウザ（Chrome・Safari・Edge）で開いて、表示や動きを確認してみてください
• 気になる点や追加したいことがあれば、Claude Codeに日本語でそのまま伝えるだけで改善できますよ
• 次はいよいよ課題4のWebサービス制作です。ぜひ勢いそのままに進んでみてください！

今日から手を動かした経験が、一番の財産になりますよ。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

工夫した点と質問、ぜひ具体的に書いてみてください。

• どんな配色やレイアウトにしたか、どこを試行錯誤したかを教えてもらえると、より的確にフィードバックできます
• 質問は遠慮なくどんどん投げてください。詰まったところはその場で一緒に解決しましょう
• 課題3はホームページを作る課題です。完成まで動かした経験がそのまま次の課題4（Webサービス制作）への土台になりますよ

一歩踏み出して動いた事実が、一番大事です。今日から本番ですね！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）の完了、おめでとうございます！🎉

ここまで進めてくださったこと、本当に素晴らしいです。

• 課題3では、Claude Codeにプロンプトを渡すだけで、スマホ対応済みのホームページが10分以内に生成されたかと思います
• デザインのパターン比較や、問い合わせフォームの追加など、気になる改修があればどんどん試してみてください
• プレビューで表示がうまく出ない場合は、ご自身のブラウザ（Chrome・Safari・Edgeなど）でHTMLファイルを開いてみてください

次はいよいよ課題4（Webサービスを作る）です。ここまで来たら、もう十分動ける力がついていますよ。ぜひ勢いのまま進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページが仕上がった瞬間の達成感、ぜひ味わってください。

• 課題3で作ったホームページは、そのまま実務でも使えるクオリティです
• デザインの調整や追加ページも、Claude Codeへの一言で対応できますよ
• 次の課題4（Webサービス制作）では、さらに動的な仕組みを体験できます

今日動かした手の感覚を忘れないうちに、ぜひ課題4へ進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ完成、素晴らしいです！

• 自分の手で作り上げた体験は、何よりの学びになります
• 完成したHTMLファイルは、ブラウザ（Chrome・Safari・Edge）でも開いてみてください。プレビューより本来の見た目でしっかり確認できますよ
• 次はいよいよ課題4（Webサービス）です。同じ流れで進めるだけなので、ぜひ勢いそのままに取り組んでみてください

今日この一歩が、大きな自信につながります。このまま突き進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページが実際に形になった瞬間って、本当に気持ちいいですよね。

• 課題3で作ったページは、そのままポートフォリオや営業ツールとしてすぐ使えます
• デザインや文章をさらに自分好みに追加指示してみると、どんどん育てられますよ
• 課題4のWebサービス制作も、今の勢いでぜひ続けてみてください

今日手を動かした経験が、一番の財産です。この調子で進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

「何もしなかったけどできた」——それがClaude Codeの本質なんです。

• 日本語で指示を渡すだけで、コードも構造も全部AIが考えてくれる
• 「手を動かす」より「何を作りたいか」を伝える力の方が大事
• それを初回でちゃんと体感できたのは、大きな一歩ですよ

質問したいことがあれば、ぜひそのままチャットに書いてください。どんな小さなことでも遠慮なくどうぞ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ、完成ですね！

• ここまで来たらあとは課題4のWebサービス制作が待っています
• 課題3で作ったホームページの感覚を活かして、そのまま突き進んでください
• プログラミング知識ゼロでもここまで作れる——それがClaude Codeの本領です

課題4もぜひ楽しんで取り組んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ完成、素晴らしいです！

ここまで来たら次は課題4のWebサービス制作が待っています。

• 課題3で作ったホームページを見返して、追加したい機能や改善点を考えてみてください
• 課題4ではさらに本格的なWebサービスを作っていきます

一歩一歩着実に進んでいますよ。このまま続けていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ完成、素晴らしいです！

• ぜひ完成したページを眺めて、自分が作ったという実感を味わってみてください
• 気になるところがあれば、Claude Codeに「ここをこう直して」と一言伝えるだけでどんどん改善できますよ
• 次は課題4のWebサービス制作が待っています。同じ流れで進められるので、ぜひ勢いそのままに挑戦してみてください

今日から「自分でWebサービスを作れる人」になった瞬間です。このまま突き進んでいきましょう！

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

ホームページ、完成おめでとうございます！

• 課題3まで来たということは、もうご自身の手で実際のWebサイトを作り上げたということです。素晴らしいですよ。

• 次は課題4のWebサービス制作です。作業フォルダを開いて、用意したプロンプトを貼り付けるだけで次のステージに進めますよ。

• 詰まったり疑問が出てきたら、遠慮なくチャットに書いてください。

この調子でどんどん進めていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページ、しっかり仕上がりましたね。

• 課題4（Webサービス制作）もぜひ続けて挑戦してみてください
• どんな仕上がりになったか、ぜひチャットで教えてもらえると嬉しいです

一歩一歩着実に進んでいる、それが一番大事ですよ。この調子で課題4も楽しんでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3クリア、おめでとうございます！🎉

ホームページが完成した、ということは「指示を出すだけでプロ品質のサイトが作れる」を体で実感できた段階ですよ。

• デザイン6パターンの比較出力や、スマホ対応済みのページが日本語の指示だけで生まれたはずです
• その感覚こそが、次の課題4（Webサービス制作）でも全部活きてきます

次のステップもそのままの勢いで進んでみてください。応援しています！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3クリア、おめでとうございます！🎉

ホームページ、完成できましたね。

次はいよいよ課題4＝Webサービス制作です。

• 課題3で身につけた「フォルダ指定→プロンプト貼り付け→生成」の流れがそのまま活きます
• 課題4もプログラミング知識は一切不要、日本語の指示だけで進められますよ
• 困ったことがあればチャットに気軽に書いてください

ここまで来たら、もうエンジンがかかっています。そのまま勢いで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！🎉

リンク先ページの作り方はとてもシンプルです。

• Claude Codeに「このホームページに〇〇ページを追加して、ナビゲーションからリンクを繋いで」と日本語で指示するだけで、新しいHTMLファイルを自動生成してリンクまで設定してくれますよ
• ページ数に制限はないので、「サービス紹介」「会社概要」「お問い合わせ」など必要なページをまとめて指示してしまうのが効率的です
• 作った後に「全ページのリンクが正しく繋がっているか確認して」と指示すれば、漏れもチェックしてくれます

プレビューでリンクが動かない場合は、ブラウザ（Chrome・Safari・Edge）でHTMLファイルを直接開いてみてください。ちゃんと動くはずです！

課題4のWebサービスも、この調子でどんどん進めていきましょう😊

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）の完成、おめでとうございます！🎉

本当に素晴らしいです。 手を動かして実際に完成させた経験は、これから先の大きな財産になりますよ。

次はいよいよ課題4（Webサービス制作）です。

• 課題3で掴んだ感覚をそのまま活かして、今度はさらに一歩踏み込んだWebサービスを作っていきます
• 「作れる」という自信が一番の武器ですので、そのままの勢いで進めてみてください

今日から触れば、どんどん手が動くようになっていきますよ。引き続き一緒に頑張りましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ、完成おめでとうございます！🎉

素晴らしいスピードですね。 ここまで来たら次はいよいよ課題4＝Webサービス作成です。

• 課題3と同じように、作業フォルダを用意してClaude Codeの『Code』タブでフォルダを指定するだけです
• 用意されたプロンプトを貼って送信すれば、あとはClaude Codeが自律的に動いてくれますよ

この調子でどんどん進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完成おめでとうございます！🎉

ホームページが完成した、ということは「自分の手でWebサイトを作れる人」になったということです。

• 課題4（Webサービス）はさらに一歩進んだ内容になります。ぜひそのままの勢いで進んでみてください
• 完成したホームページは、ぜひブラウザ（Chrome・Safari・Edge）で開いて実際の表示を確認してみてくださいね

今日一歩動いたことが、一番の財産ですよ。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

お疲れさまでした！🎉

課題3のホームページ完成、すごいですよ！

• ここまで来たら、いよいよ次は課題4のWebサービス制作です
• 課題3で作ったホームページ、ぜひブラウザ（Chrome・Safari・Edge）で開いて実際に動きを確認してみてください
• プレビューで見るより、ブラウザで開いた方がデザインも動きも正しく表示されますよ

今日手を動かして完成させた体験が、いちばんの財産です。このまま課題4も一気に進めてみてください！

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！不動産投資の集客サイト、すごいですよ。

プロンプトを自分で一から書けるようになることは、最初から目指さなくて大丈夫です。

• 最初はコピペ活用で全然OKです。大事なのは「どんな成果物を作りたいか」というゴールを日本語で伝える力であって、プロンプトの文法を暗記することではありません
• プロンプト力の本質は国語力です。「何を作ってほしいか」「どんな状態がゴールか」を明確に言語化できれば、それがそのままプロンプトになります
• 課題を重ねるうちに「あ、こう書いたらAIが動いた」という感覚が自然に積み上がっていきます。今は成果物を作りながら体で覚えていく段階で十分です
• コピペしたプロンプトを「なぜこう書くのか」と少しずつ読み解いていくだけで、着実に力がついていきますよ

今日ホームページを一つ完成させた、それが一番の前進です。このまま次の課題も進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！課題3のホームページ、お疲れ様でした。

• トークンがたくさんかかった＝それだけ中身の濃いホームページを作った証拠でもありますよ
• ネット回線が遅い時間帯は、レスポンスに時間がかかることがあります。気になる場合は時間帯を変えて試してみてください
• 質問は遠慮なくこのチャットに書いてくださいね。何を聞きたいか、具体的に教えてもらえればすぐ対応します

課題3まで進んだこと、それ自体が大きな一歩です。この調子で課題4も一緒に進めていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3クリアおめでとうございます！🎉

ホームページが完成したということで、素晴らしい一歩です。

• 課題3は「ホームページを作る」課題です。完成したページをぜひブラウザで開いて、デザインや動きを確認してみてください
• プレビューで表示がおかしい場合は、ChromeやSafariなどご自身のブラウザで開くと正しく表示されますよ
• 次はいよいよ課題4「Webサービスを作る」です。ここまで来たら勢いそのままに進んでみてください！

今日から自分の手でWebをつくれる人になりましたね。このまま突き進みましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！🎉

素晴らしい一歩です。

• 課題3まで来ると、Claude Codeで実際に形あるものを作る感覚がだいぶ掴めてきたはずです
• 次はいよいよ課題4のWebサービス制作に挑戦です
• 課題3と同じように、作業フォルダを開いてプロンプトを貼るだけで大丈夫ですよ

今日ここまで進んだ勢いのまま、ぜひ課題4も進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！課題3のホームページ完成ですね🎉

• エアコン修理業者のHPは、問い合わせフォーム・料金目安・対応エリアなどを盛り込むと実用的な仕上がりになりますよ。
• 工夫した点や気になった点があれば、ぜひこのチャットに書いてみてください。一緒に確認します。
• プレビューで見た目がおかしい場合は、Chrome・Safari・Edgeなどご自身のブラウザで開くと正しく表示されますよ。

課題4（Webサービス制作）もぜひ続けて挑戦してみてください。勢いそのままに進めるのが一番伸びる道です！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ、完成ですね！

• ここまで来たら、次はいよいよ課題4＝Webサービスを作るステップです
• 課題3で身につけた「フォルダ指定→プロンプトを貼って送信」の流れがそのまま活きますよ
• 詰まったところがあればチャットに書いてください、すぐ拾います

課題4も楽しみにしていてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ、完成おめでとうございます！🎉

素晴らしいですね。いよいよ次は課題4のWebサービス制作です。

• 課題3で培ったHTML・デザインの感覚がそのまま活きますよ
• 課題4も同じく、作業フォルダを開いて用意のプロンプトを貼るだけでOKです
• どんどん手を動かしていきましょう！

課題4まで完走すれば、もう立派なWebサービスが手元にありますので、ぜひこの勢いで進めてみてください！

スクール案内のゆい（#ユニコスクール スタッフ）の回答

課題3、完成おめでとうございます🎉

ホームページができた瞬間って、初めて見るとやっぱり感動しますよね。

次は課題4のWebサービス制作が待っています。

• ここまで来たら課題4も同じ流れで、フォルダを用意してプロンプトを貼るだけです
• 作るものがぐっとスケールアップして、さらに面白くなりますよ

勢いそのままに、ぜひ進めてみてください！

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

おめでとうございます！課題3のホームページ完成、素晴らしいです！

• 課題3まで進んだということは、インストール・課金（課題1）→シューティングゲーム（課題2）と着実に積み上げてきた証拠ですよ。
• 完成したホームページは、ぜひ自分のブラウザ（Chrome・Safari・Edgeなど）で開いてみてください。プレビューより本来の姿がきれいに見えますよ。
• 次はいよいよ課題4のWebサービス制作です。ここまで来たら、ぜひそのまま勢いで進んでみてください！

今日動いたこと、それ自体が一番の資産になります。この調子で行きましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

名古屋のラーメン屋まとめサイト、素晴らしいテーマですね。

• 工夫した点や質問があれば、ぜひこのチャットに続けて書いてみてください
• 「こういうデザインにしたい」「この機能を追加したい」など、どんな小さなことでもOKです
• 課題4（Webサービス制作）もぜひ楽しみにしていてください

手を動かして実際に完成させた経験が、一番の財産になりますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページが実際に形になった瞬間は、初めて見ると本当に驚きますよね。

• 課題4（Webサービス）もぜひそのままの勢いで進めてみてください
• 困ったことがあれば課題ページ（kadai.html）の #support からいつでも声をかけてくださいね

完成した達成感を次の一歩に変えていけますよ。このまま突き進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

バズり動画集のホームページ、さっそく課題3まで進めてくれてありがとうございます。

• 完成させること自体が一番大事な第一歩です。まずそこを自信にしてください
• 「工夫した点なし」でも全然OK。最初は動かすことが正解です
• 次は課題4（Webサービス）に進むも良し、今のHPをもっとブラッシュアップするも良し
• 「もっとこうしたい」と思ったら、Claude Codeにそのまま日本語で伝えてみてください。すぐ反映されますよ

今日手を動かしたこと、それ自体がすでに大きな一歩です。ぜひこの調子で続けていきましょう！

学習法・マインドのさき（#ユニコスクール スタッフ）の回答

課題3（ホームページ）、完了おめでとうございます！🎉

素晴らしいスピードですね。

• 課題3で作ったホームページ、プレビューで画像や動きが出ない場合はご自身のブラウザ（Chrome・Safari・Edge）で開いてみてください。ブラウザで開けば正しく表示されますよ。
• 次はいよいよ課題4（Webサービス制作）です。同じフォルダにClaude Codeで指示するだけで進められますので、ぜひこの勢いのまま続けてみてください！

今日から動いた一歩が、一番大きな一歩ですよ。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

はい、画像もClaude Codeがそのまま自動生成できますよ！

• Claude Codeが画像生成の指示を受けると、fal.ai経由でgpt-image-2（OpenAIの画像生成モデル）を呼び出して画像を作り、ローカルに保存してそのままHTMLに組み込みます。

• 「店舗の外観イメージ」「商品の雰囲気写真」「バナー画像」など、テキストで指示するだけで店舗紹介サイトに合ったビジュアルをまとめて生成できます。

• 掲載する実素材がまだ無い段階でも、AIが生成した画像でビジュアルを埋めて完成形に近づけられるので、まずは「この雰囲気でお願い」とひと言添えて試してみてください。

課題3のホームページ完成、おめでとうございます。そのままどんどん磨いていけますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！🎉

まずは手を動かして完成まで持っていったこと自体が、一番大切な一歩です。

• 追加依頼の内容やご質問は、この欄に続けて書いていただければ確認してお答えします
• 「こう変えたらもっとよくなった」「ここで詰まった」という気づきも、ぜひ共有してください
• 課題4（Webサービス制作）へも同じ流れでそのまま進めますよ

完成の勢いのまま、次の課題も楽しんでいきましょう！

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

課題3クリア、おめでとうございます！

ホームページが完成した瞬間の達成感、最高ですよね。

• 課題4（Webサービス制作）もぜひそのまま勢いで進めてみてください
• 「作れた」という体験が、次の一歩をぐっと楽にしてくれますよ
• 完成したページ、ぜひ自分のブラウザで開いて眺めてみてください。思った以上の仕上がりにきっと驚くはずです

今日動いたこと、本当に素晴らしいです。このまま走り続けましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます🎉

課題3のホームページ完成、素晴らしいです！

次はいよいよ課題4——課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）です。

• 課題3のホームページが「表の顔」なら、課題4はその裏側を動かすエンジン部分
• プロンプトを貼って送信するだけで、本格的なWebサービスの仕組みが完成します

この調子でどんどん進めていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

和太鼓の販売ホームページ、完成おめでとうございます！🎉

お問い合わせフォームまで追加されたのは素晴らしいですね。

• 課題3はホームページを作るステップですが、そこに自分でアレンジを加えられたのが何より大きな一歩です
• お問い合わせ機能があると、実際に訪問者がアクションを取れるサイトになりますよ
• 次の課題4では、このホームページの裏側で動く業務アプリ（モック）を作っていきます

和太鼓という個性的なテーマで作られたHP、ぜひ課題4でもその世界観を活かしてみてください！

スクール案内のゆい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ、完成ですね！

ここまで来たら、いよいよ課題4です。

• 課題4では、課題3で作ったホームページの裏側で動く業務アプリのモックを作ります
• いわゆる「Webサービスの仕組み」を体験できる内容ですよ

そのままの勢いで、ぜひ進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完成おめでとうございます！🎉

OEM商品サイトで、しかも法人向け対応まで追加依頼されたとは、すごい応用力ですね。

• OEM商品HPは、商品ラインナップや発注フロー・最低ロット数などの情報を整理してClaude Codeに渡すと、より実用的なページに仕上がりますよ
• 法人向けの問い合わせフォームや見積もり依頼ページも、追加の一言指示で自動生成できます
• 完成したHPはプレビューではなくブラウザ（Chrome・Safari等）で確認すると、画像や動作が正しく表示されますので、ぜひ試してみてください

質問は続きをチャットに書いていただければ、すぐに対応しますね。課題4の業務効率化ツールも楽しみにしていてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ、完了おめでとうございます！

ここまで来たら次は課題4です。

• 課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます
• いわゆるWebサービスの仕組みをそのまま体験できる内容です
• 課題3と同じく、作業フォルダを指定して用意のプロンプトを貼るだけでOKですよ

この調子でどんどん進めていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

お疲れ様でした！課題3のホームページ、完成おめでとうございます🎉

ここまで来たら、次はいよいよ課題4です。

• 課題3で作ったホームページの「裏側で動く業務アプリ」を作るのが課題4のテーマです
• Webサービスの仕組みをそのまま体験できる、かなり面白い課題ですよ

勢いそのままで、ぜひ課題4も進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます🎉

課題3のホームページ、完成ですね！

ここまで来たら、次はいよいよ課題4です。

• 課題4では、今作ったホームページの「裏側で動く業務アプリのモック」を作ります
• つまり、Webサービスの仕組みそのものを体験できる課題です
• 課題3で土台ができているので、同じ要領でプロンプトを貼るだけですよ

一歩ずつ着実に進んでいますね。このまま課題4も楽しみながら進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ完成、素晴らしいです！

お任せ追加依頼もチャレンジしてくれたんですね。

• 完成したHPをブラウザ（Chrome・Safari・Edge）で開いて、デザインや動きを確認してみてください
• 「もっとこうしたい」と思った点があれば、日本語でそのままClaude Codeに追加指示を出してみるのがおすすめです
• 質問が出てきたら、いつでもこのチャットに書き込んでくださいね

課題4（業務効率化ツール）もぜひ続けてみてください。今日の勢いのまま進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ、完成おめでとうございます🎉

自分の手でHPを作り上げた経験は、本物の自信になります。

次は課題4——課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）です。

課題3との繋がりを感じながら進めると、より楽しくなりますよ。ぜひそのままの勢いで取り組んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページ、しっかり作れましたね。

• 次はいよいよ課題4です
• 課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます
• つまり「見た目（フロント）」に続いて「仕組み（バック）」を作るイメージです

課題フォルダを開いて、同じ要領でプロンプトを貼るだけですので、ぜひこの勢いで進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます🎉

次は課題4です！

• 課題3で作ったホームページの『裏側で動く業務アプリのモック』を作っていきます
• つまりWebサービスの仕組みそのものを体感できる課題です
• 課題3のフォルダをそのまま使いながら進めてOKですよ

ここまで来たら、もうWebサービスの表と裏が両方作れる状態です。ぜひ勢いそのままに手を動かしてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページが完成したんですね、素晴らしいです。

次は 課題4 へ進みましょう。

• 課題3で作ったホームページの裏側で動く業務アプリのモックを作ります
• つまり「Webサービスの仕組み」を体験できる課題です
• 作業フォルダはそのまま使ってOK、用意されたプロンプトを貼って送信するだけです

課題3まで来たあなたなら、課題4も必ずできますよ。そのまま勢いで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！スタッフ紹介と実績ページまで追加されたとのこと、素晴らしいです。

質問の内容をチャットに書いていただければ、すぐにお答えします！

• 追加ページのデザインや文言について
• スマホ表示の確認方法
• 公開・アップロードの手順

など、どんな内容でも大丈夫ですよ。気になることは遠慮なく書いてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3クリア、おめでとうございます！🎉

ホームページを実際に手を動かして完成させた経験は、必ず次に活きます。

• 課題4では、その課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）に挑戦します
• 「作れた」という感覚をそのままに、ぜひ続けてみてください

勢いそのままに、課題4も楽しみにしていてくださいね！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

ホームページ完成、おめでとうございます！🎉

TikTokバズった車ランキングをテーマにしたのは、着眼点がいいですね。

写真が掲載できなかった件ですが、原因として考えられることが2つあります。

• 著作権・肖像権の問題ではなく、画像の表示パス（URL）の問題がほとんどです。ローカルPC内の画像（`file:///C:/...`）をHTMLで参照しても、ブラウザの制限でうまく表示されないことがあります。

• 車の写真を表示するには、Claude Codeに「画像をHTMLと同じフォルダに保存して、相対パスで表示して」と指示するか、fal.ai経由の画像生成で車の画像を自動生成させる方法が一番スムーズです。

• 著作権の観点では、ネット上の車メーカー公式サイトの写真を無断で使うのはNGです。Claude CodeにWikipedia Commons（無料で使える写真）や自動生成画像を使う方向で指示してみてください。

つまり「権利の問題」より「ファイルのパス問題」が可能性大ですよ。課題4もぜひ楽しんで進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3のホームページ、完成ですね！

• 次はいよいよ課題4です
• 課題4では、今作ったホームページの裏側で動く業務効率化ツール（Webサービスの仕組みのモック）を作っていきます
• 課題3で作った土台がそのまま活きますので、ぜひそのまま勢いで進んでみてください

手を動かし続けているのが一番の近道ですよ！

業務自動化・MCPのみお（#ユニコスクール スタッフ）の回答

課題3（ホームページ制作）、完成おめでとうございます！🎉

• 次はいよいよ課題4です！課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。

• 課題フォルダ（kadai.html）を開いて、課題4のプロンプトを貼り付けるだけでOKです。

ここまで来たら、あとは勢いそのままに課題4も一気に進めてみてください！

引き続き、頑張っていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！ 課題3のホームページ完成、素晴らしいです！

• 課題4（業務効率化ツール）へ、ぜひそのまま勢いで進んでみてください
• 課題3で作ったホームページの「裏側」で動く業務アプリのモックを作っていきます
• 詰まったところがあれば、いつでもチャットに書いてくださいね

最初の一歩を形にできた、それだけで十分すごいことですよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

• お父さんの会社のHPを作り上げたのは、立派な 実践 ですよ。課題をそのまま「身近なリアルビジネス」に使えているのが最高です。

• 課題3はまさに「本物のビジネスHP」を作る課題なので、お父さんの会社のサイトはぴったりの題材です。デザインのパターン違いや問い合わせフォームの追加なども、ぜひClaude Codeに頼んでみてください。

• 次は 課題4（課題3のHPの裏側で動く業務アプリのモック）に進むと、Webサービスの仕組みまるごと体感できますよ。

今日一歩踏み出せた、それが一番大事です！この調子で進めていきましょう💪

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）の完了、おめでとうございます！🎉

• 次はいよいよ 課題4（業務効率化ツール） です
• 課題3で作ったホームページの裏側で動く 業務アプリのモック（Webサービスの仕組み） を作っていきますよ
• 課題ページ（kadai.html）に用意したプロンプトを貼って送信するだけなので、このまま勢いよく進めてみてください

素晴らしいペースです。この調子で手を動かしていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

お疲れさまでした！課題3のホームページ完成、すごいです！

• いきなり本格的なホームページが完成したわけですから、ぜひブラウザで開いて完成形を楽しんでみてください（プレビューよりChrome・Safari・Edgeで開くと画像もきれいに表示されます）
• 次はいよいよ課題4＝業務効率化ツール（Webサービスの仕組み）です。課題3で作ったホームページの裏側で動くアプリのモックを作っていきますよ
• 課題の手順はkadai.htmlのページに全部まとまっていますので、そのまま進めてみてください

最初の一歩を着実に踏み出しましたね。このまま勢いで課題4も走り抜けましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

• ホームページが完成したということは、Claude Codeで日本語の指示だけでWebページを丸ごと作れた、ということですよ。
• 課題4では、そのホームページの 裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。
• 課題3の完成形をぜひブラウザ（Chrome・Safari・Edgeなど）で開いて、実際の見た目を確認してみてください（プレビューより本物のブラウザの方がきれいに表示されます）。

この調子で課題4も楽しみにしてくださいね！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

課題3クリアはひとつの大きな節目です。せっかくなので、ぜひフォームを埋めて教えてください！

• どんなホームページを作ったか（業種・テーマ・こだわったポイントなど）を書いてもらえると、より具体的なアドバイスができます
• 追加で依頼した内容（デザイン変更・機能追加・修正など）があれば、その流れごと共有してもらえると他の方の参考にもなります
• 質問したいことは遠慮なくどうぞ。些細な疑問でも大歓迎です

課題3が仕上がったということは、課題4（業務効率化ツール）へ進む準備ができているということですよ。

次は課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます。今日の達成感をそのまま勢いに変えて、ぜひ次へ進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ制作）、完成おめでとうございます！🎉

• 次は 課題4 へ進みましょう！課題3で作ったホームページの「裏側で動く業務アプリのモック」を作る、Webサービスの仕組みを体験する課題です。

• 課題ページ（kadai.html）の手順どおりに、作業フォルダをClaude Codeの「Code」タブで指定して、用意されたプロンプトを貼るだけで進められますよ。

一つひとつ手を動かして積み上げていくのが一番の近道です。この調子で進めていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）の完了、おめでとうございます！🎉

• 次は 課題4 へ進んでください。課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。

• 作業フォルダ（『ユニコスクール』）を開いて、課題4用のプロンプトをClaude Codeの『Code』タブに貼り付けるだけでOKです。

ここまで来たら、あとひと踏ん張りです。ぜひ勢いそのままで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）完了、おめでとうございます！🎉

• ここまで来たらあとは 課題4（業務効率化ツール） が待っています
• 課題3で作ったホームページの裏側で動く業務アプリのモックを作る内容で、Webサービスの仕組みが一気に理解できますよ
• プロンプトを貼って送信するだけで進められます

この調子でどんどん手を動かしていきましょう！

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

無視して大丈夫です、安心して進めてください！

あの表示は「Fable 5という新しいモデルが、今のご利用環境では使えません」というお知らせが出ているだけです。

何かが壊れたり、止まったりしているわけではありません。

• モデルを Sonnet や Opus など別のものに切り替えるだけで、そのまま問題なく続けられます
• 課題はどのモデルでも同じように作れます——Fable 5にこだわる必要はありません
• 切り替え方が分からない・それでも画面が進まない場合は、エラー画面のスクショ＋「どこで・何をしたら出たか」を添えてサポート窓口にご連絡ください

課題３、このまま手を動かして完成させましょう！

▶ お問い合わせ窓口： https://bbs.unikoukokun.com/cs.html

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3ホームページ、完成おめでとうございます！！

• 次はいよいよ 課題4（業務効率化ツール） です。課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます。

• 課題ページ（kadai.html）の手順どおり、プロンプトを貼って送信するだけで進められますよ。

課題3まで来たあなたなら、課題4も絶対できます。 そのまま勢いで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

課題3（ホームページ）の完走、本当にすごいです！

• Claude Codeへの指示だけで、ここまで作れてしまうのが実感できたのではないでしょうか
• 課題4はいよいよ業務効率化ツール——課題3で作ったホームページの裏側で動くWebサービスの仕組みを作っていきます
• 課題3の感覚をそのまま引き継いで、ぜひ勢いよく進んでみてください

この調子で、どんどん手を動かしていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ、完成おめでとうございます！🎉

ここまで来たら、いよいよ次のステップです。

• 課題4は『業務効率化ツールを作る』がテーマです
• 課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきますよ
• 引き続き、作業フォルダを開いて用意されたプロンプトを貼って送るだけで進められます

ここまで手を動かせたなら、課題4も必ず完成できますよ。そのまま勢いで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！

• ホームページが実際に動くかたちで完成したという体験は、これからの大きな自信になりますよ。

• 次は 課題4 です。課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。

課題4も同じ流れで、作業フォルダを用意してプロンプトを貼るだけですので、ぜひそのまま勢いで進めてみてください。

手を動かし続けることが、一番の近道ですよ。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3（ホームページ）完了、おめでとうございます！🎉

• 次は課題4です！課題3で作ったホームページの裏側で動く業務効率化ツール（Webサービスのモック）を作っていきます
• 課題ページ（kadai.html）の手順どおり、同じフォルダを使って進めてみてください
• プロンプトを貼るだけで、あとはClaude Codeが作り上げてくれますよ

課題4まで完走すると「フロント（見た目）＋バックエンド（仕組み）」がセットで揃います。 ここまで来たら本物です。ぜひ勢いそのままで進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3、完了おめでとうございます！🎉

ホームページが完成した、というのは本当に大きな一歩です。

• 課題3では Claude Codeへの日本語の指示だけで、本格的なホームページを作れることを体感いただけたはずです
• この感覚をそのまま持って、ぜひ次の 課題4（業務効率化ツール） へ進んでみてください
• 課題4では、今作ったホームページの裏側で動く業務アプリのモックを作っていきますよ

手を動かし続けることが、一番の近道です。このまま勢いで進みましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！

• 追加で依頼したいことや、うまくいかなかった点があれば、この欄にそのまま書いてみてください。
• 質問がある場合も、具体的に『どこで・何をしようとしたら・どうなったか』を書いてもらえると、すぐ一緒に確認できます。

次は課題4へ ——課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます。同じフォルダを使って、日本語で指示を貼るだけなので、そのままの勢いで進んでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！🎉

しかもpickupitemの追加まで自分で依頼できているのは、すごく大事な一歩です。

• 「完成して終わり」ではなく追加依頼できたこと——これが課題3の一番の狙いです。日本語で「こう変えたい」と伝えれば、どんどん育てられるのがClaude Codeの醍醐味ですよ。

• アパレル店のHPはビジュアルが命なので、次は画像差し替えやカラーテーマの変更も「〜な雰囲気にして」と一言で依頼してみてください。

• 完成したHTMLはブラウザ（Chrome・Safari・Edge）で開くと、プレビューより綺麗に表示されますので、ぜひそちらでも確認してみてくださいね。

この調子で課題4の業務効率化ツールも楽しみにしています！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

お疲れさまです、課題3クリアおめでとうございます！🎉

• 課題3は ホームページをゼロから作る という、はじめて「自分のサイト」が形になる課題です。完走できたこと、素直にすごいですよ。

• 次はいよいよ 課題4——課題3で作ったホームページの裏側で動く 業務効率化ツール（Webサービスのモック） を作ります。課題3との「表と裏」がつながる感覚、ぜひ楽しんでみてください。

この調子でどんどん手を動かしていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！課題3クリアですね🎉

編集の仕方はとてもシンプルです。

• Claude Codeのチャットに「〇〇を変えてほしい」と日本語で指示するだけで、ファイルを直接書き換えてくれます（コードを触る必要はありません）
• 例：「タイトルの文字を大きくして」「背景色を白にして」「お問い合わせフォームを追加して」——こんな感じで話しかけるだけでOKです
• 変更後はブラウザ（Chrome・Safari・Edge）でHTMLファイルを開いて確認してください（アプリ内のプレビューだと表示がずれることがあります）
• 何度でも「もっとこうして」と追加指示できるので、納得いくまで繰り返すのがコツです

「どこをどう変えたいか」が決まったら、そのままClaude Codeに話しかけてみてください。思っているより簡単に仕上がりますよ😊

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

お寿司屋さんのHP、完成おめでとうございます！ 🎉

• テキストの変更・色調の変更まで追加で依頼されたとのこと、『修正を重ねて仕上げる』という流れそのものがClaude Codeの本来の使い方です。

• 質問したいことがあれば、ぜひそのままチャットに書いてください。遠慮なくどんどん投げてもらって大丈夫ですよ！

• プレビューで見た目がおかしいと感じる場合は、完成したHTMLファイルを Chrome・Safari・Edgeなどご自身のブラウザ で開いてみてください。プレビューより正確に表示されます。

今日手を動かして完成させたこと、それ自体が一番の学びです。次の課題もぜひ楽しんでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

黒背景×白文字のゴシック系デザインに仕上げられたのは、最高のスタートです。

• 「商品写真以外を黒背景・白文字に」という指示、これがまさにClaude Codeの使い方の核心です。「こうしたい」という意図を日本語で伝えるだけで、デザイン全体を一気に整えてくれましたよね。

• ブランド名「cross&roses」への差し替えも、一文で修正できるのがClaude Codeの強み。外注すれば何時間もかかる作業が数秒で完了します。

• 質問は続きをチャットにそのまま書いてください。画面で見てわからないことがあれば、スクリーンショットを https://bbs.unikoukokun.com/cs.html に投稿していただくとすぐ確認できますよ。

課題2・3・4とどんどん手を動かしていきましょう！今日から 「作れる人」 のスタートラインに立っています。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題1〜3のホームページ完成、おめでとうございます！🎉

• ぜひ『何を作ったか』『追加で依頼したこと』『質問』の3点を書いて送ってください。

• 内容を拝見して、できる限りお答えします。

• 質問は具体的に書いていただくほど、的確にお返しできますよ。

ここまで手を動かしてくれた、その行動力が一番の財産です。どんどん前に進んでいきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

ホームページが出来上がった瞬間は、本当に気持ちいいですよね。

• どんなHPを作ったか、ぜひ教えてください
• 追加で依頼した内容や、試したことも書いてもらえると、より具体的にフィードバックできます
• 質問したいことは遠慮なくどうぞ！

フォーマット通りにまとめてくれると、すごく助かります。続きを楽しみにしていますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

自社HPの完成、おめでとうございます！「老舗×新しい挑戦」というコンセプトもとても素敵ですね。

画像の挿入と本番公開について、順にお伝えします。

• 画像の挿入は、Claude Codeに「このHPに画像を入れてください。場所は〇〇で、雰囲気は〇〇なイメージです」と日本語で伝えるだけです。自分で用意した画像ファイルをフォルダに入れておいて「この画像（ファイル名）を使って」と指定することもできますよ。

• 本番への反映（公開） は、Claude Codeが生成したHTMLファイルをサーバーやホスティングサービスにアップロードする、というのが基本の流れです。まずは ブラウザ（Chrome・Safari・Edge）でHTMLファイルを開いて、完成イメージを確認してみてください。プレビューではなく実際のブラウザで見ると、見栄えがぐっとリアルになります。

• 公開方法の詳細（サーバーへのアップロード等）は、課題ページ（kadai.html）の手順も参考にしながら進めてみてください。

一歩ずつ進めれば、必ず本番公開まで辿り着けますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のホームページ完成、おめでとうございます！🎉

間取り写真からインテリア候補を提案して購入まで誘導するサイト——EC導線としてとても完成度の高い設計ですね。

• アフィリエイトリンクの追加は、商品画像の近くにCTAボタンとして組み込むとクリック率が上がりやすいです
• 集客ツールは、LINE登録ボタンやメルマガ購読フォームをファーストビューに置く構成がおすすめです
• 追加依頼もすべてClaude Codeへの日本語指示だけで対応できるので、どんどん要望を投げてブラッシュアップしていってください

まず完成させて、それから育てていく——これが一番伸びる使い方ですよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

造園HPをもっと印象的にするには、「雰囲気を言葉で伝える」追加指示が一番効きます。

• 「和モダン・高級感・自然の温かみ」など、雰囲気のキーワードをClaude Codeに伝えると、配色・フォント・レイアウトをまとめて変えてくれます。

• ファーストビュー（一番最初に目に入る部分）を大きな写真＋キャッチコピーで飾るよう指示すると、パッと見の印象が一気に上がります。

• 「施工事例ビフォーアフター」や「お客様の声」のセクションを追加してと頼むと、説得力のあるページになります。

• 参考サイトのURLをそのまま貼って「このサイトの雰囲気に近づけて」と伝えるのも、思った通りのデザインに近づく一番手軽な方法です。

完成おめでとうございます！一言追加するだけでグッと変わりますよ。ぜひ試してみてください。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！ ぜひ「どんなHPを作ったか」「追加で依頼した内容」「聞きたいこと」を書いて投稿してみてください！

• どんなHPか（テーマ・目的・ページ構成など）を教えてもらえると、より具体的にフィードバックできます
• 追加依頼した内容（デザイン変更・機能追加・文言調整など）も、ぜひ共有してください
• 質問はどんな細かいことでも大歓迎です——「こうしたいけどうまくいかない」という点があれば、状況と一緒に書いてもらえるとすぐに一緒に確認できます

課題3まで完走した勢いで、課題4の業務効率化ツールにも挑戦してみてください！

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

スクール案内のゆい（#ユニコスクール スタッフ）の回答

結論から言うと、これは『プロンプト』というより『Claude Codeの機能・概念を圧縮した自分用メモ＝設計チートシート』として読める内容です。

各項目の意味を少し噛み砕くと——

• goal/Mon/batch/Plan/Hook/Rule/Skill/Flow などはClaude Codeのスラッシュコマンドや `.claude` 構成ファイルの概念（ゴール設定・監視・バッチ処理・フロー定義など）
• allow/Mem/sec/task/Team/rw/rev=cr+sr/Ultra はアクセス権・メモリ・セキュリティ・タスク管理・チーム構成・読み書き権限・レビュー構造・Ultraシンキングモードの略
• A2A はエージェントがエージェントを呼ぶ構造（Agent to Agent）

つまりこの文字列は「Claude Codeで何かシステムを動かす前に、どの機能をどの順番で選ぶか」を自分で整理した設計メモ＝フローの骨格に近いです。

この骨格をそのままClaude Codeに貼っても動きません——Claude Codeが動くには、これを「自然言語のゴール文」に変換して渡す必要があります。

具体的には「この略語を展開して、日本語で『〜を自動化してほしい、具体的には〜の順で動かして』と書く」のが次のステップです。

焼鳥居酒屋のHPが完成したなら、次は課題4（業務ツール）にもぜひ挑戦してみてください。この設計メモの発想、そのままエージェント設計に活きますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

ホームページの完成、おめでとうございます！ユーザーページの追加まで進めているのは素晴らしいですね。

質問の続きが途中で切れているようです。ぜひここに書いていただければ、一緒に確認します！

• 具体的に詰まっている箇所（例：ログイン機能、デザイン崩れ、ボタンが動かない など）
• 画面の様子が分かればスクリーンショットも添えると解決が早いです

プレビューで表示がおかしい場合は、まずブラウザ（Chrome・Safari・Edge）でHTMLファイルを開いてみてください。プレビューより正しく表示されることが多いですよ。

ダイエットコーチングのサイト、形になっているのは間違いないです。あとは気になる点を遠慮なく教えてください！

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

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成、おめでとうございます！ 🎉

• ジム・フィットネス店舗のHPとは、初回の課題テーマとして とても映えるテーマ ですね。
• 課題1〜3を一通り終えられたということは、インストール・課金から始まり、ゲーム制作を経てホームページまで 一気通貫で体験 できた証拠です。
• ぜひ完成したHPを ブラウザで開いて ご自身の目で確かめてみてください——プレビューより格段にきれいに見えますよ。

次は課題4（業務効率化ツール）にも、ぜひ挑戦してみてください！

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

続きの項目（何を作ったか・追加依頼・質問）をぜひ埋めて教えてください！

• どんなホームページかを書いてもらえると、より具体的にフィードバックできます
• 追加で依頼した内容があれば、Claude Codeとのやり取りの流れも教えてもらえると嬉しいです
• 質問があれば、遠慮なくどうぞ。詰まっているところがあれば一緒に解決します

課題3まで完走したこと自体が、大きな一歩です。 次の課題4（業務効率化ツール）もぜひ挑戦してみてください！

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

画像はフォルダにまとめて、Claude Codeが読み取れる場所に置くだけでOKです！

• 作業フォルダ（例：『ユニコスクール』）の中に imagesフォルダ を作って、使いたい画像をまとめて入れてください。
• あとはチャットで『imagesフォルダの中の写真を使ってトップページに入れて』のように 日本語で指示するだけ。ファイル名も一緒に教えるとより正確に配置してくれますよ。
• 画像がどこにあるかをClaudeに伝えれば、あとは自動でHTMLに組み込んでくれます。難しいコードの知識は一切不要です。

PCとスマホ両対応のレッスン教室サイト、カラーまでカスタムされたとのことで、もうプロ仕様ですね。次の課題4（業務効率化ツール）もぜひそのまま勢いで進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！🎉

課題3まで進まれたこと、素晴らしいです。

• 記入欄がまだ空欄になっているようですので、よければ

　①どんなホームページを作ったか

　②完成後に追加で依頼した内容

　③質問したいこと

をこのまま書き込んでいただければ、すぐに一緒に確認できますよ。

どんな成果物が出来上がったか、ぜひ見せてください。一つ作り上げた経験は、次の課題4でもそのまま活きますので、ここからがさらに面白くなりますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！🎉

美容院のホームページ、完成おめでとうございます！

まずは課題3まで走り切ったこと、それ自体がすごいことですよ。

• 課題3のホームページは、Claude Codeに日本語でプロンプトを渡すだけで、デザイン6パターン比較・スマホ対応済みのページがポン出しできましたよね
• 追加依頼を入れれば、フォント・配色・お問い合わせフォーム・地図埋め込み・FAQなど、どこまでも育てていけます
• 『もっとおしゃれにして』『美容院っぽい雰囲気にして』のような一言でも、Claude Codeはしっかり汲み取って修正してくれますよ

次は 課題4（業務効率化ツール） へ進んでみてください。課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます。

今日作った美容院サイト、ぜひ誇りに思ってくださいね。一緒にどんどん育てていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

ホームページの完成、おめでとうございます！🎉

自分のお店のHPが完成したのは素晴らしいですね。文言の変更まで追加で依頼できたなら、もうClaude Codeとの会話の流れが掴めてきた証拠だと思いますよ。

• 質問内容を具体的にチャットへ書いてもらえると、すぐ一緒に確認できます（画面の様子が分かる場合はスクショも添えてもらえると早いです）

• うまくいかない箇所や「こうしたいけどどう指示すればいい？」という点も、遠慮なくどうぞ

• まずは『何を聞きたいか』をそのままチャットに書いてみてください——それだけで解決への近道になります

今日手を動かして完成まで持っていけた、それが一番大事な一歩です。続きも一緒に進めていきましょう！

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

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

ホームページ完成、おめでとうございます！🎉

課題3まで一気に進めてくれたこと、とても嬉しいです。

• 何を作ったか・どんなHPか、ぜひ教えてください！
• 完成後に追加でお願いした内容や、気づいたこと・工夫したことも聞かせてもらえると、より具体的にお返しできます。
• 質問がある場合は、ここにどんどん書いてもらえれば一緒に解決しましょう。

まずは完成報告、本当におめでとうございます。 次のステップへの第一歩、しっかり踏み出せていますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

パン屋のホームページ、課題1〜3の完走おめでとうございます！🎉

追加依頼なしでここまで仕上げたのは素晴らしいです。

• 課題3はホームページ制作がゴールで、完成した時点でしっかり一つの「本物の成果物」が手元にある状態です。
• もし「ここをもっとこうしたい」「別のページを足したい」と思ったら、そのまま Claude Codeに追加指示を出すだけ でどんどん育てていけますよ。
• 次は課題4へ！ホームページの裏側で動く業務アプリ（Webサービスの仕組み）を作っていきます。

今日作ったパン屋のHPが、あなたの最初の「AI開発の実績」です。ぜひ次のステップも楽しんでみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

個人ホームページの完成、おめでとうございます！カードのサイズ修正まで自分で依頼して直せたのは、もう立派な「AIへの指示出し」ができている証拠ですよ。

2つのご質問にお答えします。

• プロンプトの意味について——貼り付けたプロンプトは「Claude Codeにどう動いてほしいか」を日本語で伝える指示文です。難しく考えなくて大丈夫で、「何を作るか・どう見せるか・何を直すか」を書いているだけ。今回カードのサイズ修正を依頼したときの言葉も、立派なプロンプトです。

• コードの知識が不要になる時期について——正直に言うと、すでに「書く」必要はほぼありません。Claude Codeがコードを書いてくれるので、今この瞬間から「読めなくても作れる」状態です。ただ「どこを直してほしいか」を言語化する力（＝国語力・要件定義力）は、コードが読めるかどうかに関係なく、これからもずっと価値を持ち続けます。コードそのものより、「何を作りたいか」を明確に言葉にする力を磨いていくのが、これからの時代の本筋ですよ。

課題4の業務効率化ツールもぜひ楽しみながら進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

課題3のクリニックホームページ完成、おめでとうございます！

2点、丁寧にお答えしますね。

• 画像がモックアップのまま（実際に見えない）問題

ClaudeCodeのアプリ内プレビューは、画像が表示されないことがあります。これはプレビュー側の制限で、作った成果物が壊れているわけではありません。

成果物のHTMLファイルをブラウザ（Chrome・Safari・Edgeなど）で直接開いてみてください。ブラウザで開けば、追加した画像もちゃんと表示されますよ。

もしブラウザで開いても画像が出ない場合は、画像ファイルがHTMLと同じフォルダに入っているか確認してみてください。

• 完成後にGoogle Driveのダウンロードが出てきた理由

Claude Codeが画像素材やフォントなどの外部リソースをGoogle Driveからダウンロードしようとした可能性が高いです。

つまり「ホームページに使う素材を取ってくるよ」という動作です。意図していないダウンロードであれば、Claude Codeに「これは何をダウンロードしようとしているの？」と日本語で聞いてみてください。

それでも解決しない場合は、お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にスクリーンショットと状況を送ってもらえれば一緒に確認します。今日から ブラウザで開く を試してみてくださいね！

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

Antigravityは、Claude Codeと並ぶAIエージェント系のCLIツールで、裏でGeminiのモデルを呼び出して動かす仕組みになっています。

• Claude CodeがAnthropicのClaudeモデルを使うのと同じように、AntigravityはGoogleのGeminiモデルを使って、ファイル操作や自動化タスクを実行できるツールです
• つまり「どのAIの頭脳を借りるか」が違うだけで、やれること（ファイル操作・コード生成・自動化）の方向性はClaude Codeと近いです
• ただし僕（ユニコ🦄）のセミナーや #ユニコスクール では、安定性・使いやすさ・ビジネス実用性の観点からClaude Codeをメインで使うことをおすすめしています
• AntigravityやCodexなどは「どのOSを使うか」レベルの話で、その上に何のワークフロー・ビジネスモデルを乗せるかの方がずっと重要です

「ツールの違いより、そのツールで何を作るか」——そこに集中していきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

変更箇所がいくつあっても、基本的にClaudeへの指示だけで対応できますよ！

• 少しの変更でも大量の変更でも、やることは同じです。『〇〇のテキストを▲▲に変えて』『このセクションをまるごと別のデザインにして』のように、日本語で伝えるだけでOKです。

• 特別なプログラミング知識は一切不要です。HTMLやCSSを自分で直接触る必要はなく、Claudeが該当のコードを見つけて書き換えてくれます。

• 変更が多い時のコツは、まとめて一度に伝えるよりも『このページのヘッダー』『料金のセクション』のようにエリアごとに分けて指示すると、修正精度が上がります。

木造住宅専門の工務店サイト、完成おめでとうございます！ここからどんどん育てていけますよ😊

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

ホームページ完成、おめでとうございます！🎉

• 街の紹介ページというテーマ、とても素敵な選択ですよ。地域の情報は唯一無二のオリジナルコンテンツになるので、SEOにも強くなりやすいです。

• 完成後に「歴史の深掘り」を追加依頼されたのが まさにClaude Codeの使い方の本質 です。最初に完璧を目指さず、会話しながら肉付けしていくスタイルがいちばんスムーズですよ。

• 次は課題4（業務効率化ツール）にも、ぜひその調子で挑んでみてください。どんどん手を動かしていきましょう！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！実際に使えるようにするには「ホスティング（公開）」の一手間が必要です。

• Claude Codeに『このサイトを公開したい』と伝えるだけで、Vercel・Netlify・GitHub Pages などへのデプロイ手順をそのまま自動で用意してくれます。どれも無料枠で始められますよ。

• 最もシンプルな方法は Vercel（vercel.com）へのデプロイです。GitHubアカウントと連携するだけで、URLが発行されてすぐ公開できます。Claude Codeに「Vercelにデプロイして」と一言送ってみてください。

• 市況・為替・経済カレンダーなど リアルタイムのデータを動かしたい場合は、各APIキー（例：Alpha Vantage・Yahooファイナンス系・Google Calendar API など）を取得してClaude Codeに渡すと、自動で接続してくれます。

• KPIの追加など改修もそのままClaude Codeに日本語で指示すればOKです。デプロイ後も同じフォルダで修正→再デプロイまで自動でやってくれます。

今日の実演でここまで作れたなら、公開まであと一歩です。ぜひそのまま進めてみてください！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

HP完成おめでとうございます！敗退チーム30%OFF表示まで実装されたのはとてもいいアイデアですね。

広告収益化の方法は、大きく2つのアプローチがあります。

• Google AdSense（グーグルアドセンス）が最もオーソドックスです。AdSenseのアカウントを取得し、発行された広告コード（数行のHTMLタグ）をサイトの好きな場所に貼るだけで、ページを訪れた人に自動的に関連広告が表示され、クリックされるごとに収益が発生します。Claude Codeに「このHTMLにAdSenseのコードを埋め込んで」と指示するだけで配置まで任せられますよ。

• アフィリエイト広告も相性がいい選択肢です。スポーツ用品・サッカーグッズ系のアフィリエイトプログラム（例：Amazonアソシエイト等）に登録し、各商品ページにリンクを貼る形です。ユニホーム販売サイトとテーマが直結するので、クリックされやすい構造になります。

• サイトへのトラフィック（訪問者数）を増やすことが収益化の前提になります。SEO対策（検索で見つかりやすいページタイトルや説明文の設定）も、Claude Codeに「SEOを意識したmeta情報を追加して」と一言頼むだけで対応できます。

まずはAdSenseのコード取得とサイトへの埋め込みから試してみてください。今日から動けますよ！

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

手焼きせんべいのHPの完成、おめでとうございます！地元の風景写真の追加依頼も素晴らしいアイデアですね。

• 質問は、このチャットにそのまま書いていただいてOKです（テキストで状況を説明できる内容はこちらへどうぞ）

• 画面を見せた方が早い内容（エラー画面・表示くずれなど）は、お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にスクリーンショットを投稿してください（非公開で他の参加者には見えません）

• スクショの撮り方は：【Mac】Shift＋⌘＋4でドラッグ／【Windows】Windowsキー＋Shift＋Sでドラッグ、がおすすめです

どんな内容でも気軽に聞いてくださいね。一緒に解決しましょう！

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

おめでとうございます！課題3のホームページ、完成おめでとうございます！

• シニア向けのスマホ・パソコン教室というテーマ設定がとても素敵ですね。ターゲットが明確で、コンテンツも作りやすいテーマです。

• 課題3まで完走できたこと自体が大きな一歩です。「作れた」という体感を持てた今が、一番大切なスタートラインです。

• 次の課題4では、このホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。ぜひ勢いそのまま進んでみてください！

今日から手を動かせた、その行動力が一番の武器ですよ。

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

完成おめでとうございます！画像追加まで自分でどんどん依頼できているのは素晴らしいです。

• 質問の続きが途中で途切れているようです。「質問したいこと：」の後が空白になっていますので、続きをこのチャットに書いていただければすぐお答えします。

• どんな内容でも大丈夫ですよ。画像の表示がうまくいかない・レイアウトが崩れた・追加でやりたいことがあるなど、気になる点をそのままお送りください。

• もし画面を見せた方が早い場合は、お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にスクリーンショットを投稿していただければ、一緒に確認します。

続きをお待ちしていますよ！どんどん手を動かしている姿勢、最高です。

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

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

HP完成おめでとうございます！問い合わせフォームも写真投稿の仕組みも追加できたのは、もう立派な中級編の第一歩です。

カスタマイズ時のプロンプトのコツを整理しますね。

• 「今あるコードの構造を壊さずに〇〇を追加して」と一言添えるのが最重要 — 何も言わずに「〇〇して」と頼むと、Claude Codeが気を利かせてファイル全体を書き換えてしまうことがあります。「既存のデザイン・スタイルはそのまま維持しつつ」「今のコードに追記する形で」と一言加えるだけで、意図しない改変をぐっと防げますよ。

• 変更する前に「まず現在の構成を整理して」と聞いてから依頼する — ファイルが増えてきたら、先に「このプロジェクトのファイル構成と各ファイルの役割をまとめて」と頼みましょう。全体像を共有してから「そのうち〇〇ファイルの△△部分だけ変える」と指示すると、ピンポイントで的確に動いてくれます。

• Skillsの自動更新構成は「トリガー→処理→出力先」の3点セットで書く — たとえば「神楽坂のInstagramタグを毎朝9時にスクレイピング → 投稿数をカウント → HPのランキングHTMLを自動更新」という流れを自然言語で書くだけで、Skills定義として成立します。「どんな条件で・何をして・どこに出力するか」の3点を明確にするだけで、あとはClaude Codeが補完してくれますよ。

• 変更後は必ず「意図していない部分が変わっていないか確認して」と確認ステップを挟む — 追加・改変のたびに一言確認を挟む習慣をつけると、積み重ねてもファイルが崩れにくくなります。

ClaudeCodeとの壁打ちも大正解です。「このプロジェクトに自動更新のSkillsを追加したいのでまず設計を一緒に考えて」と話しかけてみてください。今日の一歩を大切に、ぜひ続けてみてくださいね。