最初にお読みください

事前準備ガイド

講座で使うツールの紹介と準備方法

講座で使うツール

1

Node.js

JavaScriptを動かすためのソフトウェア

公式サイト →
2

Claude Code

AIに指示を出すためのツール

公式ドキュメント →
3

GitHub アカウント

コードを保存・公開するためのサービス

公式サイト →

当日なくてもOK

0

ターミナル(コマンド入力画面)の開き方

まず「ターミナル」を開きましょう。ターミナルとは、文字を入力してパソコンに指示を出す画面のことです。

普段みなさんがマウスでフォルダを開いたり、ファイルをダブルクリックしたりしていること—— それを「文字」で行う画面です。怖いものではありません。

Mac の場合

  1. 1. Command + Space キーを押す
  2. 2. 「ターミナル」と入力する
  3. 3. Enter キーを押す

黒い画面が開けばOKです

Windows の場合

  1. 1. スタートメニューをクリック
  2. 2. 「PowerShell」と検索する
  3. 3. 「Windows PowerShell」をクリック

青い画面が開けばOKです

POINT

この画面を「ターミナル」「コマンドライン」「コンソール」など呼びますが、 すべて同じものです。当日はこの画面を使って進めます。

1

Node.js をインストールする

Node.js(ノード・ジェイエス)は、 Webアプリケーションを動かすために必要なソフトウェアです。 今回作るマッチングサイトを動かすのに使います。

インストール手順

  1. 1以下のURLをブラウザで開きます:
    https://nodejs.org/ja
  2. 2緑色の「LTS 推奨版」ボタンをクリックしてダウンロード
  3. 3ダウンロードしたファイルを開いて、「次へ」「次へ」とクリックしてインストール
    (設定はすべてデフォルトのままでOKです)

インストールできたか確認しましょう

ターミナルを開いて、以下を入力して Enter を押してください:

ターミナルに入力

node -v

v18.x.x v20.x.x のようにバージョン番号が表示されればOKです。

注意

「command not found」と表示された場合は、ターミナルを一度閉じてから再度開いて試してください。 それでもダメな場合は、パソコンを再起動してみてください。

2

Claude Code をインストールする

Claude Code(クロード・コード)は、 AIに日本語で指示を出して、コードやドキュメントを作ってもらうツールです。 今日のメインで使うツールです。 (Claude Code 公式ドキュメント

インストール手順

ターミナルに以下のコマンドをコピー&ペーストして、Enter を押してください。

ターミナルに入力(コピペしてOK)

npm install -g @anthropic-ai/claude-code

しばらく待つとインストールが完了します(1〜2分程度)。

確認しましょう

ターミナルに入力

claude --version

バージョン番号が表示されればインストール成功です。

Claude Code の認証(ログイン)

  1. 1ターミナルで claude と入力して Enter
  2. 2ブラウザが自動で開くので、Anthropicアカウントでログイン
    (アカウントがない場合は新規作成できます)
  3. 3ターミナルに戻ると > マークが表示される → 準備完了!

補足

Claude Code を使うには Claude Max(月額$100〜)または Anthropic APIキーが必要です。 法人で一括手配する場合は、講師からAPIキーを配布します。

注意

Macで「permission denied」エラーが出た場合:
sudo npm install -g @anthropic-ai/claude-codeと入力してください(パスワードを求められたらPCのパスワードを入力)。

Windowsで権限エラーが出た場合:
PowerShell を「管理者として実行」して再度お試しください。

3

GitHub アカウントを作成する(当日なくてもOK)

当日 GitHub アカウントがなくても参加できます

GitHubはサイトを「インターネットに公開する」ステップ(Phase 5)で使います。 アカウントがなくても、MVP構築(Phase 4)まではすべて体験できます。 余裕があれば事前に作成しておくとスムーズです。

GitHub(ギットハブ)は、プログラムのコードを保存・共有するサービスです。 今回は、作ったマッチングサイトをインターネットに公開するのに使います。 (GitHub公式サイト

アカウント作成手順

  1. 1https://github.com にアクセス
  2. 2「Sign up」ボタンをクリックして、メールアドレス・パスワードを設定
  3. 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をお持ちいただくのがベストです。