ぼくのかんがえたさいきょうのIDE (app-hub)

• URL: https://zenn.dev/picaspica/articles/ed32e02d9142c7
• 日付: 2026-06-21
• Tier: Tier 3
• 要旨: AI 時代のIDEは「書く」を速くするのではなく「判断」を速くする管制塔。AI が 100 行書くたび見た目確認、テキスト差分では判断できず。UIモック即座レンダリング・仕様・コード・差分・KPI ゲートを横並べ。判断対象は「コードOK？」だけでなく「このアプリ育てる？畳む？」も自動化。

詳細

背景：自分でコード書かず指示と判断のみ。VS Code は「人間がタイプ」前提。補完・スニペット・キーバインドは対象外。新ボトルネック：「AI 出力を理解→採用or やり直し判断」。テキスト差分・別タブビルド・判断までの往復が遠い。発想転換：IDE は判断速度最適化。可視化原則：AIアウトプット→動く見た目・要約を判断場所に并べる。app-hub（ブラウザベースダッシュボード）実装：①HTML プレビュー（iframe srcdoc CSP 継承問題→sidecar runner に POST→隔離配信で解決）②見た目・仕様・コード・差分・URL 横並べ③KPI ゲート（2 週間メトリクス→当たり/様子見/外れ自動判定→推奨アクション）。KPI_GATE：visits 1000・paying 3・shares 50・watchVisits 300。当たり→育てる、外れ→畳む、様子見→据え置き。裏側エンジン：sidecar runner（127.0.0.1:7878）。ブラウザ←→HTTP+WebSocket（トークン付き）。Claude Agent SDK query()・claude バイナリ使用（API キー不要、サブスク認証のまま）。