Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Look Deeply into Your App with Augury

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Vanessa Yuen Vanessa Yuen
July 01, 2016
Technology
120
0

Look Deeply into Your App with Augury

Presented at Angular Camp 2016 at Barcelona, Spain.

Avatar for Vanessa Yuen

Vanessa Yuen

July 01, 2016

More Decks by Vanessa Yuen

See All by Vanessa Yuen
Generative Art with p5.js
Avatar for Vanessa Yuen vanessayuenn
4
1.1k

Other Decks in Technology

See All in Technology
AIエージェントに​ 権限と鍵をどこまで渡すか
Avatar for NRI Netcom nrinetcom
PRO
2
160
Devin プロモコードの受け取りと適用(2026.10.27)
Avatar for kinopee kinopeee
1
750
キヨさん、67歳。AIコーディングエージェントに挑む
Avatar for コロッケそば happysamurai294
0
130
Vue.jsのGitHubから学ぶ意思決定
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
340
なぜAI時代に技術記事を書くのか？どう書くのか？ 〜bunの場合〜
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
1.1k
SLOを阻む不安
Avatar for sraku sraku2159
0
160
AI時代のエンジニアの情報発信〜個人の発信を組織の力に変える〜
Avatar for かわまた ryo_kawamata
0
4.6k
reInvent2026stby LT00 "Change your life!"
Avatar for Shinichiro Kawano shinichirokawano
1
490
Don't write the architecture only in the prompt.
Avatar for Neo Hsu neohsu
0
270
新卒エンジニア、 介護士になる
Avatar for ryu ryu1013
1
570
AWS Continuum for Penetration Testing に Deep Dive してみる
Avatar for 浅野晴輝 asanoharuki
2
1.5k
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
110

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
420
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
10
37k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
440
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.3k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
990
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
730
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
640
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
550
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
470
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.3k
Visualization
Avatar for Eitan Lees eitanlees
153
17k

Transcript

  1. Look Deeply Into Your App Vanessa Yuen with Augury @rangleio

    @vanessayuenn

  2. 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...

  3. Prototyped was first demoed at AngularConnect in October 2015 THE

    PAST @rangleio @vanessayuenn

  4. After several major iterations with feedback from usability testing the

    beta version was launched at ngConf in May 2016. THE PRESENT @rangleio @vanessayuenn

  5. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  6. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  7. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  8. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  9. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  10. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  11. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  12. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  13. WHY DO I NEED AUGURY? @rangleio @vanessayuenn

  14. WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn

  15. WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing

    & Navigation

  16. WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing

    & Navigation Change Detection

  17. WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing

    & Navigation Change Detection #WTF

  18. 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

  19. DEMO TIME @rangleio @vanessayuenn

  20. 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

  21. 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

  22. OPEN SOURCE COMMUNITY @rangleio @vanessayuenn That’s all of you!

  23. WE LOVE CONTRIBUTIONS! @rangleio @vanessayuenn github.com/rangle/augury

  24. INTERNAL CONTRIBUTORS Bertrand Karerangabo Sumit Arora Igor Kamenetsky Vanessa Yuen

    Fatima Remtullah Justina Choi Richard Hobeiche Mike Costanzo

  25. Beta Version of Angular Augury is available on the Chrome

    Web Store GET AUGURY @rangleio @vanessayuenn

  26. THANK YOU! @rangleio @vanessayuenn