Copy & Paste Engineer

【GitHub】スマホで開発は当たり前？GitHub Codespacesで実現するモバイルコーディング

GitHubCodespacesVSCode開発環境モバイル

はじめに

「開発作業はパワフルなPCの前で」——そんな常識は、もはや過去のものかもしれません。 クラウド技術の進化により、今やスマートフォンやタブレットさえあれば、いつでもどこでも本格的なコーディングが可能になりました。その中核を担うのが「GitHub Codespaces」です。

この記事では、GitHub Codespacesを使って、スマートフォンだけで開発環境を構築し、コーディングからGit操作までを完結させる方法を解説します。

GitHub Codespacesとは？

GitHub Codespacesは、GitHubが提供するクラウドベースの統合開発環境（IDE）です。リポジトリごとに、設定済みの開発環境を数秒で起動できます。

主なメリットは以下の通りです。

GitHub Codespacesの料金体系

GitHub Codespacesには、個人アカウント向けの無料利用枠が用意されています。

無料枠を超えて使用した分については、コンピューティング時間とストレージ使用量に応じた従量課金が発生します。料金はインスタンスのスペック（コア数）によって変動します。

予期せぬ高額請求を避けるため、アカウント設定で利用上限額（Spending limit）を0ドルに設定しておけば、無料枠の範囲内でのみ利用できるため安心です。

スマホでの準備

必要なものは非常にシンプルです。

これだけで始められますが、より快適な開発のためには、Bluetoothキーボードを用意することをおすすめします。

実践！スマホでコーディング

Codespaceの起動

  1. スマートフォンのブラウザでGitHubにアクセスし、開発したいリポジトリを開きます。
  2. 緑色の「<> Code」ボタンをタップします。
  3. 「Codespaces」タブに切り替え、「Create codespace on main」をタップします。

これだけで、数秒後にはブラウザ上に見慣れたVS Codeのインターフェースが表示されます。

ファイルの編集とターミナルの利用

プレビューとデバッグ

Webアプリケーションの場合、Codespacesは自動的にポートフォワーディングを行います。実行中のアプリケーションには、専用のURLからスマホのブラウザで直接アクセスし、動作確認ができます。

Git操作

コードの編集が終わったら、ソース管理タブから変更内容を確認し、コミットメッセージを入力してコミットします。そのまま「Sync Changes」をタップすれば、リポジトリにプッシュされ、すべての作業がスマホだけで完結します。

Codespaceのリビルド

devcontainerの設定を変更した場合など、環境を再構築したい場合はリビルドを行います。

  1. コマンドパレットを開きます。（F1キーまたは Ctrl+Shift+P / Cmd+Shift+P）
  2. Codespaces: Rebuild Container と入力し、実行します。

これにより、コンテナが最新の設定で再構築されます。

スマホコーディングのコツ

まとめ

GitHub Codespacesは、場所やデバイスの制約から開発者を解放する、まさに革命的なサービスです。通勤中の電車の中、カフェでの休憩時間、ふと思いついたアイデアをその場で形にする——そんな新しい開発スタイルが、もう当たり前になろうとしています。

まだ体験したことがない方は、ぜひ一度、お手元のスマートフォンで未来の開発環境に触れてみてください。

参考