~/VibeHandbook
$39

プラットフォーム

github.com

GitHub Codespaces

概要

GitHub Codespaces は、リポジトリから直接起動できる、クラウド上で動作する完全な開発環境を提供します。言語、ツール、依存関係を自分のマシンにインストールする代わりに、Codespace を開けば、プロジェクトがすでにセットアップされたすぐにコーディングできる環境 — 通常はブラウザ上の VS Code、またはデスクトップから接続した VS Code — が手に入ります。環境はリポジトリ内 (dev container の設定) で定義されるため、誰もが数秒で同じセットアップを得られます。

強み

  • ローカルのセットアップ不要 — リポジトリを開けば、完全に設定済みの環境ですぐにコーディングを始められます。
  • コードで定義された (devcontainer.json)、一貫性のある再現可能な環境。
  • ブランチやタスクごとに新しい使い捨てのマシンを立ち上げ、終わったら破棄できます。
  • ブラウザからでも接続したデスクトップエディタからでも動作。非力なデバイスからも使えます。
  • オンボーディングがほぼ即座 — 新しい貢献者は「すべてをインストールする日」を省けます。

トレードオフ

  • 従量課金制です: 無料の月間枠を超えると、コンピュートとストレージに費用がかかります。
  • 安定したインターネット接続が必要 — オフラインのワークフローではありません。
  • 重いまたは特殊なローカルツール (GPU、特定のネイティブ依存関係) はうまく収まらない場合があります。
  • 自分のローカル環境を所有するのではなく、ホスティングされた環境に依存することになります。

最適な用途

ローカルのセットアップなしで素早くプロジェクトに入ること、すべての貢献者に同一の環境を与えること、タスクごとの使い捨てワークスペースを動かすこと — 特にオンボーディング、手早い実験、制約のあるマシンからのコーディングに役立ちます。

バイブコーディングとの相性

Codespaces は、環境が使い捨てかつ再現可能であるため、バイブコーディングのクリーンな舞台です。エージェントは自由にインストール、ビルド、実行ができ、もし散らかしてしまっても、その Codespace を破棄して新しく始めるだけで済みます。devcontainer.json にセットアップを定義しておけば、エージェントもあなたも、常に同じ設定済み環境に着地します。ヒント: dev container の設定をリポジトリ内に保ち、何を追加したかを説明するようエージェントに依頼しましょう。そうすれば、あなたの「自分のマシンでは動く」は、全員にとって同じマシンになります。

// .devcontainer/devcontainer.json
{
  "name": "vibe-project",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:20",
  "postCreateCommand": "npm install",
  "forwardPorts": [3000]
}