Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AI + JavaScript Rocks @ GDGDevFest UA 2018

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Asim Hussain Asim Hussain
October 10, 2018
Technology
64
0

AI + JavaScript Rocks @ GDGDevFest UA 2018

Avatar for Asim Hussain

Asim Hussain

October 10, 2018

More Decks by Asim Hussain

See All by Asim Hussain
JavaScript Saves The World - DotJS 2019
Avatar for Asim Hussain jawache
0
910
Saving the world, one line at a time [CodeLeaders Australia 2019]
Avatar for Asim Hussain jawache
0
97
YGLF_2019.pdf
Avatar for Asim Hussain jawache
1
160
How to hack a web app? WebConfAsia 2018
Avatar for Asim Hussain jawache
0
100
How to scale an SPA? @ AmsterdamJS 2018
Avatar for Asim Hussain jawache
0
37
How to hack an Angular app? - ngConf 2018
Avatar for Asim Hussain jawache
0
1k
Getting started with node.js @ AngleBrackets 2018
Avatar for Asim Hussain jawache
1
190
How to hack an Angular app? @ ngVikings 2018
Avatar for Asim Hussain jawache
1
1.1k
How to hack a python app? @ PyCaribbean 2018
Avatar for Asim Hussain jawache
0
190

Other Decks in Technology

See All in Technology
脅威をエンジニアリングの糧にして：恐怖を乗り越えた先にあったもの / Turn threats into fuel for engineering: what lay beyond overcoming fear
Avatar for nrs nrslib
1
380
エンジニアは生成AIと どのように向き合うべきか？ ことばの意味という観点から
Avatar for Hitomi Yanaka verypluming
3
340
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
440
ポスター発表&デモと総括 / Poster Presentations & Demonstrations and Summary
Avatar for Kenji Saito ks91
PRO
0
190
オンコールの負荷軽減のためのBits Assistant 活用方法 / How to Use Bits Assistant to Reduce the Workload on On-Call Staff
Avatar for SMS tech sms_tech
1
380
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.8k
BigQuery の Cross-cloud Lakehouse への歩み
Avatar for Tomonori Hayashi / ぴーはや phaya72
2
340
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
150
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
3
830
プラットフォームエンジニア ワークショップ/ platform-workshop
Avatar for Databricks Japan databricksjapan
0
210
AI Engineering Summit Tokyo 2026 AIの前に、やることがある 〜医療データ企業の4フェーズ〜
Avatar for Daisuke Taniwaki dtaniwaki
0
1.2k
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.9k

Featured

See All Featured
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
120
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
200
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.9k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
350
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
560
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
150
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.3k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
430
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
960

Transcript

  1. None

  2. How to AI in JS? Asim Hussain Developer Advocate Microsoft

    AI JavaScript Rocks

  3. Asim Hussain @jawache codecraft.tv microsoft.com

  4. https://aka.ms/jawache-cda @jawache

  5. @jawache

  6. Asim Web Development Machine Learning This is @EleanorHaproff's slide

  7. None

  8. Opinion @jawache

  9. TheMojifier™ @jawache

  10. None

  11. @jawache

  12. Calculate Emotion @jawache

  13. https://towardsdatascience.com/facial-keypoints-detection-deep-learning-737547f73515

  14. Use an Artificial Neural Network @jawache

  15. Artificial Neural Networks Axon Dendrites Axons Body @jawache

  16. Artificial Neural Networks 1 23 8.6 -0.5 2.1 Activation Function

    @jawache

  17. Artificial Neural Networks 1 23 8.6 -0.5 2.1 x x

    activation(...) = -11.5 = 18.06 7.01 !-> !-> } @jawache

  18. Output 0 0 1 Input Artificial Neural Networks @jawache

  19. Output 0 -1 1 Input Artificial Neural Networks TanH @jawache

  20. Output 0 0 1 Input Artificial Neural Networks Relu @jawache

  21. Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3

    @jawache

  22. Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3

    - 8 = -5 @jawache

  23. Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3

    - 8 = -5 @jawache

  24. Artificial Neural Networks 0.1 9.2 0.2 4 12 93 8

    @jawache

  25. @jawache https://azure.microsoft.com/services/cognitive-services/face/

  26. https:!//<region>.api.cognitive.microsoft.com/face/v1.0/detect { "url": "<path-to-image>" } @jawache

  27. @jawache

  28. Summary @jawache

  29. • Neural Networks are incredibly powerful • Conceptually, they are

    simple to understand @jawache Summary

  30. TensorFlow, MobileNet & I'm fine @jawache

  31. @jawache

  32. @jawache

  33. @jawache

  34. TensorFlow.js @jawache

  35. TensorFlow.js Train models Load pre-trained models @jawache

  36. https://github.com/tensorflow/tfjs-models @jawache MobileNet

  37. https://azure.microsoft.com/services/cognitive-services/computer-vision/ @jawache

  38. https://codepen.io/sdras/full/jawPGa/ @jawache

  39. @jawache https://twitter.com/ollee/status/930303340516216832

  40. @jawache https://twitter.com/FrontendNE/status/930120267992616960

  41. @jawache https://twitter.com/chrispiecom/status/930407801402347520

  42. Summary @jawache

  43. • TensorFlow.js doesn't have any dependancies • MobileNet is a

    simple way to analyse images • Azure Computer Vision API ❤ @jawache Summary

  44. Image2Image @jawache

  45. DEMO @jawache https://zaidalyafeai.github.io/pix2pix/cats.html

  46. @jawache Generator Discriminator ✅ ❌

  47. @jawache Generator Discriminator ✅ ❌

  48. @jawache Generator Discriminator ✅ ✅

  49. @jawache

  50. @jawache

  51. @jawache

  52. @jawache https://github.com/NVIDIA/vid2vid

  53. @jawache https://github.com/NVIDIA/vid2vid

  54. @jawache https://github.com/NVIDIA/vid2vid

  55. https://github.com/NVIDIA/vid2vid @jawache

  56. @jawache https://github.com/hanzhanggit/StackGAN

  57. Summary @jawache

  58. • GANs learn to generate new images • They take

    a lot of compute to train • But the generator model can be run in the browser @jawache Summary

  59. @jawache aka.ms/mojifier

  60. @jawache themojifer.com

  61. Tero Parviainen creative.ai Music and AI in the Browser with

    TensorFlow.js and Magenta.js

  62. Thoughts @jawache

  63. Asim Hussain @jawache codecraft.tv microsoft.com