「環境構築」で消耗するのは、今日で終わりにしよう。MacBook Air (8GB) で回すClaude Code「ブラウザ開発」の衝撃

2025年10月24日 04:26

「昨日は動いたのに、今日 npm install したらエラーで動かない」
「Dockerコンテナを立ち上げたら、PCのファンがジェット機のように唸りだした」
「ライブラリのバージョン依存解決だけで、午前中が潰れた」

私たちエンジニアは、コードを書く時間よりも「コードを書くための準備」に人生を浪費しすぎていないでしょうか？

Claude Codeが提示した新しい選択肢「Claude Code on the web」は、単なるWeb IDEではありません。これは、私たちのPCから「ローカル環境」という重荷を下ろし、物理スペックの制約から解放する「脱・所有」の宣言です。

この記事では、実際に私がハイエンド機（MacBook Pro M4）を置き、型落ちのMacBook Airだけで開発してみて分かった「ブラウザ中心開発」のリアルなメリットをお伝えします。

【章1】もう、localhost はいらない。

従来の開発フローと、Claude Code on the webの決定的な違い。それは「あなたのPCを使わない」ことです。

Before: git clone → npm install (3分待機) → エラー発生 → 解決 → npm run dev
After: ブラウザを開く → 即座に開発開始

Anthropicのクラウド上に用意された「サンドボックス」が、あなたのローカル環境です。Nodeのバージョン管理も、Pythonの仮想環境も、すべて向こう側。
「私の環境では動いたんですけど…」という、エンジニア人生で最も無駄な言い訳は、この世から消滅します。

【章2】「並列処理」こそが、AI時代の新しいIDEだ

VS Codeで開発している時、あなたは一度に一つのことしかできません。
しかし、ブラウザベースのClaude Codeは違います。タブを開けば、「複数の分身」を持てるのです。

私は現在、以下のようにブラウザのタブを3つ開いて仕事をしています。

タブA（実装部隊）: 「ログイン画面のバリデーションを実装して」と指示し、放置。
タブB（テスト部隊）: 別のファイルを開き、「この関数のユニットテストを書いて実行して」と指示。
タブC（人間）: 私はタブAとBの成果物を待つ間、仕様書（Notion）を修正する。

これが「非同期・並列開発」です。
これまでのAIコーディングは「ペアプロ」でしたが、これは「チーム開発」です。あなたの待ち時間はゼロになります。

【章3】 30万円のPCはもう要らない。iPadでいい。

これまでのAI開発ツールは、ローカルのリソースを大量に食いました。しかし、Claude Code on the webにおけるあなたのPCの役割は、ただの「モニター」です。

重いビルド処理も、AIの推論も、すべてクラウドで行われます。
つまり、メモリ8GBのMacBook Airでも、なんならiPadにキーボードを繋いだ状態でも、最新のMacBook Proと同じパフォーマンスが出せるということです。

「カフェで重いPCを開く」時代は終わりました。これからは、身軽なデバイスで、指示だけ出し、結果を確認する。エンジニアのワークスタイルそのものが変わります。

【結論】捨てる勇気を持とう

ローカル環境への愛着を捨ててください。
dotfiles を育てて悦に入るのは、もう趣味の領域です。

ビジネスで成果を出すエンジニアに必要なのは、精巧にカスタマイズされたターミナルではなく、「どれだけ速くバリューを出せるか」です。
ブラウザ一つで完結するこの身軽さを一度味わえば、もう重たいローカル開発には戻れません。

あわせて読みたい：さらに使いこなすための実践テクニック
【保存版】Claude Codeを800時間回して到達した、「指示」ではなく「共犯」関係になるための設定ファイル全公開

📚 学びを深める：ローカル環境を「捨てる」ための3冊

「PCの中に環境を作る」という常識を疑い、ブラウザ中心の開発スタイルへ移行することに不安がある方へ。
これは単なる手抜きではなく、「本来エンジニアが集中すべきことに集中するための進化」であることを裏付ける3冊を紹介します。

1. 『Googleのソフトウェアエンジニアリング ―持続可能なプログラミングを支える技術、文化、プロセス』
世界最強の技術者集団であるGoogleは、実は何年も前から全社員が「ブラウザベースのIDE」で開発を行っています（ローカルにコードを持たない）。なぜ彼らはローカル環境を捨てたのか？ビルドシステムや環境構築をクラウドへ一元化することの圧倒的メリットを知れば、あなたの「ローカル環境への未練」は完全に断ち切れるはずです。

2. 『Real World HTTP 第3版 ―歴史とコードに学ぶインターネットとウェブ技術』
開発の舞台がIDEからブラウザ（Web）に移るということは、HTTPこそが「OS」になるということです。Claude Code on the webが裏側でどうやって通信し、サンドボックスを動かしているのか。プロトコルレベルの理解があれば、ブラウザ開発でのトラブルシューティング能力は格段に上がります。

3. 『エッセンシャル思考最少の時間で成果を最大にする』
この記事の裏テーマは「断捨離」です。環境構築、ツールの設定、マシンスペックへのこだわり……それらは本当に「今、顧客に価値を届ける」ために必要でしょうか？ 99%の無駄（環境構築）を切り捨て、1%の本質（コードのロジック）だけに集中する。Claude Codeを使うことは、エッセンシャル思考の実践そのものです。