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
95
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-distributional-effect
cyberagentdevelopers
PRO
4
700
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.6k
なんで、私がAWS Heroに!? 〜社外の広い世界に一歩踏み出そう〜
minorun365
PRO
6
1.1k
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
120
ABEMA のコンテンツ制作を最適化!生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
180
AWS CodePipelineでコンテナアプリをデプロイした際に、古いイメージを自動で削除する
smt7174
1
100
CAMERA-Suite: 広告文生成のための評価スイート / ai-camera-suite
cyberagentdevelopers
PRO
3
270
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
27
12k
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
180
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
360
バクラクにおける可観測性向上の取り組み
yuu26
3
420
[AWS JAPAN 生成AIハッカソン] Dialog の紹介
yoshimi0227
0
150
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
39
2.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Side Projects
sachag
452
42k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Building Applications with DynamoDB
mza
90
6.1k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Documentation Writing (for coders)
carmenintech
65
4.4k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
The Invisible Side of Design
smashingmag
297
50k
How GitHub (no longer) Works
holman
311
140k
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