← 記事一覧へ戻る
AI活用

【Cursor Vercel】スマホ1台で開発・プルリク・チェックまで完結させる方法【フリーランスエンジニア】

Cursor MobileとVercel Previewを使い、スマホだけでAI開発・プルリク確認・動作チェックまで進める方法を、フリーランスエンジニアの開発効率と個人開発の視点で解説します。

著者: はるや3分で読了
元動画: 【Cursor Vercel】スマホ1台で開発・プルリク・チェックまで完結させる方法【フリーランスエンジニア】

スマホで開発するためだけに
Mac miniを買う必要はありません。

高いパソコンを常に持ち歩く必要もないです。

結論、今持っているスマホと
普段使っている開発環境があれば
かなり普通にスマホ開発できます。

今回話したいのは
Cursor MobileとVercel Previewを組み合わせる方法です。

これを使うと
寝転びながら機能追加を依頼して、
移動中にプルリクを見て、
スマホでプレビュー確認までできます。

動画で聞きたい人はこちらです。
記事では、スマホ開発をフリーランスエンジニアの生産性にどうつなげるかを整理します。

YouTubeで開く

この記事で伝えたいこと
  • Cursor Mobileを使えば、スマホからAIに開発を依頼できる
  • GitHubアプリでプルリクと差分を確認できる
  • Vercel Previewを組み合わせると、スマホで動作確認までできる
  • AI時代のフリーランスは、作業時間ではなく開発速度で差がつく

スマホ開発は「遊び」ではなく、普通に生産性が上がる

朝起きてすぐ
パソコンの前に座るのがだるい時ってありますよね。

でも、頭の中では
「あの機能だけ先に作らせたい」
「この不具合だけ調査させたい」
みたいなことはあると思います。

今まではそこで
パソコンを開く必要がありました。

でもCursor Mobileを使うと
スマホからAIエージェントに指示を投げられます。

例えば、動画では
LINEで動くAIエージェントの文章が見にくかったので、
改行するようにプロンプトを調整してほしい
というタスクを依頼していました。

こういう小さな改善は
わざわざ机に座ってからやるより、
思いついた瞬間にAIへ投げた方が早いです。

Cursor Mobileでできること

やり方はかなりシンプルです。

  1. Cursor Mobileにログインする
    スマホでCursor Mobileを開き、普段使っているCursorアカウントでログインします。
  2. ホーム画面に追加する
    スマホアプリのようにすぐ開けるようにしておくと、移動中でも使いやすいです。
  3. リポジトリとブランチを選ぶ
    どのリポジトリで、どのブランチから作業させるかを選びます。
  4. AIにタスクを投げる
    「この機能を追加して」「このUIを直して」と指示します。
  5. プルリクを確認する
    作業が終わるとプルリクが作られるので、GitHubアプリで差分を見ます。

動画では、LCVという個人開発サービスに
広告シミュレーション機能を追加する例を出していました。

指示はかなりざっくりです。

「ダッシュボードに広告のシミュレーション機能を作ってください。
項目としては広告予算、CPA、リストを獲得できるかを試したいです。」

これだけで、AIが必要な作業を細分化して
コンポーネントを追加し、UIを作り、プルリクまで出してくれます。

もちろん、全部そのままマージしていいわけではありません。

でも、たたき台を作る速度は
明らかに上がります。

Vercel Previewと組み合わせると、スマホで確認まで終わる

ここがかなり大事です。

AIにスマホから開発を依頼できても
結局ローカルに落として確認しないといけないなら
半分しか意味がありません。

そこで使うのがVercel Previewです。

Vercelを使っていると
ブランチごとにプレビュー環境を作れます。

プルリクができたら
そのブランチの状態を反映したURLが出ます。

つまり、スマホでプルリクを開いて
そのままプレビューURLを開けば、
スマホ上でUIや文言や簡単な動作確認ができます。

これがめちゃめちゃ相性いいです。

動画でも、広告シミュレーション機能を追加した後に
Vercelのプレビュー環境を開いて
管理画面にメニューが増えているか、
広告予算とCPAからLINEリスト数を計算できるかを確認していました。

ここまでスマホでできると
「移動中だから何も進まない」が減ります。

スマホだけで完結させていい作業、ダメな作業

ただし、何でもスマホでマージすればいい
という話ではありません。

スマホで向いているのは
小さめのUI修正、文言修正、軽い機能追加、調査タスクです。

逆に、データベース変更、課金まわり、認証、権限、外部API連携などは
ちゃんとパソコンで確認した方がいいです。

動画でも、データベース関連の変更については
Supabaseのマイグレーションが本番反映される仕組みを作っている
という前提で話していました。

つまり、スマホ開発は
雑にマージするためのものではありません。

AIに先に作らせて、
確認できるところはスマホで確認し、
重いところはパソコンで見る。

この使い分けが大事です。

AI時代のフリーランスは、開発速度で差がつく

フリーランスエンジニアとして収入を上げたいなら
ただ作業時間を増やすだけでは限界があります。

同じ8時間働いても
AIを使って3つ進める人と
手作業で1つしか進まない人では
出せる価値が変わります。

特に個人開発や小さな業務改善案件では
スピードがかなり重要です。

思いついた改善をすぐAIに投げる。
移動中にプルリクを見る。
スマホでプレビュー確認する。
問題なければパソコンで最終確認してマージする。

この流れを作れると
開発の待ち時間がかなり減ります。

スマホ開発で狙うべき状態
  • 思いついた改善をすぐAIに投げられる
  • プルリクと差分を移動中に確認できる
  • Vercel Previewで簡単な動作確認までできる
  • 重い確認だけパソコンで行う

まとめ:Cursor MobileとVercelは、個人開発するエンジニアほど使った方がいい

整理します。

Cursor Mobileを使うと
スマホからAIに開発を依頼できます。

GitHubアプリを入れておけば
プルリクと差分も見れます。

さらにVercel Previewを組み合わせると
スマホ上でUI確認までできます。

これは、個人開発や小さな業務改善ツールを作っている
フリーランスエンジニアほど相性がいいです。

なぜなら、空き時間に進められる作業が増えるからです。

もちろん、最後の責任は人間が持つ必要があります。

でも、AIに作業を投げる速度と
確認する速度を上げられる人は、
これからかなり強いです。

僕の公式LINEでは
こういうAI開発の使い方だけでなく、
フリーランスエンジニアが単価を上げ、個人案件や個人開発で収入を伸ばすロードマップを配っています。

今の働き方をもう一段上げたい人は
よければ受け取ってください。

Free Roadmap

月収100万円の壁を突破する
エンジニアロードマップを受け取る

エージェント案件の単価アップ、AI開発、個人案件や個人開発で収入を伸ばす流れまで、今の状態に合わせて整理しています。

LINEで無料ロードマップを受け取る →

この記事の著者
はるや

はるや

  • AIに負けないエンジニア育成を発信
  • 稼ぎ続ける本質的なエンジニア戦略を発信
  • フリーランスエンジニアの単価アップ・個人案件・キャリア戦略を解説

手取り20万円の会社員エンジニアからフリーランスになり、月単価50万、60万、70万、100万、130万円と単価を上げてきた経験をもとに、開発スキルだけで終わらない働き方を発信しています。