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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 次は課題4です！課題3で作ったホームページの裏側で動く業務効率化ツール（Webサービスのモック）を作っていきます
• 課題ページの手順どおり、同じフォルダを使って進めてみてください
• プロンプトを貼るだけで、あとは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とどんどん手を動かしていきましょう！今日から 「作れる人」 のスタートラインに立っています。

完成おめでとうございます！🎉 素晴らしいですね！

• 『福岡市で一番イケてるWEBデザイン会社』というテーマ、センスが光ります。
• 課題1〜3を一気に走り抜けての完成は、今日の一番の前進です。
• ぜひこのまま課題4（ホームページの裏側で動く業務アプリのモック）へも進んでみてください！

完成した喜びをそのまま次の課題へのエネルギーにしていきましょう。応援しています！

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

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

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

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

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

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

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

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

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

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

HEROセクションに「流れるクリームSVGアニメーション」でトレンドのバズ演出を落とし込むとは、センスのある発想ですね！

TikTokの「とろける瞬間」という文化的文脈をUIの動きで体現するアイデアは、まさに『何を作るか・どんな価値を届けるか』を自分で考えた証拠です。

追加で依頼したいこと・聞きたいことが出てきたら、どんどん書き込んでくださいね。引き続き楽しみにしています！

「雲を、食べる。」——タイトルだけでもう世界観がすごいです！完成おめでとうございます🎉

課題1〜3を順番にクリアして、実際に動くホームページを作り上げたというのは、本当に大きな一歩ですよ。

せっかくなので、次の一手もぜひ試してみてください。

• デザインのバリエーションを追加で依頼してみる（「もっとふわっとした雰囲気に」「ダークモードも作って」など一言で変えられます）
• 問い合わせフォームやトップの動きなど、気になる機能を追加で頼んでみる
• 課題4（業務効率化ツール）にも挑戦してみる——ホームページの裏側で動くWebサービスの仕組みが体験できます

「追加依頼・質問なし」でスムーズに完成できたのも、それだけ課題の流れを掴んでいる証拠です。このまま 次の課題もどんどん手を動かしていきましょう！

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

クリエーターの作品PRサイトに日英切り替えを追加実装したのは、かなり実践的な一手ですよ。

• 日英切り替え（多言語対応）は、最初から指示しなくても「英語で出てきたから日本語に直して、さらに切り替えボタンも付けて」と追加で依頼するだけで実装できるのが Claude Code の醍醐味です
• 作品PRサイトは、そのまま自分のポートフォリオや営業ツールとして使えますよ

質問の続きがあればぜひ書いてください。一緒に解決しましょう！

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

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

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

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

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

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

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

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

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

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

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

日本株10%以上上昇の上位20銘柄を表示するWebアプリ、素晴らしいテーマですね。

• 課題3（ホームページ制作）でここまで作れたのは、最初の一歩として十分すごいことです
• 実際の株価データを取得・表示する仕組みを絡めると、さらに実用的なツールに育てられます
• 「追加で依頼したいこと」「見せ方を変えたい」などが出てきたら、いつでもClaude Codeに話しかけてみてください

課題4（業務効率化ツール）へもぜひ進んでみてくださいね。楽しみにしています！

完成おめでとうございます！🎉 沖縄のお酒を集めたバー兼酒店というテーマ、センスがいいですね。

課題ページから続けて取り組んでいただいた積み重ねが、ちゃんと形になっています。

• 課題3のホームページは、次の課題4（業務効率化ツール）と連動する場面が出てきます。このHPが土台になるので、ぜひそのまま続けてみてください。
• 追加で「お問い合わせフォームをつけたい」「SNSリンクを追加したい」など気になることが出てきたら、気軽にClaude Codeへ日本語で一言投げてみてください。すぐ対応してくれますよ。

この調子で課題4にもぜひチャレンジしてみてください！

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

ホームページが形になった瞬間の達成感、ぜひそのまま次の課題4へ勢いよく進んでみてください！

課題4では課題3で作ったホームページの裏側で動く業務アプリ（Webサービスの仕組み）を作っていきます。表と裏がつながる感覚、きっと面白いと感じていただけるはずです。

一歩一歩着実に進んでいるのが伝わります。引き続き楽しんで手を動かしてみてください！

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

伊豆大島の宿とカフェという題材、雰囲気がしっかり出そうで素敵ですね。

• 写真を追加依頼されたとのこと、画像を入れると一気にリアルなHPらしくなりますよ。
• 課題3まで進んだなら、次は 課題4（業務効率化ツール） にチャレンジしてみてください。課題3で作ったHPの裏側で動く業務アプリのモックを作る課題です。

ここまで手を動かしてこられたこと、それ自体が一番の財産です。この調子でぜひ続けてみてください！

造園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でもそのまま活きますので、ここからがさらに面白くなりますよ！

完成おめでとうございます！ダンス連盟の総合サイト・マニュアル・マニュアル動画まで、課題1〜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の業務効率化ツールもぜひ楽しみながら進めてみてください！

完成おめでとうございます！ジャンル別の売れ筋本一覧、素晴らしいですね。

• 「本の画像を入れてください」と一言追加依頼するだけで対応してくれるのが、まさに Claude Codeのやりとりの基本スタイルです

• 画像が入ると一気にサイトの見栄えが上がりますし、実際のユーザー体験をイメージしながら追加依頼できたのが素晴らしいです

• 課題3まで進んだ勢いで、次は 課題4（業務効率化ツール） にもぜひ挑戦してみてください！課題3で作ったホームページの「裏側で動く業務アプリ」を作る内容で、Webサービスの仕組みがより深く掴めますよ。

一歩一歩着実に積み上げていますね。この調子でどんどん手を動かしていきましょう！

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

広報のアーカイブ構成と入力補助テンプレート、どちらも実務でそのまま使えるレベルの工夫ですね。

• 重要箇所を視覚的に識別できる設計は、読み手の負担を下げる大事な一手です
• お問い合わせのテンプレートは、ユーザーの入力ミスを減らして運用コストも下がります

課題3まで完走できたのは、一つの大きな節目です。 ここからぜひ課題4（業務効率化ツール）にも挑戦してみてください。自分で作ったHPの裏側で動くアプリを作る感覚、楽しいですよ。

課題1〜3の完走、おめでとうございます！講座用LPを作り上げて、さらに画像の入れ替えまでやってみたんですね。それだけで「日本語の指示だけでここまで作れる」という感覚はつかめたのではないでしょうか。

次の課題4（業務効率化ツール）は、そのLPの裏側で動く仕組みを作る課題です。

• 課題3で作ったホームページと連動するバックエンド的なWebアプリのモックを作ります
• 「表の顔＋裏の仕組み」がセットになって、はじめてWebサービスとしての一連の流れが体感できるようになります
• プロンプトを貼り付けて送るだけで進められますので、ここまで来たなら同じ要領でスムーズに動けますよ

外観を仕上げた勢いそのままに、仕組みも一気に完成させてみてください！

課題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を使うか」レベルの話で、その上に何のワークフロー・ビジネスモデルを乗せるかの方がずっと重要です

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

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

フォントとカラーを変えるだけで雰囲気がガラッと変わるというのは、まさにClaude Codeの面白いところですよね。

• 『高級感を出して』という一言の指示で、明朝系フォントへの切り替えまでAIが判断してくれます
• デザインの方向性（カジュアル→高級）を日本語で伝えるだけで、色・フォント・余白まで連動して変わります
• この「言葉でデザインをコントロールする感覚」こそ、Claude Codeならではの体験です

課題4も同じ流れで、どんどん手を動かしてみてください！

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

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

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

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

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

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

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

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

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

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

投資情報サイト（市況・ヒートマップ・為替・ニュース）まで作れたのは、素晴らしい第一歩ですよ。

• 課題1〜3を通じて、Claude Codeに日本語で指示を出すだけでここまで仕上がる感覚は掴めましたか？その「自分で作れた」という体験こそが一番の収穫です
• 次は課題4（業務効率化ツール）に進んでみてください。課題3で作ったホームページの裏側で動く業務アプリのモックを作っていきます
• 追加で「為替データをリアルタイムで更新したい」「ニュースを自動取得したい」など、やりたいことが出てきたらいつでも気軽に書いてくださいね

次のステップも一緒に楽しんでいきましょう！

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

• 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時間以上）を行っています。一人で抱え込まなくて大丈夫、ぜひご参加ください＝必ず一緒に解決します。

完成おめでとうございます！🎉 原宿神宮前のカフェサイト、センスある題材ですね。

追加依頼でキャラクターのテイストまで反映できた、まさに課題3の醍醐味がそこにあります。

• プロンプトで「〇〇に似せて」と一言添えるだけで、デザインの雰囲気や配色・フォント選びまで Claude Code が自律的に調整してくれます
• 課題4では、この HP の裏側で動く業務アプリ（管理画面のモック）を作っていきますよ
• 「完成品を見てさらにやりたいことが浮かぶ」という感覚が、まさに上達のサインです

次の課題4も同じ要領でプロンプトを貼るだけで進められますので、ぜひこの勢いで取り組んでみてください！

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

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

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

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

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

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

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

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

手を動かして実際に完成させたこと自体が、大きな一歩です。課題4（業務効率化ツール）もぜひ続けて挑戦してみてください。完成した成果物があれば、ぜひチャットに共有してもらえると嬉しいです！

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

会社の内容を入力してエステ仕様のホームページが出来上がった、これが課題の醍醐味ですね。

• 自分のビジネスに引き寄せて作ると、使える成果物がその場でできあがります
• 「会社の内容を入力するだけ」というシンプルな操作で、ちゃんと業種らしさが出るのがClaude Codeのすごいところです
• 次の課題4では、今作ったホームページの裏側で動く業務ツール（管理アプリ）を作っていきます——ぜひそのまま続けてみてください！

