事前準備ガイド
講座で使うツールの紹介と準備方法
講座で使うツール
ターミナル(コマンド入力画面)の開き方
まず「ターミナル」を開きましょう。ターミナルとは、文字を入力してパソコンに指示を出す画面のことです。
普段みなさんがマウスでフォルダを開いたり、ファイルをダブルクリックしたりしていること—— それを「文字」で行う画面です。怖いものではありません。
Mac の場合
- 1.
Command + Spaceキーを押す - 2. 「ターミナル」と入力する
- 3. Enter キーを押す
黒い画面が開けばOKです
Windows の場合
- 1. スタートメニューをクリック
- 2. 「PowerShell」と検索する
- 3. 「Windows PowerShell」をクリック
青い画面が開けばOKです
POINT
この画面を「ターミナル」「コマンドライン」「コンソール」など呼びますが、 すべて同じものです。当日はこの画面を使って進めます。
Node.js をインストールする
Node.js(ノード・ジェイエス)は、 Webアプリケーションを動かすために必要なソフトウェアです。 今回作るマッチングサイトを動かすのに使います。
インストール手順
- 1以下のURLをブラウザで開きます:
https://nodejs.org/ja - 2緑色の「LTS 推奨版」ボタンをクリックしてダウンロード
- 3ダウンロードしたファイルを開いて、「次へ」「次へ」とクリックしてインストール
(設定はすべてデフォルトのままでOKです)
インストールできたか確認しましょう
ターミナルを開いて、以下を入力して Enter を押してください:
ターミナルに入力
node -vv18.x.x や v20.x.x のようにバージョン番号が表示されればOKです。
注意
「command not found」と表示された場合は、ターミナルを一度閉じてから再度開いて試してください。 それでもダメな場合は、パソコンを再起動してみてください。
Claude Code をインストールする
Claude Code(クロード・コード)は、 AIに日本語で指示を出して、コードやドキュメントを作ってもらうツールです。 今日のメインで使うツールです。 (Claude Code 公式ドキュメント)
インストール手順
ターミナルに以下のコマンドをコピー&ペーストして、Enter を押してください。
ターミナルに入力(コピペしてOK)
npm install -g @anthropic-ai/claude-codeしばらく待つとインストールが完了します(1〜2分程度)。
確認しましょう
ターミナルに入力
claude --versionバージョン番号が表示されればインストール成功です。
Claude Code の認証(ログイン)
- 1ターミナルで
claudeと入力して Enter - 2ブラウザが自動で開くので、Anthropicアカウントでログイン
(アカウントがない場合は新規作成できます) - 3ターミナルに戻ると
>マークが表示される → 準備完了!
補足
Claude Code を使うには Claude Max(月額$100〜)または Anthropic APIキーが必要です。 法人で一括手配する場合は、講師からAPIキーを配布します。
注意
Macで「permission denied」エラーが出た場合:sudo npm install -g @anthropic-ai/claude-codeと入力してください(パスワードを求められたらPCのパスワードを入力)。
Windowsで権限エラーが出た場合:
PowerShell を「管理者として実行」して再度お試しください。
GitHub アカウントを作成する(当日なくてもOK)
当日 GitHub アカウントがなくても参加できます
GitHubはサイトを「インターネットに公開する」ステップ(Phase 5)で使います。 アカウントがなくても、MVP構築(Phase 4)まではすべて体験できます。 余裕があれば事前に作成しておくとスムーズです。
GitHub(ギットハブ)は、プログラムのコードを保存・共有するサービスです。 今回は、作ったマッチングサイトをインターネットに公開するのに使います。 (GitHub公式サイト)
アカウント作成手順
- 1https://github.com にアクセス
- 2「Sign up」ボタンをクリックして、メールアドレス・パスワードを設定
- 3メールに届く認証コードを入力して完了
Git の初期設定(ターミナルで実行)
以下の2行を、ご自身の名前とメールアドレスに変えて実行してください:
ターミナルに入力(名前とメールを変更してください)
git config --global user.name "あなたの名前"
git config --global user.email "あなた@example.com"POINT
すでにGitHubアカウントをお持ちの方は、この手順はスキップしてOKです。
事前準備チェックリスト
以下のコマンドをターミナルで実行して、すべてバージョン番号が表示されれば準備完了です。
3つすべて確認してください
node -v # → v18.x.x 以上が表示される
claude --version # → バージョン番号が表示される
git --version # → git version 2.x.x が表示される3つすべてバージョン番号が表示されましたか?
おめでとうございます! 事前準備は完了です。当日をお楽しみに!
困ったときは
Q. ターミナルの開き方がわかりません
Mac: Command + Space → 「ターミナル」と入力 / Windows: スタートメニュー → 「PowerShell」で検索
Q. 「command not found」と表示されます
ターミナルを一度閉じて再度開いてください。 それでもダメな場合はパソコンを再起動してください。
Q. インストールがうまくいきません
当日30分前(17:30)から会場を開放しますので、直接サポートいたします。 お気軽にお越しください。
Q. パソコンを持っていないのですが参加できますか?
講師の画面を見ながら一緒に体験していただけます。 可能であればノートPCをお持ちいただくのがベストです。