Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Look Deeply into Your App with Augury
Search
Vanessa Yuen
July 01, 2016
Technology
0
100
Look Deeply into Your App with Augury
Presented at Angular Camp 2016 at Barcelona, Spain.
Vanessa Yuen
July 01, 2016
Tweet
Share
More Decks by Vanessa Yuen
See All by Vanessa Yuen
Generative Art with p5.js
vanessayuenn
4
1.1k
Other Decks in Technology
See All in Technology
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
250
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
120
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
330
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
620
ソースを読むプロセスの例
sat
PRO
15
9.9k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
130
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
2.8k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
230
Digitization部 紹介資料
sansan33
PRO
1
5.7k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Faster Mobile Websites
deanohume
310
31k
Become a Pro
speakerdeck
PRO
29
5.6k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Optimizing for Happiness
mojombo
379
70k
How STYLIGHT went responsive
nonsquared
100
5.8k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Transcript
Look Deeply Into Your App Vanessa Yuen with Augury @rangleio
@vanessayuenn
WHAT IS AUGURY? @rangleio @vanessayuenn ◦ Angular 2 development aid
◦ Not just a debugger ◦ Chrome extension ◦ Open source effort started at Rangle.io ◦ (by wikipedia definition) an ancient bird watching practice??? Augury is...
Prototyped was first demoed at AngularConnect in October 2015 THE
PAST @rangleio @vanessayuenn
After several major iterations with feedback from usability testing the
beta version was launched at ngConf in May 2016. THE PRESENT @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation Change Detection
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation Change Detection #WTF
Augury is not just a debugger... • Component Relationships •
Detailed Component Info • Dependency Hierarchy • Change Detection Strategy • Editable Component Properties • Router Structure Look Deeply Into Your App
DEMO TIME @rangleio @vanessayuenn
UNDER THE HOOD @rangleio @vanessayuenn ◦ Augury is an Angular
2 application written in TypeScript ◦ Chrome Extension APIs ◦ Angular 2’s Debug APIs ◦ Detailed architectural documentation in repo: github.com/rangle/augury
ROADMAP @rangleio @vanessayuenn 1. Stability 2. Final Angular-2.0 support 3.
Support New “new” router 4. More UX feedback 5. Exploration for more features
OPEN SOURCE COMMUNITY @rangleio @vanessayuenn That’s all of you!
WE LOVE CONTRIBUTIONS! @rangleio @vanessayuenn github.com/rangle/augury
INTERNAL CONTRIBUTORS Bertrand Karerangabo Sumit Arora Igor Kamenetsky Vanessa Yuen
Fatima Remtullah Justina Choi Richard Hobeiche Mike Costanzo
Beta Version of Angular Augury is available on the Chrome
Web Store GET AUGURY @rangleio @vanessayuenn
THANK YOU! @rangleio @vanessayuenn