一歩一歩着実に進んでいますよ。この調子でどんどん手を動かしていきましょう！

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

• 渋谷最大のサッカーユニフォーム店というテーマ、最高ですね。リッチ化＋サウンド追加まで進められたのは素晴らしいです。
• 質問の内容が途中で切れているようです。続きをそのままチャットに書いてもらえれば、すぐお答えします！

続きをぜひ送ってください、一緒に完成度を上げましょう！

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

福岡旅行サイト、素敵なテーマですね。

• 完成後すぐ「絵の挿入」を追加依頼されたのが素晴らしいです。作りながら「こうしたい」が生まれてくるのが、Claude Codeの一番楽しいところです
• 追加依頼も普通の日本語一言で対応してくれるので、どんどんブラッシュアップしていきましょう
• プレビューで画像が表示されない場合は、ご自身のブラウザ（Chrome・Safari・Edge）でHTMLファイルを開いてみてください。きちんと表示されますよ

次は課題4の業務効率化ツールへ、ぜひ進んでみてください！

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

• まずは完成品を自分のブラウザ（Chrome・Safari・Edge）で開いて、デザインや動きをたっぷり確認してみてください。プレビューより断然きれいに見えますよ。

• 追加で依頼した内容（色を変えた・ページを足した・問い合わせフォームを入れた など）があれば、ぜひこのまま書いてください！

• 質問したいことも遠慮なくどうぞ。詰まった箇所・エラー・「こうしたいけどどう指示すればいい？」など何でもOKです。

課題3まで仕上げた経験はそのまま課題4（業務効率化ツール）への一番の土台になります。 このまま続けていきましょう！

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

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

リアルタイム混雑状況の表示まで追加されたのは素晴らしいです。

• 予約機能＋混雑状況のリアルタイム表示は、お客様にとってとても価値の高い機能で、実際のお店サイトにそのまま使えるレベルですよ。

• メニュー写真の追加もあわせて、集客から来店判断まで一気通貫でカバーできていますね。

「とりあえず作って、そこから追加依頼でブラッシュアップしていく」のが、Claude Codeの一番気持ちいい使い方です。

課題4（業務効率化ツール）もぜひ楽しんで進めてみてください。応援しています！

完成おめでとうございます！🎉 フォトグラファーのポートフォリオサイトは、ビジュアルが命なので、Claude Codeで作るとデザインの調整が自然な日本語で伝えられて、とても相性がいいんですよ。

タイトル変更もサッと追加依頼できたとのこと、それがまさにClaude Codeの醍醐味——作りながら「ここを直して」と気軽に言える感覚です。

この調子で課題4の業務効率化ツールにも、ぜひ進んでみてください。課題3で作ったホームページの裏側で動くWebアプリのモックを作る内容なので、今日の経験がそのまま活きますよ。

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

課題3まで一気に進められたこと、本当にお見事です。

• 課題4では、今回作ったホームページの裏側で動く業務アプリのモックに挑戦します（Webサービスの仕組みそのものを体験できます）
• 追加で「こんな機能を足したい」「デザインをもっとこうしたい」という希望が出てきたら、気軽にClaude Codeに日本語で話しかけるだけでどんどんブラッシュアップできますよ

次の課題4も、今日の勢いのままぜひ進んでみてください！ きっとすぐ作れます。

完成おめでとうございます！アバター動画系AIエージェントサービスのまとめサイト、しかも海外サービスまで網羅するとは素晴らしい着眼点ですね。

性能とコストを考慮したランキング追加という追加依頼も、まさにビジネスで使えるサイトとして磨き上げている良い判断です。

最後に『質問したいこと：』で終わっていましたが、続きが届いていないようです。ぜひ質問の内容も書き込んでみてください。どんな内容でも、お気軽にどうぞ！

完成おめでとうございます！GJ( ´∀｀)

• Googleマップの埋め込みまで自分で追加依頼できたのは、もう立派な「課題2以降の動き方」ができている証拠です。

• 質問が途中でも全然OKです。作りながら「あれ、これどうすれば？」と気づいたことが出てきたら、そのままチャットに書いてもらえれば一緒に確認します。

• 完成したHPのプレビューで見た目がおかしい箇所があれば、ご自身のブラウザ（Chrome・Safari・Edge）で開いてみてください。プレビューより正確に確認できますよ。

手を動かした分だけ確実に前に進んでいます。引き続き一緒にやっていきましょう！

おめでとうございます！🎉 Cloudflareでの表示まで完結できたのは、立派な成果ですよ。

• 複数パターンを比較して実装を選ぶという流れは、まさに課題3の醍醐味です。Claude Codeにいくつか出させて、自分の目で選ぶ——これが「プラン側に回る」ということですね

• 次は課題4（業務効率化ツール）にもぜひ挑戦してみてください。今回作ったホームページの裏側で動く業務アプリのモックを作っていくステップです

手を動かして完成まで持っていける人が、一番速く伸びます。 この調子でどんどん進めていきましょう！

ドリップバッグコーヒーサイトの完成、おめでとうございます！🎉

実写素材まで組み込んでプロトタイプに仕上げたのは、とても良い進め方です。

• パブリックな農園・コーヒー豆の実写を入れることで、デザインのリアリティが一気に上がります
• プロトタイプとして「実際に近い状態」で作れると、次の改修ポイントも見えやすくなりますよ
• 課題3まで到達できたということは、インストール〜ホームページ制作まで一通り体験できたということ——これは大きな一歩です！

次は課題4（業務効率化ツール）にも、ぜひそのままの勢いで進んでみてください。応援しています！

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

おめでとうございます！🎉 課題1〜3を経てホームページを完成させたのは、本当に素晴らしい一歩です。

実際に手を動かして完成品を作り上げた体験が、この先の業務活用や課題4への大きな土台になります。ぜひ引き続き課題4（業務効率化ツール）にも挑戦してみてください。次のステップもきっと楽しいですよ！

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

課題3の車のホームページ、そして画像生成まで追加で依頼されたんですね——素晴らしいです。

ここまで進められたということは、Claude Codeへの指示の出し方もだいぶつかめてきたのではないでしょうか。

• 画像生成を貼り付けるという追加依頼ができたこと自体、「言葉で頼むだけで形になる」という感覚を体で掴んでいる証拠です
• 課題4（業務効率化ツール）へも、今日ついた感覚のままぜひ進んでみてください

一歩動いた人が、一番早く変わります。 引き続き一緒に手を動かしていきましょう！

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

• 初めてなのに追加依頼なしでサッと仕上げたのは、それだけで十分すごいことですよ。
• 『怖い』という感覚、めちゃくちゃ正直な反応だと思います。慣れてくるとこの速さが当たり前になるのが、Claude Codeのいちばん面白いところです。
• HPのことをよく知らなくても作れた——それがClaude Codeの本来の姿です。 プログラミングや専門知識がなくても、日本語で指示するだけで動く、これが大前提ですので安心してください。

次は課題4の業務効率化ツールへ進んでみてください。課題3のHPの『裏側』を作るイメージで、どんどん世界が広がっていきますよ！

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

Snowboard shop HP、しっかり仕上がりましたね！ 課題1〜3まで駆け抜けたのは、本当に素晴らしい一歩です。

• 追加依頼をしていないということは、まずは「完走すること」を優先してくれたのだと思います。それで正解ですよ。

• 次のステップとして、完成したHPをブラウザで開いて「もう少しここを変えたい」という感覚が生まれたら、それがそのままClaudeへの追加指示になります。 日本語で「ここのボタンの色を変えて」「お問い合わせフォームを追加して」と伝えるだけで、どんどん育てていけますよ。

• 質問したいことが出てきたら、いつでもこのチャットに書いてください。一緒に解決していきましょう！

完走した勢いのまま、次の課題にも進んでいきましょう 😊

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

課題1〜3まで着実に進めていただけたこと、本当に嬉しいです。

• ここまで来れば Claude Codeの基本的な流れはしっかり体に馴染んでいるはずです
• 次の課題4では、今作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）に挑戦です
• 同じようにプロンプトを貼って送るだけで、驚くくらいサクサク進められますよ

この調子でぜひ課題4も楽しみながら進めてみてください！

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

ソフトクリームショップのホームページ、素敵ですね。課題1〜3まで一気にやり遂げたのは、本当に素晴らしい一歩です。

• もし「もっとこんな機能を追加したい」と思ったら、Claude Codeに日本語で一言伝えるだけ でどんどん進化させられますよ
• たとえば「メニューページを追加して」「お問い合わせフォームをつけて」「スマホ表示を整えて」など、思いついたことをそのまま話しかけてみてください
• 次は課題4（業務効率化ツール）へ進むと、ホームページの裏側で動く仕組みまで作れるようになります

今日手を動かしたことが、一番の学びです。このまま続けていきましょう！

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

• TikTokバズりスイーツ店というテーマ、センスがいいですね。SNS映えを意識したデザインになっていれば、そのままリアルな集客にも使えますよ。

• 完成したらぜひプレビューではなくご自身のブラウザ（Chrome・Safari等）で開いてみてください。画像やボタンの動きが正しく表示・動作します。

• 次は 課題4（ホームページの裏側で動く業務ツール） へ進めますよ。課題3で作ったサイトとセットで動くアプリのモックを作っていきます。

ここまで来たら勢いそのままに進んでみてください。応援しています！

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

足立区・北千住のスイーツ店サイト、口コミ表示まで追加されたのは素晴らしいですね。

• 口コミ表示の追加は、日本語で「口コミを表示して」と依頼するだけで実装できる点がClaude Codeの強みの一つです。
• さらに「星評価（★）を表示して」「投稿フォームを追加して」のように続けて依頼すれば、リアルなレビューシステムに育てることもできます。
• 完成した成果物は、そのまま実際のお店のホームページとして使える水準ですので、ぜひ課題4の業務効率化ツール作成にも挑戦してみてください！

