【2026年版】スマホ・タブレットだけで完結！iPadからVPS上のAI開発環境にアクセスしてコーディング

最初に結論を言っておきます

iPadで開発したいなら、VPS + code-serverの一択です。 選択肢が他にないというのが正直なところ。CursorのRemote SSHはiPad非対応、ネイティブIDEはiOSに存在しない。「ブラウザでVS Codeを動かす」というcode-serverのアプローチが、現時点で唯一機能する組み合わせです。

VPS選びはKAGOYA CLOUD VPSを先に見てほしいです。時間課金なので試しやすいし、14日無料が週末2回入る設計で確認に十分な余裕がある。ただし月76時間を超えて使うならXServerの830円固定のほうが安くなる。この損益分岐点だけ頭に入れておけば、どちらを選んでも後悔しにくいはずです。

「出張先でもカフェでもiPadだけで完結させたい」という人向けに、実際に動かして確認したことをそのまま書きます。

iPad開発の課題とVPS+code-serverの解決策

正直に言うと、iOSはコーディング環境として最初から歓迎されていない作りになっています。Dockerも動かない、ランタイムも入れられない。「なんでiPadでコードが書けないんだ」とフラストレーションを感じたことがある人は多いと思う。

だからこそVPSに全部置いてしまう発想が正解になる。iOSの制約をVPS側で全部引き受けてもらって、iPadはただの「表示端末」と割り切る。この発想の転換をするとむしろシンプルになります。

推奨VPSスペック

はっきり書いておきます。iPadからcode-serverで使う用途にGPUは完全に不要です。

たまにGPU搭載プランを推してくる記事を見かけますが、ブラウザ上のVS Code操作にGPUが必要になる場面はありません。アフィリエイト報酬が高いプランを勧めている可能性があるので、素直に信じないほうがいい。「GPU積んどけば速くなる」という感覚は、この用途には当てはまらないです。

自分の場合、Node.js + Dockerで動かす程度なら4コア4GBで十分でした。最初は2GBで始めて、重さを感じたらスケールアップすれば十分です。VPSはあとからプラン変更できるので、最初から盛りすぎなくていい。「念のため上のプランにしておこう」という判断が一番もったいないです。

ConoHa VPS →

ステップ1: VPSにcode-serverをインストール

# 公式インストールスクリプトを使用（Ubuntu推奨）
curl -fsSL https://code-server.dev/install.sh | sh

# systemdで自動起動設定
sudo systemctl enable --now code-server@$USER

# デフォルト設定ファイルの場所
cat ~/.config/code-server/config.yaml

インストール自体は拍子抜けするほど簡単です。公式スクリプトが全部やってくれる。ここで詰まる人はほぼいないと思います。

設定ファイルの初期状態は bind-addr: 127.0.0.1:8080（ローカルのみ）です。外部に直接8080を開けず、nginxでHTTPSリバースプロキシを経由するのが安全です。「ポート開けるだけでいいじゃん」と思いたくなる気持ちはわかるんですが、パスワード認証画面が平文で流れるのでやめておく。面倒くさいのは一回だけなので、ちゃんとやっておいたほうがいいです。

ステップ2: nginxでHTTPS公開

ここが一番「めんどくさい」と思う箇所ですが、一回やってしまえば後は触らなくていいです。ドメインさえ持っていれば certbot がほぼ自動でやってくれます。

sudo apt install -y nginx certbot python3-certbot-nginx
sudo certbot --nginx -d code.your-domain.example.com

# /etc/nginx/sites-available/code-server
server {
    listen 443 ssl;
    server_name code.your-domain.example.com;

    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
        proxy_set_header Host $host;
        # WebSocketが必須（ターミナル・LiveShare）
    }
}

sudo ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl reload nginx

proxy_set_header Upgrade と Connection upgrade の2行はWebSocket用です。これを抜かすとターミナルが動かないので必ず入れてください。自分は最初これを抜かして「なんでターミナルだけ動かないんだ」と30分悩みました。同じところで詰まらないように書いておきます。

ステップ3: パスワード設定とiPadからのアクセス

# ~/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8080
auth: password
password: YourStrongPassword2026
cert: false  # nginx側でTLS処理するためfalse

sudo systemctl restart code-server@$USER

iPadのSafariで https://code.your-domain.example.com を開き、パスワードを入力すればブラウザ内でVS Codeが起動します。

初めてこれを動かしたとき、iPadのブラウザでVS Codeが普通に動いているのを見てちょっと感動しました。「本当に動くんだ」という感じ。Magic Keyboardをつないでいれば、見た目はほぼPCと変わりません。「iPadでコーディングできる気がしない」と思っていた人ほど、この瞬間のギャップは大きいと思います。

KAGOYA CLOUD VPS →

ステップ4: iPadでのSSH接続（ターミナル利用）

code-server内のターミナルでも開発できますが、専用SSHアプリを使うほうが安定します。

