Angular公式のデバッグツール「Angular DevTools」、Googleが公開。有志による日本語ガイドも

2021年5月21日

Googleは、Angularアプリケーションのデバッグツール「Angular DevTools」をChromeの拡張機能としてリリースしました。

また、有志による日本語ガイドも公開されています。

Angular DevToolsの2つの主要機能

今回のリリースでは、コンポーネントエクスプローラとプロファイラの2つの機能にフォーカスされています。

コンポーネントエクスプローラでは、使われいるコンポーネントのメタデータ、プロパティ、インプット、アウトプットなどが表示されます。また、これらの値を直接書き換えることも可能。

fig

プロファイラでは、イベントによる変化を検出、そのサイクルを表示し、何がトリガーになったかや、かかった時間も分かるようになっています。

fig2

Angularのデバッグツールとしては以前からAuguryがありました。今回リリースされたAngular DevToolsはAuguryの開発元であるRangle.ioも協力しており、Angular DevToolsはAuguryの機能をキャッチアップしていくとのこと。

事実上、Auguryの後継ツールという位置づけなのかもしれません。

Tags: JavaScript プログラミング言語 Angular Google

このエントリーをはてなブックマークに追加
ツイート
follow us in feedly





タグクラウド

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準

アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed

最新記事10本