手を動かし続けることが一番の近道です。引き続き一緒に進めていきましょう。

おめでとうございます！完成の報告、とても嬉しいです🎉

• 副業に直結するホームページが課題を通じて完成したのは、最高のスタートです。
• 次は課題4へ進みましょう。課題3で作ったホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきます。
• 追加でお願いしたいことや、気になる点が出てきたら、いつでもチャットに書いてください。

副業に使えるホームページがもうあなたの手元にある ——あとは磨いて動かすだけですよ！

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

これはまさにClaude Codeの真骨頂です。

• 「削除して」という指示だけで、ただ消すのではなく記事全体の品質を下げないように自分で判断して施術説明を補完してくれた——つまり、AIが「文章の目的」まで読み取って動いた瞬間ですね。

• これが「指示の意図を汲む」エージェントの力で、単純な命令実行ツールとは根本的に違うところです。

• 「頼んでいないのに盛り込んでくれた」という感覚、最初に体験するとびっくりしますよね。これが当たり前になってくると、次の課題2・課題3でもどんどん活きてきます。

ぜひ次の課題も同じ調子でどんどん進めてみてください。一緒に盛り上げていきましょう！

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

• 茨城のB級グルメというテーマ選びが素晴らしいですね。地域密着コンテンツはSEOにも強く、実用性も抜群です。
• 写真の追加依頼もそのまま日本語で伝えるだけで対応してくれたはずです。まさに『言葉で指示するだけ』の醍醐味を体感できましたね。
• 質問の続きは途切れているようです。気になること・詰まったことがあれば、何でもチャットに書いてください！

課題1-3まで進んだ勢い、そのまま課題4の業務効率化ツール作成にもぜひ挑戦してみてください。応援しています！

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

完成おめでとうございます！介護施設向け配送型衣服販売のECサイト、すばらしいですね。

• 支払い方法の修正まで追加で対応できたのは、課題の醍醐味そのものです。作りながら改善を重ねるプロセスが、一番力になります。

• 課題3はホームページ作成の回ですが、ECサイトとして仕上げられたのは応用力の高さの表れです。

• 質問がありましたら、ぜひ遠慮なくチャットに書き込んでください。スタッフが確認してお答えします。

次の課題4（業務効率化ツール）も楽しみにしていてください。今日の勢いのままどんどん進めていきましょう！

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

• ポケモンカードの高騰情報サイトというテーマ、具体的でリアルなネタが詰まっていてとても良いです。
• 次は課題4に進んでみてください。課題3で作ったHPの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきますよ。
• 完成したHPは、ぜひ ブラウザ（Chrome・Safari・Edge）で開いて 動作を確認してみてください——プレビューより本番環境に近い形で表示されます。

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

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

参考サイトのURLは、Claude Codeへの指示文の中に直接貼るだけでOKです！

• 例えば『このサイト（🔗[リンク省略] Codeが自動的にアクセスして参考にしてくれます。

• 専用の入力欄は必要ありません。チャット欄に日本語の指示＋URLを貼り付けるだけで大丈夫です。

• 複数のサイトを参考にしたい場合は、URLをいくつか並べて貼ってもOKです。『AのレイアウトとBの配色を組み合わせて』のように指定するとさらに具体的な成果物が出てきますよ。

ラーメン店紹介HP、完成おめでとうございます！このまま課題4の業務効率化ツールにもぜひ挑戦してみてください。

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

• 『会計事務所の選び方』というテーマ、実務ニーズに直結していて素晴らしいですね。
• 課題3まで進めると、ホームページの基本的な骨格がしっかり身につきます。次の課題4では、このホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）に挑戦できますよ。
• もし画面キャプチャなどシェアしたいことがあれば、ぜひチャットに投稿してください。

引き続き楽しみながら手を動かしていきましょう！

完成おめでとうございます！テレワークスペースのコンサルティングサイト、素晴らしいですね。

• 若手〜エクゼクティブまでの幅広いメニューを追加したのは、ターゲットを明確にした良い判断です。
• 課題3はホームページを作るステップなので、まさに今その成果が出ていますよ。

質問の内容が途中で切れているようです。ぜひ続きをチャットに書いてください！どんな内容でもスタッフが一緒に確認しますよ。

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

「複雑なチュートリアルサイト」にするための具体的なアプローチを紹介します。

• ステップ形式の進捗管理を追加する＝各裏技に「STEP 1〜5」のような手順ページを作り、読者が「今どこにいるか」分かる構成にする（例：チェックボックス付きの進捗バー）

• インタラクティブな要素を組み込む＝Claude Codeに「クイズ機能」「入力フォームで診断」「コードをその場で試せるサンプル欄」を追加するよう指示するだけで実装できます

• 「サイトをチュートリアル形式にリニューアルして。各コンテンツにステップナビゲーション・進捗バー・章末確認テストを追加して」 と一行指示するのが一番の近道です

• 難易度ラベル（初級・中級・上級）や「所要時間の目安」を各ページに加えると、ユーザーが迷わず使いやすくなりますよ

せっかく「SNSバズ系サイト」というテーマが明確なので、そこに沿ったチュートリアル設計にすると一気にクオリティが上がります。ぜひ課題4の業務ツール制作にもそのまま活かしてみてください！

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

AI生成っぽいデザインを「おしゃれ」に仕上げるコツをお伝えしますね。

• 「参考サイトのURLを一緒に渡す」 のが一番手っ取り早いです。「このサイトのデザインテイストに近づけて」とURLを貼るだけで、雰囲気がガラッと変わります
• 「フォントをGoogleフォントの日本語対応のものに変えて」 と指示してみてください。フォント一つでAI感がグッと薄れます
• 「余白を広めに、色は2〜3色に絞って」 と制約を与えると、シンプルで洗練された印象になります
• 「Awwwards（アウォーズ）参考に、ミニマルで洗練されたデザインにして」 のように、デザイン方向性のキーワードを添えると狙い通りになりやすいです

一番のポイントは「参考URL＋一言の方向性キーワード」をセットで渡すこと。これだけで成果物のクオリティが一段階上がります。

完成したら、ぜひ追加で「こうしたい」を一言ずつ足していくだけでどんどん磨かれますよ。手を動かし続けるのが一番の近道です！

完成おめでとうございます！カラー変更まで試してみたのは素晴らしいですね。

プロンプトを深く理解するために、意識してほしいポイントをお伝えします。

• ゴールを最初に書く：「原宿スイーツショップのホームページを作って」のように、何のためのページかを一文目に置くと、Claudeが全体の方向性をブレずに進んでくれます
• 変更したいときは差分だけ伝える：今回の「ピンクから緑に」がまさに正解の形です。全部を書き直さず、変えたい箇所だけシンプルに伝えるのがコツです
• 自分の言葉で「何を・どんなふうに・なぜ」を書く習慣が、そのままプロンプト力になります — テンプレを探すより、自分のビジネスや業務をそのまま日本語で書いてみてください
• うまくいったプロンプトはメモしておく：次に同じような依頼をするときの「型」になります。少しずつ自分専用のパターンが育っていきますよ

難しく考えず、まず「もう一度同じHPを最初から自分で作る」を試してみてください。一回目より格段にスムーズに進むはずです！

完成おめでとうございます！🎉 博多のラーメン屋さんという具体的なテーマで、しかも予約システムまで追加されたのはすばらしいですね。

課題3のホームページに、さらに予約システムを組み込んだということは、課題4（業務効率化ツール）の世界にも自然に足を踏み出しているイメージです。まさにClaude Codeの使い方の流れをつかんでいただけている証拠だと思います。

質問は途中のようですが、気になったことがあればぜひそのままチャットに書いてみてください。どんな細かい疑問でも大歓迎ですよ。引き続き一緒に進めていきましょう！

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

• ぜひ『何を作ったか』『追加で依頼した内容』『質問したいこと』を書き込んでみてください。
• 具体的に書いてもらえると、スタッフがすぐに一緒に確認できます。
• 質問は些細なことでも大丈夫ですよ。

ここからが本番です。 課題4（業務効率化ツール）もぜひ楽しんで進めてみてください！

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

• 『2026年保存版 PC選びガイド』、とても実用的なテーマですね。
• 質問したいことがあればぜひチャットに書いてください！内容を拝見して一緒に解決します。
• 課題を着実に進めているのは、それだけで大きな一歩ですよ。

このまま 課題4（業務効率化ツール） へも進んでいきましょう！

おめでとうございます！🎉 ホームページの完成、本当に素晴らしいです。

課題3まで一気に進んでいただけたのは、手を動かし続けた証ですね。

• 課題4では、今作ったホームページの裏側で動く業務アプリのモックに挑戦できます
• 「表のページ＋裏の仕組み」が揃って、はじめてWebサービスの全体像が見えてきますよ
• ぜひこの勢いのまま、次のステップも進んでみてください

完成した達成感をそのまま次の課題へのエネルギーに変えてほしいです。 応援しています！

おめでとうございます！課題3まで一気に完走、素晴らしいです！

• 飲食店のHPはデザインの見せどころが多いので、良い練習になったと思いますよ。
• 課題3で作ったホームページは、次の 課題4（業務効率化ツール） の土台にもなります。
• 完成したら、ぜひ画面を見返して「どこを変えたいか」も考えてみてください。そこから自分のアイデアが広がります。

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

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

原宿の映えスイーツ「映えは正義」、センスある題材ですね。

• イラストから写真への切り替えまで自分で追加依頼できたこと、それ自体がすでに『要望をClaudeに伝える』練習になっていますよ。
• こうして小さくカスタマイズを重ねていくのが、Claude Codeの使いこなしの一番の近道です。

