概要
https://tacoms-inc.hatenablog.com/entry/2025/09/24/121821
詳細内容
## スマホでもPCでもタスクをこなすAIネイティブな開発環境を作ろう！
https://tacoms-inc.hatenablog.com/entry/2025/09/24/121821
AIエージェント活用時の課題を解決するため、筆者はClaude Code UI、Vibe Kanban、VibeTunnelを組み合わせ、PC・スマホ問わず利用可能なAIネイティブな開発環境を構築しました。
**Content Type**: Tutorial & Guide
**Scores**: Signal:4/5 | Depth:4/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 88/100 | **Annex Potential**: 85/100 | **Overall**: 84/100
**Topics**: [[AIネイティブ開発環境, Claude Code, モバイル開発, Git Worktree, タスク管理]]
AIエージェントの登場により開発スタイルが大きく変化し、LLMがソースコードを生成する中で、エンジニアの役割は「適切なコンテキストとプロンプトの提供」にシフトしています。しかし、この高速な開発環境には「人間の追従困難」「生成待ち時間の課題」「PCへの依存」という新たな問題が生じます。
これらの課題を解決するため、筆者は「Claude Code UI」「Vibe Kanban」「VibeTunnel」の3つのツールを組み合わせた、モバイル対応のAIネイティブな開発環境を提案しています。
* **AIに置いていかれる問題**は、Claude Code UIでの複数セッション一元管理とVibe Kanbanのカンバン形式でのタスク可視化により解決し、AIの作業状況を常に把握可能にします。
* **生成待ち時間の課題**は、Vibe KanbanがタスクごとにGit worktreeを作成することで、待ち時間中に別のタスクを並列で進められ、全体の生産性を飛躍的に向上させます。
* **PCへの依存**は、Claude Code UIとVibeTunnelによりスマートフォンからでもAIとの対話やターミナル操作が可能となり、場所を選ばずに開発を進められるようになります。
Claude Code UIはブラウザベースのチャットUIでClaude Codeセッションを管理し、ローカルファイルやGit操作、ターミナル機能も統合。Vibe Kanbanは複数タスクをカンバンで管理し、タスクごとにworktreeを生成して完了タスクからのPR作成もサポートします。VibeTunnelはローカルターミナルセッションをブラウザにプロキシし、継続的な作業を可能にします。
朝のルーティンでのスマホでの進捗確認と修正指示、コードレビューからの修正方針決定、Vibe Kanbanへのタスク登録とworktreeでの並列作業、移動中のアイデアのタスク化といった具体的なワークフローが紹介されており、この環境がAIエージェントとの協働における場所や時間の制約から開発者を解放し、生産性を向上させる実用的なアプローチを示している点が重要です。