📣 セミナー参加者へ・特別ページ

🎯 セミナー実践課題
Claude Code を実際に動かす 4 ステップ

セミナー中は、この流れで一緒に手を動かします。各課題が終わったら、掲示板またはチャットに「課題◯終わりました!」と投稿してください。今この場で終わらなくても大丈夫です(あとでゆっくり進められます)。

📌 まずはここ
このページは #ユニコスクール セミナーの実践ワーク専用です。上のグローバルメニュー「🎯 実践課題 ✨」からいつでも戻れます。課題1から順番に、できるところまで一緒に進めましょう!

START

課題1:インストール&課金の図解スライド

🔹 課題1:まずはインストール&課金

スタートです!Claude Code を自分のパソコンで使える状態にします。

  1. パソコンにインストール下記から Mac か Windows を選んでインストール:https://code.claude.com/docs/ja/desktop-quickstart
  2. Claude を課金(Proプラン)claude.ai の Billing 設定 から、1番安いプラン(Pro・月払い・約22ドル)をクレジットカードで決済。
    ※これは Claude(ツール)自体の利用料です。Claude Code を使うにはこの課金が必要です。
👉 終わったら、下のボタンでみんなに知らせましょう!

課題1が終わった人へ

課題2:はじめての開発(ゲーム)の図解スライド

🔹 課題2:はじめての開発(ゲームを作る)

作業フォルダを用意して、Claude Code で最初の開発を体験します。

  1. 作業フォルダ作成デスクトップか書類フォルダに「ユニコスクール」という名前のフォルダを作る。
  2. Code タブに切替Claude デスクトップアプリを起動し、左上の「Code」タブに切り替える。
  3. 作業フォルダを指定「ローカル」の横のフォルダから、先ほどの「ユニコスクール」を指定。
    ※選択肢に無いので「フォルダを開く」から該当フォルダを選択。
  4. モデルを設定チャット欄の下を「自動モード」「Opus 4.8」「工程:中」に設定。
  5. 開発!下のプロンプトをチャット欄に貼り付けて送信:
    📋 課題2のプロンプト
    HTMLで超作り込んだオリジナリティのあるシューティングゲームを作って下さい!完成したらブラウザでサイトOpen
👉 ブラウザでゲームが開いたら、下のボタンでみんなに知らせましょう!
※ 早く終わった人は、次の課題までにチャットで「さらにこう改善したい」と追撃投稿してみましょう。

課題2が終わった人へ

課題3:ホームページを作るの図解スライド

🔹 課題3:ホームページを作る

簡単にホームページが完成します。下の [ ] の中身を自分の作りたい内容に置き換えて、プロンプト全体をそのまま貼り付けてください。

📋 課題3のプロンプト([ ]を自分用に置換)
CC(goal/Mon/batch/Plan/Hook/Rule/Skill/Flow/allow/Mem/sec/task/Team/rw/rev=cr+sr/Ultra)最適選択→batch/Flow FO→待Mon・危険前ckpt→rev+規模次第A2A→選定/理由/結果/check/要約報告

次の流れでHPデザインを行って 1:DESIGN.md作成 2:Claude Cookbookの美学プロンプトを適用 3:Claude Codeでセクション単位に実行 白ベース,文字大きめ

[ホームページで作りたい内容 例:原宿の1番大きいTIKTOKでバズっているスイーツのお店]

🔁 [ ] を自分の作りたいホームページの内容に書き換えてから送信してください。

👉 ホームページが完成したら、下のボタンでみんなに知らせましょう!(感想は課題スレッドへ)
※ 早く終わった人は、次の課題までにチャットで改善点を追撃投稿してみましょう。

課題3が終わった人へ

課題4:Webサービスを作るの図解スライド

🔹 課題4:Webサービスを作る

これで簡単にサービス(の動くモック)が完成します。下の [ ] を、あなたが AI にやらせたい業務内容に書き換えて貼り付けてください(100文字以上で、機能面を詳しく書くほど良くなります)。

📋 課題4のプロンプト([ ]を自分用に置換)
仕様駆動MVP=level3。out:図解PNG+動くHTML単一(localStorage/JP/白)・5tab・100点+3層振分・sample5-15・各画面🤖pt・承認段階ゲート引継型・モーダル(confirm禁止)・STORE_KEY昇格・中規模A2A→open(フルパス+説明)

どのような指示であっても必ずモックとして
「凄い!」と思うようなWebサービスにして下さい。
サービス連携などは一旦行わずイメージをみたいです!急ぎで!
完成したらブラウザでサイトOpen

[アナタがAIにやらせたい業務内容に書き換え(100文字以上〜でより機能面を詳細に書いて)
例:LINEの返信文を自動で行うサービスで返信承認制度を入れ、非承認の場合は非承認理由を書き、それがナレッジ化されていく]

🔁 [ ] を、あなたが自動化したい業務に書き換えてから送信してください。

👉 サービスが完成したら、下のボタンでみんなに知らせましょう!(感想は課題スレッドへ)
※ 早く終わった人は、次の課題までにチャットで改善点を追撃投稿してみましょう。

補足

🔧 Git のインストール(必要な方だけ)

基本は ClaudeCode のデスクトップアプリだけで進められますが、一部の連携で「Git」が必要になることがあります。求められたらインストールしてください(分からなければ下のサポートでお手伝いします)。

  1. まず入っているか確認不要なら入っていることも多いです。まずは指示どおり進め、「Gitが必要」と出たときだけ入れればOK。
  2. Mac の人公式からインストーラを入手:https://git-scm.com/download/mac(Homebrew を使える方は brew install git でもOK)。
  3. Windows の人公式からインストーラを入手:https://git-scm.com/download/win(基本は「次へ」で進めて完了)。
「Gitって何?必要なの?」 … Git は変更履歴を管理する道具です。このセミナーの課題1〜4では基本的に不要で、デスクトップアプリだけで完結します。「Gitが必要」と表示された時だけ上の手順で入れてください。詰まったら下の「挙手」でサポートします。
🙋 うまくいかない人は、つぶやきチャットや下の課題スレッドに「Gitで詰まりました」と投稿してください!

🙋 つまずいた人・初心者の方へ(Git・パソコン操作のサポート)

「Git のインストール」「パソコン操作が分からない」という方は、過去に Zoom でチャット画面共有をしたことがある方限定で、Zoom チャットで「挙手」してください。設定を解放し、画面共有していただければ、この場で回答します。

この場で終わらなくても大丈夫です。安心してください👇

初心者向けのサポートをご用意しています。今できなかった方も、最後にご案内しますのでご安心ください。

💬 実践課題スレッド

このページ専用の掲示板です。課題の進捗・質問・感想をここに投稿してください(「課題◯終わりました!」もここへ)。スタッフが内容を見て回答します。

⚠️ お名前を入力してください(必須)
🦄 #ユニコスクール / 裏掲示板へ戻るセミナーQ&Aナレッジ集つぶやきチャット
運営:株式会社ホットココア