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
97
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
990
Other Decks in Technology
See All in Technology
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
200
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
強いチームと開発生産性
onk
PRO
35
11k
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
180
OS 標準のデザインシステムを超えて - より柔軟な Flutter テーマ管理 | FlutterKaigi 2024
ronnnnn
1
290
Lexical Analysis
shigashiyama
1
150
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
The Rise of LLMOps
asei
8
1.7k
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
OCI 運用監視サービス 概要
oracle4engineer
PRO
0
4.8k
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
Featured
See All Featured
It's Worth the Effort
3n
183
27k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
900
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Statistics for Hackers
jakevdp
796
220k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Docker and Python
trallard
40
3.1k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Become a Pro
speakerdeck
PRO
25
5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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