課題3まで来たら、次は課題4（業務効率化ツール）へぜひ進んでみてください。作ったホームページの裏側で動く業務アプリのモックが体験できます。どんどん手を動かして、今日の勢いを活かしましょう！

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

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

• AIのビジネス活用事例を紹介するサイト、というテーマ選びがとてもよいですね。自分の「伝えたいこと」が明確なサイトは、この後の課題4（業務効率化ツール）との連携でも活きてきます。

• 課題3で作ったホームページの「裏側」で動く仕組みを作るのが次の課題4です。ホームページと業務アプリがつながる瞬間、ぜひ楽しみにしてください。

• 追加で依頼した内容や質問が出てきたら、いつでもチャットに書いてくださいね。

引き続き一緒に進めていきましょう！

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

• 課題1〜3をここまで進められたということは、インストール・課金・ゲーム制作・ホームページ作成まで一通り体験できた状態です。
• 作ったホームページは、次の 課題4（業務効率化ツール）の土台になりますので、そのままの勢いで進めてみてください。
• もし「ここをもっとこうしたい」という改善アイデアが出てきたら、Claude Codeに日本語でそのまま伝えるだけで直せます。

この調子で課題4も一気に進めていきましょう！ 何か詰まったところがあればいつでも聞いてくださいね。

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

完成おめでとうございます！素晴らしい仕上がりですね🎉

• 地元ラーメン屋まとめサイトという切り口、めちゃくちゃ実用的です。地域密着型のコンテンツはSEOにも強く、実際のビジネスにもすぐ転用できます。

• レビュー評価3以上で絞り込む追加依頼まで自分でできたこと——これが課題の本質です。「こうしたい」を日本語で伝えるだけで、Claude Codeが実装まで完結してくれたはずです。

• 課題3で『ホームページを作る』を体験した今、次の課題4では『その裏側で動く業務アプリのモック』に挑戦します。 表と裏が繋がる感覚、ぜひ楽しみにしていてください！

質問があれば何でもどうぞ。このまま課題4に進んでいきましょう！

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

ここまで進んだこと、素直にすごいと思いますよ。

• 何を作ったか（どんなHPか）、完成後に追加で依頼した内容、質問したいこと——この3項目、ぜひ埋めて投稿してみてください。
• 内容を見て、スタッフがしっかり確認します。
• スクリーンショットもあると、より的確にフィードバックできますよ。

完成したこと自体が大きな一歩です。次のステップも一緒に進めましょう！

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

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

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

• 新宿のTV取材常連のインドカレー店というテーマ、最高ですね。ビジュアルが映えるお店はHPの見栄えも格段に上がります。

• 課題3はホームページを作る回ですが、ここで大切なのは「作れた」という体験そのものです。プロンプト1つでこのクオリティが出る、という手応えを覚えておいてください。

• 次は 課題4（業務効率化ツール） に進みましょう。課題3で作ったHPの裏側で動く業務アプリのモックを作っていきます——このカレー店で言えば「予約管理・食材在庫・売上ダッシュボード」のような仕組みのイメージです。

追加で依頼した内容や次に作りたいものがあれば、ぜひチャットに書いてみてください。一緒に進化させましょう！

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

susuru.tvテーマのラーメンまとめサイト、センスがいいですね。

• ランキングやトピックに YouTubeの動画リンクを追加 したのは、ユーザーがそのまま動画に飛べてとても実用的な一歩です。
• 課題4では、このホームページの裏側で動く業務アプリのモックを作っていきます。ぜひ引き続きチャレンジしてみてください！

どんどん手を動かすほど力がつきます。このまま突っ走ってください！

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

• 原宿のスイーツ店というテーマ、センスがいいですね。デザインの雰囲気が伝わってきます。
• 課題3まで進められたということは、インストール・課金・シューティングゲームと着実に手を動かしてきた証拠です。
• 追加で依頼した内容や、次の課題4（業務効率化ツール）への疑問があれば、ぜひこのチャットに書いてみてください。

「作れた」という実体験こそが一番の財産——ここからどんどん自分のビジネスに引き付けていきましょう！

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

リアルタイムで外部情報を取得するHPは、Claude Codeで作れますよ！

まず課題1-3のHP完成、おめでとうございます！

価格.com的な「リアルタイムで情報を引っ張ってくる」仕組みについて、具体的にお答えします。

• 方法は2つあります。①外部サービスが「API（データの連絡口）」を公開していれば、そこから定期的に最新データを取得できます。②APIがない場合は「スクレイピング」（Webページの情報を自動で読み取る）も技術的には可能ですが、対象サイトの利用規約の確認が必要です。

• スイーツ店の用途なら、たとえば Googleマップの口コミ・評価をリアルタイム表示したり、SNS（TikTok/Instagram）の最新投稿を埋め込むのはかなり現実的な活用例です。

• Claude Codeへの指示はシンプルで、「〇〇のAPIから最新データを取得して、一覧表示するページを作って」と日本語で伝えるだけで実装まで自律的に進んでくれます。

今日から試してみてください！まずはGoogleマップAPIあたりが入門としておすすめですよ。

おめでとうございます！自社HPの完成、すばらしいです！🎉

追加でご依頼された内容も、実務でとても大事なポイントが揃っていますね。

• プライバシーポリシーは、問い合わせフォームを設置する際に必須の要素です。Claude Codeに「プライバシーポリシーページを追加して、問い合わせフォームとリンクさせて」と一言伝えれば、ページ作成からリンク設置まで自動でやってくれますよ。

• 配色を「優しいイメージ」にしたい場合は、「パステル系・温かみのある配色に全体を統一して」のように指示するだけでOKです。

• ブログでSEO流入を増やす仕組みは、Claude Codeの得意中の得意です。 Obsidianなどにネタをストックしておくと、ワンクリックでSEO最適化された記事を自動生成・自動投稿する仕組みまで作れます。まずはHPにブログページを追加するところから始めてみてください！

今日手を動かした経験がそのまま次のステップへの土台になります。このまま進めていきましょう！

完成おめでとうございます！ 課題1〜3まで一気にやり遂げたのはすごいことですよ！

• 原宿スイーツのHP、ぜひプレビューで見てみてください（アプリ内プレビューで画像が出ない場合は、ChromeやSafariで開くとちゃんと表示されますよ）
• 課題4は、このHPの裏側で動く業務アプリ（お問い合わせ管理・会計連携など）を作るステップです ——ここからがさらに面白くなります
• 詰まった部分があれば、エラー画面のスクショ＋状況をサポート窓口に送ってもらえればすぐ一緒に確認できます

今日手を動かして完成まで持っていった、その行動力が一番の財産ですよ！

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

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

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

課題3まで一気に進められたのは、本当に素晴らしいです。

• 伊丹のおいしいお店サイトというテーマがとても具体的で、自分の地元・身近な題材で作るとリアリティが出てとても良いですよ。
• お寿司のお店を追加依頼されたとのこと、「新しいお店を足して」と日本語で追加依頼するだけで反映されたはずです。この「あとから追加・修正が日本語1行でできる感覚」こそが Claude Code の醍醐味です。
• 質問は思いついたタイミングでいつでも書いてください。完成したHPのスクリーンショットがあれば、ぜひ お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にも送ってみてくださいね。

次は課題4の業務効率化ツールも楽しみにしていてください！

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

和紙製品OEMのBtoBサイト、完成おめでとうございます！

• イメージ画像を複数追加するのは、BtoBサイトでも非常に効果的な一手です。製品の質感・雰囲気が伝わるほど、問い合わせ率が上がりやすくなります。

• 質問したいことがあれば、ぜひこのチャットにそのまま続けて書いてください。内容を拝見してお答えします！

• もし「画像がプレビューで表示されない」場合は、成果物のHTMLファイルをご自身のブラウザ（Chrome・Safari・Edgeなど）で開いてみてください。プレビューの制限で見えないだけで、ブラウザでは正しく表示されることがほとんどです。

課題1-3をここまで仕上げられたこと、すごく順調ですよ。続きも一緒に進めていきましょう！

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

ここまで手を動かし切ったことが一番の成果です。完成した画面を眺めてみると、「自分でこんなものが作れたのか」という感覚が得られると思います。

• 課題3で作ったホームページは、課題4の業務効率化ツール（裏側の管理アプリ） へとつながる土台になります
• 次のステップでは、同じホームページに「お問い合わせ管理」「予約受付」などの機能を追加していく流れです
• 詰まったところや「こうしたい」という要望があれば、Claude Codeに日本語でそのまま伝えるだけで改善できますよ

引き続き課題4も楽しんで進めてみてください。完成報告、またぜひ聞かせてください！

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

デザインの指示は「感覚語」より「具体的な数値・参考URL・構造」で伝えるのがコツです。

• 『スタイリッシュ』より参考サイトのURLを1〜2本貼るだけで精度が格段に上がります（例：「このサイトのトーン・レイアウトに近い雰囲気で」）

• 禁止事項は必ずネガティブ指定で書く（例：「黄色・オレンジ系の文字色は一切使わない」「明朝体不使用」）——何を使わないかの明示がデザインの再現精度を上げます

• 背景色・文字色・アクセントカラーをHEX値で直接指定するのも効果的（例：「背景 #1a2a4a、メイン文字 #ffffff、CTA #0066cc」）

• それでも「微妙にズレる」なら、一度出た結果に対して「ここの余白が狭い・このボタン色が浮いている」と箇所を絞って修正指示を重ねていく方が、まとめて書き直すより早く理想に近づきます。

受託案件向けのHPが完成したこと自体、すごい一歩ですよ。このまま追い込んでいきましょう！

画像生成は、Claude Code から fal.ai 経由で `gpt-image-2` を呼び出す構成で作れます！

