Noa 開発日記 — つくった本人の裏話 | 木下スタジオ木下貴博（iPhoneからMacを動かすWebターミナル）

#01📱 外出先

iPhoneしか、手元にない。

外にいる。Macでは Claude Code が動いている。でも、進捗が確認できない。ターミナルにもう一行打ちたいのに、手元にあるのは iPhone だけ。

# いま、こういう気持ち
$ ssh mac …けど鍵は？ known_hosts は？ファイアウォールは？
# 1コマンドのために、何十分の準備。

SSHクライアント、VNC、TeamViewer——解決策はある。でもどれも「設定の壁」がある。この状況が、何度も繰り返し起きていた。

#02🙋 ペルソナ＝自分

Noa のペルソナは、想像で作ったものじゃない。自分自身だ。「外出中に iPhone で Claude を動かし続けたい」という実需が先にあって、そこから設計が始まった。

命題MacとiPhoneの間の物理的な距離を、ソフトウェアで消す。開発者が、外出先でも思考を止めずに作業を続けられること。

#03🧭 設計の言語

4つの軸で設計した——即時性・視認性・分離性・拡張性。ブラウザを開けば、もう繋がっている。設定の摩擦はゼロ。

目指したのは単なる遠隔操作じゃなく、思考の延長線上にある"場所"。だから TERM ／ EDITOR ／ FILES＋PREVIEW の3カラムにして、プロジェクトごとにセッションを分けた。

遠隔操作じゃない。思考の、延長線上の場所。

#04🔧 技術より、判断

$ node server.js
Node.js + Express + WebSocket + node-pty
# PTYを生成 → WebSocket越しに → ブラウザの xterm.js へ

技術は、実はシンプル。むしろ難しかったのは体験設計の判断の方だった。どこまで見せるか、どうセッションを分けるか、どのテーマを用意するか。

効いた「技術で何ができるか」より「触ったとき、思考が途切れないか」。判断のほとんどは、後者だった。

#05🌿 使って、変わった

Noa を使い始めてから、外出中の作業の質が変わった。Macの前に座ることが必須じゃなくなり、思考の流れを途切れさせずに続けられる。

使って初めて分かった。動かなかったのは能力じゃなく、「道具にたどり着くまでのコスト」だったんだと。琵琶湖のそばでも、外出先でも、今日もこれで動かしている。OSSで公開している。