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
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
450
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
0
110
「改善」ってこれでいいんだっけ?
ukigmo_hiro
0
410
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
300
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
610
What's new in OpenShift 4.20
redhatlivestreaming
0
110
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
300
事業開発におけるDify活用事例
kentarofujii
5
1.3k
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
120
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
330
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Building an army of robots
kneath
305
46k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Balancing Empowerment & Direction
lara
5
700
Gamification - CAS2011
davidbonilla
81
5.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Typedesign – Prime Four
hannesfritz
42
2.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
4 Signs Your Business is Dying
shpigford
185
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
880
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