• Claude Codeに「画像を生成して」と日本語で指示するだけでOKです。裏では fal.ai のAPIを叩いて `gpt-image-2`（OpenAIの画像生成モデル）が動き、生成画像をローカルに保存→HPへ自動で組み込むところまで一気にやってくれます

• つまり 別のツールやサービスに移動する必要はなく、Claude Codeの中だけで完結します（fal.ai のAPIキー設定が必要ですが、Claude Codeが手順を案内してくれます）

• 配置設計も「この位置にこの画像を入れて」と追加指示するだけで、HTMLを自動で書き直してくれますよ

• プレビュー画面で画像が表示されない場合は、ブラウザ（Chrome・Safari・Edge）でHTMLファイルを直接開いてみてください。プレビューの制限で出ないだけで、ブラウザなら正しく表示されます

HP完成おめでとうございます！画像を入れるとグッと完成度が上がりますので、ぜひ試してみてください😊

開発サーバーの停止・再起動の繰り返しは、いくつかの原因が考えられます。

• Pythonや依存ライブラリの未インストールは確かに原因の一つです。ただ、Claude Codeが必要なライブラリを自動でインストールしようとするため、エラーメッセージをそのままClaude Codeに貼り付けると自動修正してくれることが多いですよ。

• PCのメモリ（RAM）不足も要注意です。開発サーバーを立ち上げると一定のメモリを使うため、他のアプリを多数開いている場合は閉じてみてください。

• プレビューではなく、ご自身のブラウザ（Chrome・Safari・Edge）で完成したHTMLファイルを直接開いてみてください。 プレビュー画面の制限でサーバーが不安定に見えるケースもあります。ブラウザで開けばサーバーなしで正しく表示されることも多いです。

• エラーメッセージや止まったときの画面が見えると原因を特定しやすいので、スクリーンショットを お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html に投稿していただけると、一緒にすぐ解決できますよ。

ホームページ完成おめでとうございます！これからの施設立ち上げ、応援しています。

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

完成、おめでとうございます！課題3まで進んだこと自体がすでに大きな一歩です。

『チープ感が出てしまう』は、多くの方が通る道です。実は指示の改善ポイントはシンプルで、次の3つを意識するだけでグッと変わります。

• 参考サイトのURLをそのままClaudeCodeに貼る — 「このサイトのデザインの雰囲気で作って」と一言添えるだけで、配色・余白感・フォントの方向性がぐっと揃います
• 「プロっぽく」より具体的な言葉を使う — たとえば「余白を広めに取って、メインカラーはネイビー、文字は大きめで読みやすく」のように数値・色・方向感を入れると再現性が上がります
• 「このどこが気になるか」をClaude Codeに伝える — 「保険会社っぽい」「チープに見える」とそのまま言えば、自分でデザインを分析して修正案を出してくれます

質問は遠慮なくどうぞ！課題3まで来たなら、あとは『指示の精度を上げるだけ』の段階です。一緒に仕上げましょう。

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

原宿スウィート店のホームページ、すばらしいです。

課題3まで進められたこと、まずはしっかり一歩前進できましたね。

• せっかく作ったHPなので、次は デザインの雰囲気を追加指示してみてください（「もっとポップに」「パステルカラーで女の子らしく」など一言でOKです）
• Claude Codeは追加指示を重ねるたびにどんどん完成度が上がります——今のHPをベースに「お問い合わせフォームを追加して」「SNSリンクを載せて」と試してみるのが次のステップです
• 課題4（業務効率化ツール）もぜひ続けてみてください。このHPの裏側で動く仕組みを作っていく流れになります

またどんどか報告・質問を書いてくださいね！

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

• どんなホームページを作ったか、追加で依頼した内容、質問したいことをぜひ教えてください！
• 詳しく書いてもらえるほど、的確にフィードバックできますよ。
• 気になる点は何でも遠慮なくどうぞ。

次の課題4（業務効率化ツール）も楽しみにしていてくださいね！

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

• 地元のグルテンフリーのお店特集というテーマは、地域密着でニーズもはっきりしていて、とても良い題材だと思います。
• 完成後に「口コミサイトの複数提示」まで追加でお願いできたということは、Claude Codeとの会話のキャッチボールがもう身についてきている証拠です。
• この「完成後にさらに追加依頼する」感覚こそ、実務での使い方そのものです。どんどん欲張って依頼してみてください。

課題4（業務効率化ツール）もぜひ続けてみてくださいね！応援しています。

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

ホワイトペーパーDLをフックにした潜在顧客獲得LPというのは、ビジネス活用として的を射た使い方ですよ。

取得項目の過不足の調整まで追加でやり切ったのも素晴らしいです。入力フォームの項目数はコンバージョン率に直結するので、「多すぎず・少なすぎず」の感覚がついてくると、実務でもそのまま使えるスキルになります。

ところで、質問したいことの本文が途中で終わっているようです。

• どんなことでも気になる点はぜひ続きを書いてください！
• もしスクリーンショットを見せてほしい内容であれば、お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にも送っていただけると、一緒に確認できますよ。

完成おめでとうございます。次の課題も楽しみにしています！

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

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

自分の知っているお店を追加してスコア88まで持っていったのは、まさに「自分だけのコンテキスト（情報）を渡す」という活用の核心ですよ。

• 地元の一次情報をAIに渡すほど、他では出せないオリジナルなコンテンツが生まれます
• スコアが低かったら追加・改善してループさせる——このPDCAがClaude Codeの醍醐味です
• 88という数字は立派なベンチマーク達成。ぜひ次は課題4の業務ツール作成へ進んでみてください！

質問の続きが途中で切れていたようです。気になっていることがあれば、遠慮なく続きを書いてくださいね😊

完成おめでとうございます！🎉 中小企業の採用ページ、素晴らしいですね。

配色の追加依頼までできたなら、課題の流れはバッチリです。

• 採用ページは「応募したくなる雰囲気・情報の見やすさ」がポイントなので、Claude Codeに『ターゲット（20代〜30代の転職希望者向けに明るく信頼感のある配色に）』と具体的に伝えると、より狙い通りの仕上がりになりますよ。

• 追加で聞きたいことがあれば、ぜひ続けてチャットに書いてくださいね。せっかく手を動かして完成まで持っていけたので、次の課題も勢いそのままに進んでいきましょう！

HP完成おめでとうございます！色・写真・コンセプトまで追加依頼できたのは素晴らしいです。

イメージを伝えるのが難しいときは、こんな伝え方が効果的ですよ。

• 参考サイトのURLを貼る「このサイトの雰囲気に近づけて」と具体例を見せるのが一番早いです。
• 3つの形容詞で表現する「シンプル・高級感・清潔感」のように、感覚をキーワードにして渡すと伝わりやすいです。
• NGを伝える「ポップな感じはNG」と逆から絞り込む方法も効きますよ。
• 色のコードや画像ファイルを直接渡す — 「この画像の色味に合わせて」と具体物を渡すのが最も確実です。

「言葉より実例」が Claude へのイメージ共有の最強の方法です。

うまく伝えられなくても、何度かやりとりするうちにコツが掴めてきますよ。今日の完成はしっかり前進できた証拠です！

完成おめでとうございます！newsページと管理ページまで追加されたのは素晴らしいですね。

• コーポレートサイトに管理ページを組み合わせると、更新作業がグッと楽になりますよ
• newsページはSEOにも効くので、定期的に更新していくとさらに効果が出てきます
• 質問の続きはぜひチャットへ！内容を送ってくださればすぐにお答えします

課題3まで一気に完成させた勢い、そのまま課題4へも進んでみてください。応援しています！

注文ページ・管理ページ・データベースへの発展は、まさに課題4のテーマです！

課題3（ホームページ）で作ったフロント（見た目）の裏側に、業務が動く仕組みを組み込んでいくステップですね。具体的にはこんな構成になります。

• 注文ページ＝お客さんが商品を選んでカートに入れ、注文を確定するページ（フォームやカート機能）
• 管理ページ＝お店側が注文一覧を確認・管理できるパスワード付きの裏画面
• データベース化＝注文データや在庫情報をファイルやDBに保存・更新する仕組み

Claude Codeへの指示もシンプルで、「課題3で作ったパン屋のHPに、注文フォーム・注文管理ページ・注文データの保存機能を追加してください」とゴールを伝えるだけで自律的に組み立ててくれますよ。

英日切り替えまで入れていれば、土台はすでにしっかりしているので応用しやすいはずです。課題4でぜひ一気に仕上げていきましょう！

はい、その理解で合っています！

プロンプトの「型」はあくまで骨格なので、ゼロから考える必要はありません。

• 型の中の「作りたいHP」の部分だけを書き換えるイメージで進めてください（業種・サービス名・ターゲットなどを入れるだけでOKです）
• 型に沿って入力するだけで、Claude Codeが不足している情報を自動で補完して仕様書〜実装まで進めてくれます
• 最初は「作りたいHPの概要を1〜2行書くだけ」で十分 — 詳しく書けば書くほど精度は上がりますが、まずは動かしてみることが一番の近道です

まずは課題の手順どおり、型に自分のHP内容を当てはめて送信してみてください。すぐに形になってきますよ！

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

• 課題1〜3まで進められたのは、しっかり手を動かした証拠です。素晴らしいです。
• 完成したホームページは、課題4の業務効率化ツール（Webサービスの仕組み）の土台にもなりますよ。
• 「動いた！できた！」というこの感覚を大切に、そのまま次の課題へ進んでみてください。

ここまで来たら、あとは一歩ずつです。一緒に進みましょう！

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

課題1〜3まで一気に仕上げてしまったのは、本当に素晴らしいです。

• 課題2の 自動見積もりシミュレーター、課題3の ホームページ、どちらも「日本語で指示するだけで形になる」体験を実感していただけたのではないでしょうか。

