モバイルで使えるArchyl：あなたのアーキテクチャを、手のひらに

アーキテクチャのドキュメントづくりは、ずっとデスクでの作業でした。大きな図、密度の高い表、27インチのモニターがないと読み解けない依存関係グラフ。だから誰かがSlackで「ちょっと、checkoutサービスってledgerと直接やり取りしてたっけ?」と聞いてきたとき、電車の中にいるあなたは「ノートPCに戻ったら確認するよ」と返すしかありませんでした。

もうそんな必要はありません。今日から、Archylアプリのすべてがスマートフォンで動きます。

機能を削ったコンパニオンアプリではありません。読み取り専用のビューアーでもありません。同じArchyl、同じアカウント、同じデータ — すべての画面を、片手で持つ画面に収まるよう作り直しました。

いちばんの難所：スマホで動くC4キャンバス

インタラクティブなアーキテクチャ図は、モバイルで動くとはいちばん思えないものです。ノード、エッジ、4段階のズーム、詳細パネル。私たちはそれを縮小したのではなく、指でどう触れるかを考え直しました。

• 本物の図をパン・ピンチ。 スクリーンショットではなく、実際のReact Flowキャンバスです。システム、コンテナ、コンポーネントの間をドラッグして動き回れます。
• スクロールできる階層パンくず。 System Context → Containers → Components → Code が横スクロールするガラス調のバーに収まり、狭い画面でも最も深い階層が常にワンタップで届きます。
• ダブルタップで掘り下げる。 ノードをタップして選択し、ダブルタップで次のC4階層へ — デスクトップのダブルクリックにあたるタッチ操作です。
• タップで中央寄せの詳細パネル。 右端に押し込まれたパネルではなく、要素の詳細(説明、オーナー、ADR、ドキュメント、API契約)が親指サイズの中央シートとして開きます。
• ミニマップは邪魔をしない。 モバイルではミニマップが自動で隠れ、図に画面全体を譲ります。

親指で届くナビゲーション

サイドバーは左から滑り込むドロワーになります — 組織の切り替え、チームの切り替え、そして整然としたアコーディオンにまとめられたナビゲーション。プロジェクトにたどり着くために20項目もスクロールすることはもうありません。

プロジェクトのヘッダーもスペースを取り戻します。アクションボタンはアイコンに縮み、セクションのタブ — Diagram、List、Decisions、Docs、API Contracts、Releases ほか — はすべて1つのドロップダウンに畳まれます。プロジェクト名と成熟度グレードは専用のコンパクトな行を持つので、いま何を見ていて、それがどれだけ健全かが常に分かります。

どの画面も再構成される

これは1ページだけの仕事ではありませんでした。画面を1つずつ見ていきました。

• Deployments — デプロイマトリクスは、スマホでは横スクロールが必要でした。いまはアプリごとのすっきりしたカードに積み直され、各環境がグリッドに並び、ドリフトはアンバー色で示されます。
• Decisions (ADR) — 一覧の各行はタイトルに独立した行を与え、「Cho…」と切れてしまわないようにしました。ステータス、日付、リンクはその下にきれいに折り返されます。
• Insights — 重大度カウンター(Critical / High / Medium / Low)は、押しつぶされた4カラムではなく、ゆとりある2×2グリッドに再構成されます。
• Technology Radar、Documentation、API Contracts、Releases、Global Architecture — すべて再構成され、フィルターパネルやフォルダツリーはモバイルのドロワーに移ります。
• アカウント — Profile、API Keys、Notifications、MCP Server が1つのスワイプ可能なタブバーを共有します。

エージェントをプラットフォームから動かす

Agent Hubも一緒についてきました。Dashboard、Rules、Runs、Schedules、Connectors がスクロールできるタブの列に並び — そして面白いのが — マネージドエージェントの実行をスマホから見守れることです。ツール呼び出しが流れ込み、入力と出力が表示され、ドリフトを検知してプルリクエストを開くあいだ「Agent is working…」と動き続けます。アーキテクチャのメンテナンスが、ポケットの中で進みます。

ライトもダークも、自然に

すべてがテーマを尊重します。朝9時の明るいプラットフォームでも、真夜中の暗い部屋でも、図もカードもパネルも正しく見えます。

インストールするものは何もない

アプリストアもダウンロードも、別のログインもありません。デスクで使っているのと同じArchyl — スマホのブラウザで開けば、プロジェクトもモデルも意思決定もそこにあります。ワンタップで開きたければ、ホーム画面に追加してください。

アーキテクチャが意味を持つのは、デスクに座っているときだけではありません。質問はスタンドアップで、廊下で、電車の中でやってきます。これからは、答えもあなたと一緒に来ます。

スマホで archyl.com を開いて、手のひらの中のアーキテクチャを見てください。