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
AI + JavaScript Rocks @ GDGDevFest UA 2018
Search
Asim Hussain
October 10, 2018
Technology
0
52
AI + JavaScript Rocks @ GDGDevFest UA 2018
Asim Hussain
October 10, 2018
Tweet
Share
More Decks by Asim Hussain
See All by Asim Hussain
JavaScript Saves The World - DotJS 2019
jawache
0
900
Saving the world, one line at a time [CodeLeaders Australia 2019]
jawache
0
79
YGLF_2019.pdf
jawache
1
150
How to hack a web app? WebConfAsia 2018
jawache
0
93
How to scale an SPA? @ AmsterdamJS 2018
jawache
0
32
How to hack an Angular app? - ngConf 2018
jawache
0
960
Getting started with node.js @ AngleBrackets 2018
jawache
1
180
How to hack an Angular app? @ ngVikings 2018
jawache
1
1.1k
How to hack a python app? @ PyCaribbean 2018
jawache
0
170
Other Decks in Technology
See All in Technology
Lazy application authentication with Tailscale
bluehatbrit
0
220
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
6
4k
AI専用のリンターを作る #yumemi_patch
bengo4com
6
4.3k
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
2
380
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
170
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
kohbis
2
320
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
3
9.6k
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
1
170
shake-upを科学する
rsakata
6
620
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
2
17k
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
330
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
It's Worth the Effort
3n
185
28k
Faster Mobile Websites
deanohume
307
31k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Agile that works and the tools we love
rasmusluckow
329
21k
A Tale of Four Properties
chriscoyier
160
23k
Designing Experiences People Love
moore
142
24k
For a Future-Friendly Web
brad_frost
179
9.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Making Projects Easy
brettharned
116
6.3k
Transcript
None
How to AI in JS? Asim Hussain Developer Advocate Microsoft
AI JavaScript Rocks
Asim Hussain @jawache codecraft.tv microsoft.com
https://aka.ms/jawache-cda @jawache
@jawache
Asim Web Development Machine Learning This is @EleanorHaproff's slide
None
Opinion @jawache
TheMojifier™ @jawache
None
@jawache
Calculate Emotion @jawache
https://towardsdatascience.com/facial-keypoints-detection-deep-learning-737547f73515
Use an Artificial Neural Network @jawache
Artificial Neural Networks Axon Dendrites Axons Body @jawache
Artificial Neural Networks 1 23 8.6 -0.5 2.1 Activation Function
@jawache
Artificial Neural Networks 1 23 8.6 -0.5 2.1 x x
activation(...) = -11.5 = 18.06 7.01 !-> !-> } @jawache
Output 0 0 1 Input Artificial Neural Networks @jawache
Output 0 -1 1 Input Artificial Neural Networks TanH @jawache
Output 0 0 1 Input Artificial Neural Networks Relu @jawache
Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3
@jawache
Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3
- 8 = -5 @jawache
Artificial Neural Networks 1.1 4.2 0.3 4 12 93 3
- 8 = -5 @jawache
Artificial Neural Networks 0.1 9.2 0.2 4 12 93 8
@jawache
@jawache https://azure.microsoft.com/services/cognitive-services/face/
https:!//<region>.api.cognitive.microsoft.com/face/v1.0/detect { "url": "<path-to-image>" } @jawache
@jawache
Summary @jawache
• Neural Networks are incredibly powerful • Conceptually, they are
simple to understand @jawache Summary
TensorFlow, MobileNet & I'm fine @jawache
@jawache
@jawache
@jawache
TensorFlow.js @jawache
TensorFlow.js Train models Load pre-trained models @jawache
https://github.com/tensorflow/tfjs-models @jawache MobileNet
https://azure.microsoft.com/services/cognitive-services/computer-vision/ @jawache
https://codepen.io/sdras/full/jawPGa/ @jawache
@jawache https://twitter.com/ollee/status/930303340516216832
@jawache https://twitter.com/FrontendNE/status/930120267992616960
@jawache https://twitter.com/chrispiecom/status/930407801402347520
Summary @jawache
• TensorFlow.js doesn't have any dependancies • MobileNet is a
simple way to analyse images • Azure Computer Vision API ❤ @jawache Summary
Image2Image @jawache
DEMO @jawache https://zaidalyafeai.github.io/pix2pix/cats.html
@jawache Generator Discriminator ✅ ❌
@jawache Generator Discriminator ✅ ❌
@jawache Generator Discriminator ✅ ✅
@jawache
@jawache
@jawache
@jawache https://github.com/NVIDIA/vid2vid
@jawache https://github.com/NVIDIA/vid2vid
@jawache https://github.com/NVIDIA/vid2vid
https://github.com/NVIDIA/vid2vid @jawache
@jawache https://github.com/hanzhanggit/StackGAN
Summary @jawache
• 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
@jawache aka.ms/mojifier
@jawache themojifer.com
Tero Parviainen creative.ai Music and AI in the Browser with
TensorFlow.js and Magenta.js
Thoughts @jawache
Asim Hussain @jawache codecraft.tv microsoft.com