• この感覚を掴んだら、ぜひ 課題4の業務効率化ツール にも挑戦してみてください。課題3のホームページの裏側で動くWebサービスの仕組みを作るステップで、さらに面白くなりますよ。

• 完成した成果物を眺めてみると、「次はここをこう変えたい」というアイデアが自然と湧いてくるはずです。どんどんClaude Codeに話しかけてみてください。

引き続き一緒に進めていきましょう！

営業コンサル会社のHP、課題1〜3の完成おめでとうございます！🎉

• 「課題解決・DX・人材育成を一気通貫」というコンセプトが明確で、方向性がしっかり決まっているのが素晴らしいですね。
• 次は課題4の業務アプリ（バックエンド側）へ進んでみてください。課題3で作ったHPの裏側で動く業務ツールを作る流れで、Webサービスの仕組みがぐっとリアルになります。
• 追加で依頼したいことが出てきたら、どんどんClaudeに日本語で投げてみるのが一番の近道ですよ。

一歩一歩確実に積み上げていますね。この調子でどんどん前へ進んでいきましょう！

HPの完成、おめでとうございます！カメラ情報サイト＋レビュー収集まで追加依頼できたのは素晴らしいですね。

Fable 5とOpus 4.8の違いについてお答えします。

• Fable 5は現時点で多くの環境では「ご利用いただけません」と表示される新しいモデルです。まだ一般提供が始まっていない段階のため、Claude Codeで使おうとするとエラー通知が出ることがほとんどです。

• その通知が出た場合は無視してOKです。使うモデルを Sonnet や Opus 4.8 など使えるモデルに切り替えるだけ で、課題はそのまま問題なく進められます。

• モデルの世代比較（どちらが賢いか）に時間を使うより、どのモデルでも課題をガンガン進めるほうが圧倒的に伸びます——Claude 3.5以降はモデル間の差はほぼ枝葉の話ですので。

今日のHPをベースに、次の課題もどんどん手を動かしていきましょう！

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

地元名産のお菓子屋さんのHPを完成させて、さらに風景写真の追加指示まで自分でやりきった——それだけで十分すごいことです。

• 課題3（ホームページ作成）は、作るだけでなく『追加で指示を出して改善する』という一連の流れを体験することに意味があります。もうそれができていますよ。

• 質問は思いついたときに気軽に書いてください。『うまく言語化できない』『何を聞けばいいかわからない』という状態自体がよくあることなので、「ここで詰まっている」「こうしたいけど動かない」というざっくりな状況だけ書いてもらえれば一緒に整理できます。

• 次は課題4（業務効率化ツール）に進んでみてください。課題3で作ったホームページの裏側で動く仕組みを作っていきます。

焦らず一歩ずつ、一緒に進みましょう！

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

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

Apple端末の値上げまとめサイト、素晴らしいテーマですね。実際に役立つ情報をまとめたページを作れたこと、とても良い第一歩です。

• デザインや見やすさをさらに磨きたい場合は、「もっとスタイリッシュに」「表を使ってわかりやすく」など日本語で追加指示してみてください
• 追加で「比較表」や「価格推移グラフ」を依頼すると、一気にプロ仕様のページになります
• 次は課題4（業務効率化ツール）へ進んでいきましょう！

課題を一つ一つ完成させていくことが、Claude Codeの感覚を身につける一番の近道ですよ。

完成おめでとうございます！SNSマーケティングサイトとは、ご自身の活動にすぐ直結する実用的なテーマですね。

課題3のホームページ制作は、日本語で指示するだけでここまで形になるという感覚を掴む一番の体験です。

• 課題4では、このホームページの裏側で動く業務アプリのモック（Webサービスの仕組み）を作っていきますよ
• 「もっとこうしたい」という改善も、一言指示するだけでどんどん形になるので、ぜひ試してみてください
• うまくいかない部分があれば、エラー画面のスクショを お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html に送ってください

次の課題もぜひ楽しんで進めてみてください！

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

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

• 財務分析HPというテーマ選びが素晴らしいです。中小企業が決算書・試算表をもとに自社の財務状況を把握できる仕組みは、実務での需要が高いテーマです。
• 課題3（ホームページ制作）まで一気に進められたことで、Claude Codeで「日本語の指示だけでプロ品質のWebページが作れる」という体験がしっかり掴めたはずです。
• 次の課題4（業務効率化ツール）では、このホームページの裏側で動く業務アプリのモック制作に進みます。財務分析のテーマをそのまま活かして、例えば「試算表を貼り付けるだけで自動分析するツール」へ発展させるとさらに実践的になりますよ。

今日作ったものを土台に、どんどん進めてみてください！

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

東海地方の自然景観＆インスタ映えスポットをまとめたサイト、素敵なテーマですね。

• 課題3（ホームページ制作）はデザイン6パターンをClaude Codeに出してもらい、自分好みの一つを選ぶ流れがおすすめです
• 完成したら、追加指示（例：「地図リンクを追加して」「写真をカード形式に変えて」）でどんどんブラッシュアップできますよ
• 「質問したいこと」欄が空白でしたが、もし詰まっている箇所や次にやりたいことがあれば、ぜひ気軽にチャットへ書き込んでください

次は課題4（業務効率化ツール）への挑戦もお待ちしています。今日作ったHPの裏側で動くWebサービスの仕組みを体験できますよ。どんどん進めていきましょう！

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

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

追加指示で修正できたのは、とても良い進め方でしたよ。

• 複数ページ化したときにデザインが崩れたのは、よくあるケースです。最初の指示に「1ページのみ」と明示したのに対し、複数ページの構成はデザインルールを引き継ぐ指示が必要になります
• 「こうじゃない」と感じたらすぐ追加指示を出すのが、Claude Codeを使いこなす一番の近道です。遠慮なくどんどん指示してください
• 今後複数ページを作る際は、「最初の1ページのデザインを全ページに統一して」と一言添えると崩れにくくなりますよ

「食を通した地域貢献」というテーマ、素敵です。次の課題も楽しみにしています！

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

課題3まで完走、素晴らしいです！

• 課題1〜3はインストール→はじめてのゲーム開発→ホームページ制作と、Claude Codeの基礎をまるごと体験できる流れになっています。ここまで来たらもう「Claude Codeで作れる」という感覚は掴めているはずです。

• 次は 課題4（業務効率化ツール＝ホームページの裏側で動くWebサービスのモック）にぜひ挑戦してみてください。課題3で作ったホームページと繋がる形で、一気にビジネス活用のイメージが広がりますよ。

• 詰まったら遠慮なく お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html へどうぞ。スタッフが一緒に解決します。

課題4もぜひ楽しんで進めてください！

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

レイアウト指定は「構造を言葉で図解する」イメージで書くのが一番精度が上がります。

• ヘッダー・メインビジュアル・セクション・フッターの順番と、各エリアに何を置くかをざっくり箇条書きで書く（例：「ヘッダーにロゴ＋ナビ、その下に全幅の電車の画像、その下に3カラムでスタンプ一覧」）

• 「左寄せ・中央揃え・右寄せ」「PC2カラム・スマホ1カラム」のような配置の言葉を添えると、Claude Codeがそのまま解釈してくれます

• 参考サイトのURLを一緒に渡して「このレイアウトに近い形で作って」と伝えると、一番ブレが少なく意図通りに仕上がります

• 最初から完璧を目指すより「だいたいこの構造で作って、気に入らなければ修正する」というやり取り前提で進める方が、結果的に早く理想に近づきますよ

写真追加や文言変更まで自分でやり切れたのは素晴らしいです。その調子でどんどん手を動かしてみてください！

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

マインクラフト攻略サイトとは、素晴らしいテーマを選ばれましたね。

• 攻略サイトは情報量が多くなりがちですが、Claude Codeなら 検索機能やカテゴリ分類 もすぐ追加できますよ
• 次の課題4では、このホームページの裏側で動く 業務アプリのモック（管理システム） を作っていきます
• ゲームの攻略情報を管理する仕組みも、同じ流れで作れますので楽しみにしていてください

一歩一歩着実に進んでいただいていて、とても嬉しいです。このまま課題4も進めてみてくださいね！

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

世田谷・目黒・大田エリアのドッグカフェサイト、素敵なテーマですね。

• 地域名を絞り込んでいるのが、SEO的にも実務的にもとても良いポイントです。
• ドッグカフェは写真映えやメニュー紹介、ペット同伴ルールなど、追加で盛り込める要素がたくさんあります。
• 余裕があれば「予約フォーム」や「アクセスマップ」を追加依頼してみると、より実用的なサイトに仕上がりますよ。

次は課題4（課題3のホームページの裏側で動く業務アプリのモック）に進めますので、ぜひ続けてみてください。完走した勢いのまま、どんどん前に進みましょう！

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

名古屋のバズるスイーツ店というテーマ、最高ですね。

• デザインや雰囲気のこだわりがあれば、ぜひチャットで教えてください！
• 次は 課題4（課題3のホームページの裏側で動く業務アプリのモック）に進んでみてください。
• 「もっとこうしたい」という追加アイデアがあれば、気軽にClaude Codeに話しかけるだけでどんどん育てられますよ。

一度完成させた体験が、次の課題への一番の自信になります。 このまま勢いよく進んでいきましょう！

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

テーマがとても面白いですね。「服に無頓着だった50代男性が格安・簡単に見違える」というコンセプトは、ターゲットが明確で共感を呼びやすい絶好の切り口です。

課題3まで一気に仕上げた行動力、素晴らしいですよ。

ここからさらに磨きたい時は——

• デザインのバリエーションを追加で作らせる（「もっとシンプルに」「男性らしい配色で」など一言追加するだけです）
• 問い合わせフォームやコーディネート診断など、来た人が次のアクションを起こせる仕掛けを入れる
• 課題4の業務効率化ツールへ進んで、この HP の裏側で動くアプリ作りに挑戦する

