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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Asim Hussain
October 10, 2018
Technology
0
62
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
910
Saving the world, one line at a time [CodeLeaders Australia 2019]
jawache
0
87
YGLF_2019.pdf
jawache
1
160
How to hack a web app? WebConfAsia 2018
jawache
0
98
How to scale an SPA? @ AmsterdamJS 2018
jawache
0
37
How to hack an Angular app? - ngConf 2018
jawache
0
1k
Getting started with node.js @ AngleBrackets 2018
jawache
1
190
How to hack an Angular app? @ ngVikings 2018
jawache
1
1.1k
How to hack a python app? @ PyCaribbean 2018
jawache
0
180
Other Decks in Technology
See All in Technology
【Oracle Cloud ウェビナー】データ主権はクラウドで守れるのか?NTTデータ様のOracle Alloyで実現するソブリン対応クラウドの最適解
oracle4engineer
PRO
3
110
スケーリングを封じられたEC2を救いたい
senseofunity129
0
110
FlutterでPiP再生を実装した話
s9a17
0
210
【AWS】CloudTrail LakeとCloudWatch Logs Insightsの使い分け方針
tsurunosd
0
120
Phase04_ターミナル基礎
overflowinc
0
2.6k
タスク管理も1on1も、もう「管理」じゃない - KiroとBedrock AgentCoreで変わった“判断の仕事”
yusukeshimizu
0
130
PostgreSQL 18のNOT ENFORCEDな制約とDEFERRABLEの関係
yahonda
0
140
Sansanの認証基盤を支えるアーキテクチャとその振り返り
sansantech
PRO
1
110
私がよく使うMCPサーバー3選と社内で安全に活用する方法
kintotechdev
0
130
Phase06_ClaudeCode実践
overflowinc
0
2.2k
「捨てる」を設計する
kubell_hr
0
420
来期の評価で変えようと思っていること 〜AI時代に変わること・変わらないこと〜
estie
0
110
Featured
See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
160
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Odyssey Design
rkendrick25
PRO
2
560
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
130
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
It's Worth the Effort
3n
188
29k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
150
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
160
Un-Boring Meetings
codingconduct
0
240
Claude Code のすすめ
schroneko
67
220k
Code Review Best Practice
trishagee
74
20k
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