はじめに

「外出先でもブログを書きたい」「ちょっとした空き時間にコードレビューをしたい」

そんな願望を持ったことはありませんか?

実は、happy-coderを使えば、スマホだけでClaude Codeを操作して、本格的な開発作業ができるんです。しかも、追加のツールなしで。

この記事では、happy-coderを使ってスマホからClaude Codeを操作する方法と、実際にこの記事を含む2つの記事をスマホだけで執筆した体験をご紹介します。

既存の方法との違い

スマホからClaude Codeを操作する方法としては、こちらのZenn記事で紹介されているように、Tailscale + Termiusを組み合わせる方法が知られています。

この方法も素晴らしいのですが、以下のような準備が必要です:

Tailscaleのインストールと設定
SSHリモートログインの有効化
Termiusアプリの設定
PCを常時稼働させる必要がある

一方、happy-coderを使う方法は:

✅ happy-coderをインストールするだけ ✅ スマホでQRコードを読み込むだけで接続完了 ✅ PCの常時稼働不要 ✅ 追加のVPN設定不要

と、圧倒的に手軽です。

happy-coder とは

happy-coderは、Claude Codeをスマホから操作できるツールです。

主な特徴: - ブラウザからClaude Codeを操作可能 - スマホからでも快適に使える専用UI - Yes/No/Elseの選択がタップ操作で可能 - コマンド入力も音声入力やフリック入力で快適

セットアップ方法

1. PC側: happy-coder のインストール

npm install -g happy-coder

要件: Node.js 18以上が必要です。

2. スマホ側: アプリをインストール

スマホに専用アプリをインストールします:

iOS: App Storeで「Happy Claude Code Client」を検索してインストール
Android: Google Playで「Happy Claude Code Client」を検索してインストール
Web版: app.happy.engineering にアクセス

3. QRコードで認証

PC側で以下を実行してQRコードを表示:

happy --auth

すると、ターミナルにQRコードが表示されます。

スマホ側で接続: 1. インストールしたHappyアプリを起動 2. PC画面に表示されたQRコードをスマホで読み込む 3. これだけで接続完了!

一度認証すれば、次回からはhappyコマンドだけで起動できます。

スマホでの操作感

タップ操作で選択肢を選べる

happy-coderの最大の特徴は、Claude Codeからの選択肢（Yes/No/Else）をタップ操作で選べることです。

従来のターミナルベースだと: 1. キーボードでyesと入力 2. Enterキーを押す

という手順が必要でしたが、happy-coderなら:

画面に表示されたボタンをタップするだけ

これがスマホでの作業効率を劇的に改善します。

音声入力との相性抜群

スマホの音声入力機能を使えば、長文のプロンプトも快適に入力できます:

入力欄をタップ
音声入力ボタンをタップ
話しかける
送信ボタンをタップ

フリック入力よりもはるかに速く、自然な言葉でClaude Codeに指示を出せます。

コード確認も快適

スマホの画面でもコードが見やすいように最適化されたUIで、差分確認やコードレビューも快適に行えます。

実践例: この記事をスマホで書いてみた

実は、この記事と前回の「gwq と lazygit、agent-deck で実現する効率的なブログ管理ワークフロー」の記事は、全てスマホから happy-coder を使って作成しました。

実際の作業フロー

1. PC側で準備

# 初回のみ認証
happy --auth
# 2回目以降は
happy

2. スマホ側で接続

Happy Claude Code Clientアプリを起動
初回のみQRコードを読み込んで認証
以降は起動するだけで自動接続

3. 音声入力で指示

「新しくgwqとlazygit、agent-deckを組み合わせる記事を書いてほしいです」
「lazygitのconfig.ymlはローカルにあるdotfilesリポジトリ内のファイルを参考にしてほしいです」

4. タップ操作で承認

Claude Codeからの提案をタップで承認
修正箇所もタップで選択

5. 記事完成

PRマージまで全てスマホから実行

所要時間

記事1（gwq + lazygit + agent-deck）: 約30分
記事2（この記事）: 約20分

従来のPC作業と比べても遜色ない速さで、むしろ移動中や待ち時間を活用できる分、効率的でした。

スマホで開発する利点

1. 場所を選ばない

カフェでブログ執筆
電車での移動中にコードレビュー
ベッドでリラックスしながらドキュメント作成

2. 隙間時間の有効活用

5分の待ち時間でPRの確認
10分の休憩でブログの下書き
通勤時間で記事執筆

3. 音声入力で快適

タイピングより速い
自然な言葉で指示が出せる
手が疲れない

happy-coder の便利な機能

1. エンドツーエンド暗号化

QRコードで交換した共有シークレットを使って、PC（CLI）とスマホ間の通信が暗号化されます。セキュアな環境で開発作業ができます。

2. 履歴の保存

会話履歴が自動的に保存されるため、後から見返すことができます。

3. ダークモード対応

スマホでの長時間作業でも目に優しいダークモードに対応しています。

注意点とTips

セキュリティ

QRコードで認証を行うため、セキュアな環境で使用できます:

信頼できるデバイスからのみアクセス
エンドツーエンド暗号化による安全な通信

バッテリー消費

長時間の作業ではバッテリー消費が気になる場合:

モバイルバッテリーを携帯
画面の明るさを調整
必要に応じてダークモードを使用

ネットワーク

安定したネットワーク環境で使用することをおすすめします:

Wi-Fi環境が理想的
4G/5G回線でも問題なく動作（通信量に注意）

まとめ

happy-coderを使えば、追加のツールやVPN設定なしで、スマホからClaude Codeを快適に操作できます。

この記事で紹介した内容:

happy-coderの手軽なセットアップ方法
タップ操作による快適な選択肢の選択
音声入力との組み合わせで効率的なプロンプト入力
実際にスマホだけで2つの記事を執筆した体験

従来の方法（Tailscale + Termius）との違い:

✅ インストールが簡単（happy-coderのみ）
✅ QRコードを読み込むだけで接続完了
✅ PCの常時稼働不要
✅ VPN設定不要
✅ タップ操作で快適

「外出先でもブログを書きたい」「隙間時間を有効活用したい」そんなあなたに、happy-coderは最適なツールです。

ぜひ、スマホでの開発体験を試してみてください!

狐好きぷろぐらまー

狐好きプログラマーのブログです。

スマホからClaude Codeを操作する - happy-coderでブログ執筆が快適に