まだやってみたいことや「こうしたい」というイメージが浮かんだら、ぜひClaude Codeに日本語でそのまま伝えてみてください。今日ここまで動いた勢いで、次の一歩もきっと楽しめますよ！

講座集客ページの完成、おめでとうございます！🎉

レスポンシブ対応の確認まで進めていただけたのは素晴らしいですね。

• レスポンシブ対応の確認は、スマホ・タブレット・PCの3パターンで実際に表示を見ておくのが一番確実です。Claude Codeのプレビューで崩れて見える場合は、ご自身のブラウザ（Chrome・Safari・Edge）で開くと正しく表示されることが多いのでぜひ試してみてください。

• 質問の続きは、ぜひそのままチャットに書き込んでいただければすぐにお答えします！内容が長くなりそうな場合や画面の状態を見せたい場合は、お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html にスクリーンショットを添えて送っていただくとより的確にサポートできます。

課題4（業務効率化ツール）もぜひ引き続き取り組んでみてください。今日動かせばその分だけ早く手に馴染んできますよ。

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

完成おめでとうございます！ローカルサーバーまで確認できたのは完璧な進め方ですよ。

• 課題3（ホームページ制作）をしっかり完走して、さらにブラウザ確認まで追加依頼できたのは素晴らしいです。プレビューで確認するのと、実際のブラウザで動かすのは別物なので、その一歩が大事なんです。

• 今回のように 『完成したら実際に動かして確かめる』 という習慣が身につくと、課題4以降もスムーズに進みますよ。

• 次は課題4（業務効率化ツール）——課題3で作ったホームページの裏側で動く業務アプリのモックを作ります。今回の輸入商社サイトとセットで動くツールが出来上がるイメージです。

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

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

画像リンクのエラーを4回目で突破できたのは、本当にすばらしい粘りです。

• 3回失敗してもやめなかったこと自体が、Claude Codeを使いこなす上で一番大事な姿勢です。
• エラーが出たときは、エラーメッセージをそのままClaude Codeに貼り付けて「修正して」と伝えるだけで自動で直してくれます。何度繰り返してもOKです。
• 「失敗した回数」ではなく「最終的に動いたかどうか」が全て——これがClaude Codeとの付き合い方の基本です。

課題4の業務効率化ツールも、同じ粘り強さで進んでいきましょう！応援しています😊

おめでとうございます！MOKOMOKO CANDY LAB、完成ですね！

• 課題3まで一気に完走されたこと、素晴らしいです。日本語の指示だけでここまで仕上がるのが Claude Code の醍醐味ですよ。

• 次のステップとして、課題4（業務効率化ツール）にも挑戦してみてください。課題3で作ったホームページの裏側で動く業務アプリのモックを作る内容です。

• 追加で「問い合わせフォームを付けたい」「デザインをもっと変えたい」といった要望があれば、そのままClaude Codeに日本語で伝えるだけでどんどん改修できますよ。

ここまで来たら、あとは手を動かし続けるだけです。応援しています！

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

• どんなホームページか、ぜひ教えてください。追加で試みたことも合わせて共有いただけると、より具体的なフィードバックができます。

• 質問があればこのまま続けて書いてください。内容を確認してお答えします。

課題3まで進んだということは、もう「作る」感覚がつかめてきているはずです。この調子でぜひ課題4（業務効率化ツール）にも挑戦してみてください。一歩ずつ、着実に積み上がっていますよ！

マンション管理HPの完成、おめでとうございます！🎉

• 完成後に住所等の変更を追加依頼できたのも、Claude Codeに日本語で『この部分を◯◯に変えて』と伝えるだけで対応してくれる、という基本の使い方がしっかり身についている証拠です。

• 質問は最後まで書いていただけると、すぐにお答えできますよ！ 内容の途中で送信されたようですので、続きをこのチャットにそのまま書いてもらえれば大丈夫です。

• エラーや画面で困ったことがあれば、スクショを お問い合わせ窓口（CSチャット） → https://bbs.unikoukokun.com/cs.html に投稿していただくと、スタッフが一緒に確認します。

課題4（業務効率化ツール）もぜひ続けてみてください！

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

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

ご自身の店舗HPを実際に作り上げたのは、最高の第一歩です。

• 課題で作ったHPはそのまま実務で使える本物の成果物です。追加依頼がなくても、まず「動くものを完成させた」事実が何より大切ですよ。
• 余裕ができたら、お問い合わせフォーム・営業時間・アクセスマップなど、来訪者に役立つ情報を一言添えるだけでぐっとリアル感が増します。
• 次は課題4で、そのHPの裏側で動く業務ツール（Webサービスの仕組み）に挑戦です。店舗運営に直結する内容になりますので、ぜひ楽しみにしてください。

今日作ったものが、これからのビジネスの土台になっていきますよ。

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

• 将来の仕事にしたいことの紹介サイトというテーマ、自分のビジョンが詰まった一作になりますね。
• 完成後に動的な動きを追加依頼されたのも素晴らしい判断です。「作って終わり」ではなく、自分の手でどんどん育てていけるのがClaude Codeの醍醐味です。
• 質問があればいつでも遠慮なくどうぞ！スタッフ一同お待ちしています。

この調子で課題4も一緒に進めていきましょう！

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

課題1-3のホームページ完成、おめでとうございます🎉 子ども会の夏祭りLPはとても素敵なテーマですね！

KVにイラストまで追加依頼されたとのこと、どんどん手を動かしている様子が伝わってきます。

質問の続きも、ぜひそのまま書いてみてください。どんな内容でもお気軽にどうぞ！

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

ぜひ詳しい内容も教えてください！

• どんなテーマ・業種のHPを作ったか
• 完成後に追加でお願いした内容
• 気になること・質問したいこと

を書き込んでいただけると、スタッフが一緒に確認してフィードバックできます。

手を動かして完成まで持っていったこと自体が一番大事な一歩です。この調子でどんどん進んでいきましょう！

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

• まずは一番大事な第一歩を踏み越えましたね。この達成感をぜひ次の課題へのエネルギーにしてください。
• 完成したHPの内容や追加で依頼した内容・質問があれば、ぜひそのまま書き込んでください。スタッフが確認して一緒に深掘りします。
• 課題3の次は 課題4（業務効率化ツール＝課題3のHPの裏側で動くWebサービスのモック） に進みます。同じフォルダを使ってそのまま続けられますよ。

ここまで来たらあとはどんどん手を動かすだけです。 何でも気軽に書いてくださいね！

完成おめでとうございます！デザイン変更まで追加依頼されたのは素晴らしいですね。

運用の仕方についてお答えします！

• コンテンツ更新は、Claude Codeに『このページのテキストを◯◯に変えて』と日本語で伝えるだけでOKです。HTMLの知識は不要ですよ。

• デザイン調整も同様に、『もう少しシンプルに』『色をこの会社のイメージに合わせて』のような一言指示で何度でも修正できます。

• 公開・ホスティングについては、Netlify や GitHub Pages などの無料サービスにドラッグ＆ドロップするだけで世界に公開できます。Claude Codeに『Netlifyへのデプロイ手順を教えて』と聞けば手順も出してくれますよ。

• 継続改善は、実際に使いながら『問い合わせフォームを追加して』『スマホ表示を整えて』と都度依頼するのが一番スムーズです。

作り放しにせず、運用まで考えているのがとても良いです。今日から少しずつ育てていくイメージで進めてみてください！

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

課題3のホームページまで仕上げられたのは、本当に素晴らしい一歩です。

• 課題1〜3を通じて、インストール・課金・見積もりシミュレーター・ホームページと、着実に手を動かしてきた証拠ですね。
• 次は課題4へ——ホームページの裏側で動く業務効率化ツール（Webサービスの仕組み）に挑戦です。
• もし画面が途中で止まったり、エラーが出たりしたら気軽に書いてくださいね。一緒に解決します。

課題4まで完走すると、「AIを使えます」と堂々と言えるレベルに到達できますよ。

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

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

完成おめでとうございます！🎉 課題1〜3まで一気に進めてくださったんですね。

• ホームページが完成したら、次は課題4へ進んでみましょう。課題4では、課題3で作ったホームページの裏側で動く業務アプリ（Webサービスの仕組み）を作っていきます。

• ローカルのファイルパス（file:///C:/…）で開いているのはOKですが、完成したHTMLは ブラウザ（Chrome・Safari・Edge）で直接開く と画像やボタンの動きもきちんと確認できますよ。

• 追加で依頼したいこと・試してみたいことが出てきたら、どんどんClaude Codeに話しかけてみてください。

次の課題もぜひ楽しみながら手を動かしてみてくださいね！

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

ぜひ「何を作ったか」「追加で依頼したこと」「質問」をこのコメントに書き足してみてください！

• 作ったHPの内容（業種・テーマなど）を教えてもらえると、より具体的なアドバイスができますよ
• 追加依頼した内容も、共有してもらえると他の方の参考にもなります
• 質問があれば遠慮なくどうぞ。どんな小さなことでも大丈夫です

完成までたどり着いた一歩、しっかり前進していますよ！

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

すごいです、課題3クリアですね。

• 課題3で作ったホームページは、次の課題4の土台になります
• 課題4では、そのホームページの裏側で動く業務アプリのモックを作っていきますよ
• 手を動かし続けることが一番の近道ですので、ぜひこのまま勢いで進めてみてください

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

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

次のステップとして、ぜひ詳細を書き込んでみてください。

• どんなHPを作ったか（業種・テーマ・ページ数など）を教えてもらえると、より具体的なアドバイスができます
• 完成後に追加で依頼した内容（デザイン変更・機能追加など）があればぜひ共有を
• 気になること・詰まったところがあれば、遠慮なく質問してください

