スマホでアプリ開発! Cursorのウェブ・モバイル版を試してみた
Qiita 記事。著者:k_ohmikawa。AIコードエディタ Cursor がWebおよびモバイルブラウザに対応したことを受け、iOS Safari での PWA インストール手順から実際の PR 作成・マージまでを実機レビューした実践記事。Slack 連携機能についても詳しく解説している。
記事の核心メッセージ
- Cursor が Web・モバイルブラウザ対応になり、スマートフォン・タブレットからも利用可能に
- PWA インストールでネイティブアプリ同等の操作感を実現
- GitHub リポジトリと連携した Background Agent がスマホだけでブランチ作成→ファイル生成→PR作成→マージを完結
- Slack 連携により
@Cursorメンションだけでチーム開発フローに組み込める
前提条件
Web・モバイル版の Cursor Agents は GitHub リポジトリとの連携が前提。
- デスクトップ版 Cursor(VS Code ベース)のアカウントを保有
- GitHub アカウントとの連携設定済み
- 対象リポジトリへのアクセス権限を保有
iOS Safari での PWA セットアップ手順
- Safari で
https://cursor.com/ja/agentsにアクセス - Google アカウント / GitHub アカウント等でログイン
- エージェント操作画面が表示される
- 画面下部の 共有アイコン をタップ → 「ホーム画面に追加」 を選択
- ホーム画面に Cursor アイコンが追加される → 以降はネイティブアプリのように起動可能
エージェントによる PR 作成フロー
実際に個人開発リポジトリで試した手順:
- 「Select repository」でリポジトリを選択
- 使用モデルを選択(記事では Claude 4 Sonnet を使用)
- 自然言語で指示を入力(例:「このアプリの概要を説明するファイルを追加してください」)
- エージェントがバックグラウンドで処理開始(ステータス:「thinking」)
- 数分で指定ファイルが生成される
- 「Create PR」ボタンでブランチ作成→コミット→プッシュ→PR作成が自動完了
- 「Squash merge」ボタンでマージまでアプリ内で完結
Tip
差分(Diff)確認も画面内でできるため、不安があれば内容チェックしてから PC でゆっくりレビューする運用も可能。
Slack 連携
公式ドキュメント:https://docs.cursor.com/slack
セットアップ
- Cursor の Integrations ページ → 「Slack」の Connect ボタン
- Slack ワークスペースに Cursor アプリをインストール
- GitHub 連携・Usage-based pricing 有効化・プライバシー設定を確認
基本的な使い方
Slack チャンネルやスレッドで @Cursor をメンションし自然言語で依頼するだけ。
例:@Cursor fix login bug
- エージェントが会話の文脈を読み取りタスクを自動実行
- 処理状況は Slack 上でリアルタイム通知
- PR 作成時は自動でリンクと概要を投稿
Slack コマンドオプション
| オプション | 説明 | 例 |
|---|---|---|
branch | ベースブランチを指定 | branch=main |
model | 使用する AI モデルを指定 | model=o3 |
repo | 対象の GitHub リポジトリを指定 | repo=owner/repo |
autopr | PR の自動作成を ON/OFF | autopr=false |
@Cursor [branch=main, model=o3, repo=owner/repo, autopr=false] Fix the login bug
- スレッド内では文脈を維持しながら継続的な指示のやり取りが可能
@Cursor helpで使用可能コマンド一覧を確認できる
著者の評価・展望
- スマホ完結での開発フローは「驚きの体験」
- Slack 連携はチーム開発・リモートワークで大きな武器になる可能性
- 今後、複数リポジトリを横断した操作が可能になれば PC なしで十分開発できるようになるかもしれない
キーインサイト
Cursor の Background Agent がWeb・モバイル対応したことで、「スマホで指示→バックグラウンドでAIがコードを書く→PRを確認してマージ」という非同期開発フローが実現した。PC がなくてもスキマ時間にコード変更を依頼し、Slack でチームと共有できる体験は、モバイルファーストな開発スタイルの第一歩となる。