Archifyとは

Archifyは、無料のオープンソースブラウザ拡張機能で、あらゆるWebページの背後にあるアーキテクチャ（コンポーネント、API、ライブラリ、ランタイム動作）をブラウザ上で直接明らかにします。100%ローカルで動作し、アカウントは不要で、データを外部に送信することは一切ありません。ホバーするだけで、UIフレームワークやライブラリからネットワークコール、ストレージメカニズムに至るまで、システム全体のスタックを確認できます。

こんな方におすすめ

• 開発者：馴染みのないコードベースやサードパーティ製アプリケーションを、DevToolsを掘り下げることなく素早く理解する必要がある方
• エンジニアリングリーダー：チームのWebプロパティ全体で、依存関係、トラッカー、決済フローを監査したい方
• セキュリティ研究者：ランタイム動作を検査し、あらゆるページ上のサードパーティスクリプト、分析ピクセル、データフローを特定する必要がある方

主な機能

ランタイムアーキテクチャ検出

Archifyは、ブラウザからのライブシグナル（フレームワーク内部、ネットワークコール、DOM構造、フォームフィールドリスナー）を読み取り、完全なテクノロジースタックを特定します。React、Next.js、Vue、Angular、Stripe、Google Analyticsなど、100以上のフィンガープリントを検出し、すべてランタイムで検証され、信頼度スコアが付与されます。

ワンクリックシステムトレース

任意の要素にホバーすると、そのコンポーネント、ライブラリ、APIコール、ストレージ使用状況、ルートが表示されます。インタラクティブな要素をクリックすると、どのAPIが起動し、何が保存され、ユーザーが次にどこへ移動するかという完全なフローをトレースできます。トレース全体はローカルで30秒以内に完了します。

信頼度スコア付き結果

すべての検出結果には信頼度スコアが付与され、各読み取りの信頼性を正確に把握できます。Archifyは情報を捏造することはなく、何かを特定できない場合は推測せずに「不明」と表示します。

ページ全体のプロファイリング

ツールバーアイコンをクリックすると、あらゆるページの完全なプロファイル（フレームワークスタック、ホスト、トラッカー、クレジットカード入力などの機密フィールド近くのスクリプト、すべてのサードパーティ統合）が表示されます。すべてはランタイムの証拠に基づいています。

特筆すべき点

「他のツールは断片にしか答えません。Archifyは、『このアプリケーションはどのように動作するのか？』という本当の問いに答えます。」

Chrome DevToolsが実装の詳細を表示し、Wappalyzerがテクノロジーを一覧表示し、React DevToolsがコンポーネントを公開する一方で、Archifyはこれらすべてのレイヤーを接続し、一貫性のあるシステムビューを提供する唯一のツールです。開発者が理解に費やす時間の27%をすでに費やしているブラウザ上で、通常1つのログインフローを理解するのに45分かかるところを、Archifyは数秒で答えを提供します。

試す価値がある方

複数のDevToolsパネルを行き来したり、ドキュメントを読んだり、Webページの仕組みを理解するために先輩エンジニアに質問したりすることにうんざりしている方。特に、自分が書いていないAI生成コードを扱う場合、サードパーティの依存関係を監査する必要がある場合、またはソースマップやネットワークログを深く掘り下げることなく、馴染みのないプロジェクトに迅速にオンボーディングしたい場合に、Archifyは非常に価値があります。