ここまで進めたこと自体が大きな一歩です。課題4の業務効率化ツール制作に向けて、ぜひこの勢いで続けていきましょう！

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

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

サメのかわいさランキングというテーマがユニークで素晴らしいですね。

• アイコンを実写真に差し替えるところまで追加でチャレンジしたのも、ClaudeCodeの応用として完璧な一手です。

• 質問の本文が途切れているようですが、ぜひ続きを教えてください！どんな疑問でも一緒に解決しますよ。

手を動かし続けることが一番の近道です。引き続き課題4も楽しみながら進めてみてください！

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

課題1〜3を一通り完走されたのは、本当に大きな一歩です。

• 何を作ったか（HPの内容）の欄が「ふ」で止まっているようですが、もしよければ どんなテーマ・どんなサイトを作ったか を教えてください！
• 追加で依頼した内容や、やってみて気になった点があれば、いつでもチャットに書いてもらえれば一緒に確認します。

課題をここまで進めてくれたこと自体が、すでに大きな成果です。 この調子でどんどん手を動かしていきましょう！

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

完成おめでとうございます！スイーツ店のホームページ、すばらしいですね🎉

動きをつける追加依頼もバッチリです。よくあるパターンをいくつかご紹介しますね。

• アニメーション（フェードイン・スライドイン）はClaude Codeに『スクロールしたら要素がふわっと出てくるようにして』と一言で追加できます
• ホバーエフェクト（ボタンや画像にカーソルを乗せたとき動く演出）も『ボタンにホバーで光るエフェクトをつけて』の一言でOKです
• プレビューで動かない場合は、ご自身のブラウザ（Chrome・Safari・Edge）でHTMLファイルを開くと正しく動作します

質問は途中で送信されてしまったようです。続きをぜひ書き込んでください。何でも気軽にどうぞ！

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

コーチングサービスの申込ページ、しっかり作り上げましたね。

• 画像の追加・デザイン変更・文言調整まで追加で依頼されたとのこと、まさに Claude Codeとの対話を重ねて仕上げていく流れが自然と身についていますね
• 申込ページは「見た人が行動するかどうか」が決まる大切な場所なので、文言やデザインにこだわれたのは正解です
• 次の課題4（業務効率化ツール）も、この調子でぜひ進めてみてください

引き続き楽しみにしています！

完成おめでとうございます！🎉 TikTokでバズっているスイーツ店のホームページ、最高な題材ですね。

SNS映えを意識したビジュアルや、地域名・店舗の魅力をしっかり打ち出せたでしょうか？

課題3まで完走できたということは、基本的な開発の流れはしっかり掴めている証拠です。ぜひ課題4の業務効率化ツールにもチャレンジしてみてください。実際に使えるWebアプリが、同じ要領でどんどん作れますよ！

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

カカオへのこだわりを表現したチョコレートショップのHP、素敵なテーマですね。

課題3まで一気にやり切った勢いはそのままに、ぜひ次のステップも楽しんでいただけると嬉しいです！

何か追加でやってみたいことや、気になる点が出てきたら、いつでも気軽にチャットに書いてくださいね。

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

「とろける原宿」のホームページ、さっそく手を動かして仕上げてくださったんですね。

• 課題を一つ一つクリアしていくことで、Claude Codeで実際に何が作れるかの感覚がどんどん育っていきます。
• 次は課題4（業務効率化ツール）へ進んでいただくと、今回作ったホームページの裏側で動く業務アプリの仕組みまで体験できますよ。

「作った」という体験そのものが一番の財産です。この調子でぜひ次の課題も楽しみながら進めてみてください！

完成おめでとうございます！昭和レトロ風、センス抜群ですね。

セキュリティについてですが、結論から言うと「今の課題制作の段階では過度に心配しなくてOK」です。

• 今回作ったのは ローカルのHTMLファイル（自分のPCにあるだけ）なので、ネットに公開していない限りは外部から見られる状態ではありません
• 課題では実際の個人情報や機密データは扱っていない サンプルコンテンツなので、漏洩リスクもありません
• Claude Codeはローカルで動いており、入力内容が勝手に一般公開される仕組みでもないので、制作プロセス自体も安心です

もし本番公開（レンタルサーバーやホスティング）するときは、そのときに改めてセキュリティを考えるのが正しい順番です。

今は「作って動かす体験」を最優先に。まず手を動かした自分を褒めて、次の課題4に進んでみてください！

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

自分のブログ掲載ページを実際に作り上げたことは、本当に大きな一歩です。

• 課題をここまで着実に進めてくださったこと、とても嬉しいです
• 完成したHPはそのまま 自分だけのオリジナル資産 になります
• 次は課題4（業務効率化ツール）へ、ぜひ引き続き挑戦してみてください！

ここまで来たら、あとはどんどん手を動かすだけです。応援しています！

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

ホームページの完成、そしてスクール名の変更まで仕上げられたのは素晴らしいです。

• 『イチゴスクール』という名前に変更してみることで、Claude Codeへの追加依頼のやり方もひと通り体験できましたね。
• 課題3まで進められたということは、実際に手を動かして「自分でも作れる」という感覚が掴めてきた段階 だと思います。
• もし「ここをもっとこう変えたい」「別のページも追加したい」など、気になる点があれば、遠慮なくチャットに書いてみてください。一緒に深めていきましょう！

次の課題4（業務効率化ツール）も楽しみにしていてくださいね。

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

墓じまいのホームページ、会社情報・実績まで追加されたんですね。素晴らしいです！

• 会社情報・実績ページは、信頼感を高める一番効果的なコンテンツなので、追加して大正解ですよ。
• 次は課題4（業務効率化ツール）に進むと、このホームページの裏側で動く仕組みまで作れます。
• 質問はいつでも気軽にチャットへどうぞ。具体的に書いていただけるとすぐ一緒に解決できます！

まずは手を動かして完成させたこと自体が最大の一歩です。この調子でどんどん進めてみてください！

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

実際に手を動かして完成させた経験は、この先の課題4やさらなる応用のための大切な土台になります。

ぜひこの調子で課題4（業務効率化ツール）にも挑戦してみてください。引き続き応援しています！

完成おめでとうございます！🎉 ぜひ詳しく教えてください！

• どんなホームページを作ったか
• 完成後に追加でお願いした内容
• 気になっていること・質問

この3つを書き込んでもらえると、一緒に確認できますよ。

まず手を動かして完成まで持っていったこと自体、最高のスタートです。 次の課題もぜひそのまま勢いで進んでみてください！

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

価格変更もAI画像の人物追加も、自分で追加指示して仕上げられたのが何より大きな一歩です。

• 「完成したらそれで終わり」ではなく、追加指示でどんどんブラッシュアップできるのがClaude Codeの一番の強みですよ
• 今回の「認定資格講座のHP」を土台に、次は課題4の業務効率化ツールにも挑戦してみてください
• 困ったことがあればいつでもここに書いてくださいね

引き続き一緒に前に進んでいきましょう！

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

実際に手を動かして完成させたことが、何より大事な一歩です。

• 課題4では、課題3で作ったホームページの裏側で動く業務アプリのモックに進みます
• フロント（見た目）とバックエンド（仕組み）がつながる感覚が、ここからぐっとリアルになりますよ

この調子でぜひ課題4も進めてみてください。困ったときはお気軽にどうぞ！

ClaudeCodeの設計を整理されていて、実践的なフローですね。

• goal → batch/Flow のFO投げは「待機しながら別タスクを並走させる」マルチタスク設計の基本で、僕も実演で使っている形です
• 危険操作前のチェックポイント（ckpt）は、ファイル削除やDB書き込みなど取り返しのつかない処理の手前で必ず挟むのがポイントです
• rev = cr（コードレビュー）＋ sr（セキュリティレビュー）の組み合わせは、品質と安全を両軸で担保できる設計で、特に外部公開するシステムには必須です
• A2Aへの昇格判断は「規模・複雑度・並列数」が閾値——単一エージェントで回せる範囲を超えたら、選定→理由→結果→check→要約という報告ループをサブエージェントに委譲するのが理想です

このフローを`.claude`のSkillsやCLAUDE.mdに落とし込んでおくと、の判断コストがゼロになりますよ。

世界規模の地図データを扱う場合、処理に時間がかかるのは自然なことですよ！

• 地図はデータ量が多く（国境・地点情報・ハザードデータなど）、描画・取得・整形に時間がかかります。これは仕様で、バグや失敗ではありません。

• 改善したい場合は『最初は大まかな地図を表示して、拡大時に詳細を読み込む（遅延ロード）』方式にするよう、Claude Codeに追加指示するだけで対応してもらえますよ。

• また地図ライブラリによっても速度が変わります。Leaflet.js などの軽量ライブラリを使っているか確認して、重ければ切り替えを依頼してみてください。

• 各ページをまとめる追加依頼も、ちゃんと伝わっていますよ。完成おめでとうございます🎉

世界地図のある防災HPは実用性も高くて素晴らしいですね。引き続き課題4も楽しみにご覧ください！

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

学生限定の資格勉強コミュニティサイト、素晴らしいテーマですね。

• ボタンが反応しないトラブルにもひるまず、その場で追加指示して修正まで完結させたのがとても良いです
• 『動かないよ』と日本語で伝えるだけでClaude Codeが直してくれる、その体験こそが課題の一番の学びです
• あとはブラウザ（Chrome・Safari等）で開いてみて、ボタンの動きや全体の見た目を確認してみてください

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

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

ホームページが仕上がった達成感、ぜひここに書いてください！

• 何を作ったか（どんなサイトか）
• 追加で依頼した内容（どんな機能や修正を頼んだか）
• 質問したいこと（詰まっているところ・気になること）

の3点をそのまま埋めて送ってもらえると、一緒に確認できますよ。

完成報告はどんどん書いてください。次の課題4もぜひ挑戦してみてください！

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