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
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
400
shake-upを科学する
rsakata
7
820
TableauLangchainとは何か?
cielo1985
1
120
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
160
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
2
210
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業!FinOpsで始めるAWSコスト最適化の第一歩
sh_fk2
2
140
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
270
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
310
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
130
PO初心者が考えた ”POらしさ”
nb_rady
0
220
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
470
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Done Done
chrislema
184
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Agile that works and the tools we love
rasmusluckow
329
21k
How to Ace a Technical Interview
jacobian
278
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Documentation Writing (for coders)
carmenintech
72
4.9k
Designing for humans not robots
tammielis
253
25k
How to train your dragon (web standard)
notwaldorf
96
6.1k
RailsConf 2023
tenderlove
30
1.1k
Faster Mobile Websites
deanohume
307
31k
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