自分の意見を言うと、Blink Shellを使ったほうがいいです。 有料ですが、iPad向けのSSH体験としては別格。mosh対応なので多少ネットワークが不安定でも接続が切れにくい。カフェのWi-Fiでコード書くシーンを想定するなら、moshの恩恵はかなり大きいです。コーヒー1杯分の値段で毎回の接続切れストレスがなくなると考えれば安いと思っています。

Terminusは無料から試せるので「まず使ってみたい」という人にはいいと思います。ただ、ガッツリ使い続けるなら月額課金よりBlink Shellの買い切りのほうが結果的に安くなることが多い。長く使うつもりなら最初からBlink Shellでいいと思います。

# Blink / TermiusでのSSH接続設定例
Host: xxx.xxx.xxx.xxx
Port: 22（またはカスタムポート）
User: devuser
Auth: 秘密鍵（アプリ内で生成・インポート）

ステップ5: iPadでの作業効率を上げるTips

キーボードショートカットの最適化

iPadのMagic Keyboard使用時、code-serverはほぼすべてのVSCodeショートカットが動作します。

// settings.json（code-server内）でiPad向けフォントサイズを調整
{
  "editor.fontSize": 15,
  "terminal.integrated.fontSize": 14,
  "workbench.colorTheme": "One Dark Pro",
  "editor.minimap.enabled": false  // 画面が狭いため非表示推奨
}

ミニマップは正直邪魔です。PCの27インチモニターなら便利ですが、iPad画面では貴重な横幅を食うだけなので切っておくのをおすすめします。フォントサイズも15px前後がiPadの解像度に合っている印象。デフォルトの14pxだとiPadではやや見づらいと感じました。

ホーム画面に追加してアプリ化

Safariで https://code.your-domain.example.com を開き、「ホーム画面に追加」するとアイコンからワンタップで起動できます。PWA的な動作でフルスクリーン表示になります。

これをやっておくとiPadでの体験がぐっと「アプリっぽく」なります。ブラウザのアドレスバーが消えてフルスクリーンになるだけで、集中しやすさが変わる気がする。セットアップ5秒でできる割に効果が大きいので、絶対やっておいてください。

実用的な開発ワークフロー例

# VPS上でプロジェクトをクローン
git clone https://github.com/yourusername/your-project.git ~/projects/

# 依存インストール・開発サーバー起動
cd ~/projects/your-project
npm install
npm run dev &  # バックグラウンド起動

# iPadのブラウザで別タブを開いてプレビュー（ポートフォワード経由）
# https://code.your-domain.example.com でコード編集
# http://xxx.xxx.xxx.xxx:3000 でプレビュー（VPSポートを一時開放）

VPS上でサーバーを起動してしまえば、iPadはブラウザのタブを2枚開くだけで「コード編集」と「プレビュー確認」が完結します。これが思ったよりストレスなく動く。PC要らないじゃん、という体験がちゃんとあります。

ここで重要なのが、VPSは「自分のPCと違って電源を切らない」という点です。出張先でiPadを開いた瞬間に続きから始められる。自分のPCをスリープさせずに置いておく必要もない。この「手放し感」は想像以上に精神的にラクです。

あなたの使い方で選ぶ判断テーブル

損益分岐点の計算（参考）:

KAGOYAの時間課金（仮に約11円/時間）で月76時間使うと約836円。XServerの固定プランが830円なので、76時間を超えるならXServerのほうが安くなる計算です。逆に言うと「週末だけ触る」「平日は仕事で全然触れない」という使い方なら、月76時間に到達しにくいのでKAGOYAのほうがコストを抑えられる可能性が高い。

「毎月いくらになるか計算したくない」という人には、最初からXServerの固定料金のほうが精神的にラクです。どちらが正解かは使い方次第なので、まず自分の使い方を想像してみてください。

まとめ

VPS上のcode-serverとiPadを組み合わせれば、PCゼロのモバイル開発環境が完成します。Safari（またはChrome）を開くだけでVS Codeが起動し、VPSのフルスペックを活かしたDocker・Node.js・Python開発が可能です。Magic Keyboardを使えば、移動中でもデスクトップ開発と変わらない体験が得られます。

一度セットアップしてしまえばVPSは止まらずに動き続けてくれるので、「自分のPCを立ち上げっぱなしにしておく」必要もなくなります。PCを立ち上げっぱなしにするのって、電気代もそうですが「何かあったらリモートデスクトップで入らなきゃいけない」という精神的なひっかかりがずっとある。VPSはその感覚が消えます。何かあってもブラウザを開けばすぐ続きができる。この「手放し感」が地味に大きいです。

これが最終回答じゃないんだから、まずKAGOYAの14日無料で試してみてください。週末2回触れれば、自分に合うかどうかは十分判断できます。

ConoHa VPS →

KAGOYA CLOUD VPS →

あわせて読みたい

• AIツール（Claude Code / Codex）向けVPS比較ランキング初心…
• 失敗しないGPUサーバー選び：VRAM 24GB以上を格安で確保できるVPSラン…
• GPU搭載VPSを「必要な時だけ」時間単位で借りて画像生成AIをお試しする方法
• あなたに合うVPSを30秒で診断する