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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Asim Hussain
October 10, 2018
Technology
66
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AI + JavaScript Rocks @ GDGDevFest UA 2018
Asim Hussain
October 10, 2018
More Decks by Asim Hussain
See All by Asim Hussain
JavaScript Saves The World - DotJS 2019
jawache
0
920
Saving the world, one line at a time [CodeLeaders Australia 2019]
jawache
0
99
YGLF_2019.pdf
jawache
1
170
How to hack a web app? WebConfAsia 2018
jawache
0
100
How to scale an SPA? @ AmsterdamJS 2018
jawache
0
42
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
190
Other Decks in Technology
See All in Technology
#エンジニアBooks 30分でわかる 「技術記事を書く技術」 / engineer-books 2026-06-30
jnchito
1
170
Text-to-SQLをAgentCoreで実現し、生成されるSQLの精度を定量的に評価する
yakumo
2
400
フルAIで個人開発して学んだあれこれ / yuruai vol.1
isaoshimizu
0
170
飲食店もAIで。レジ締めやハンディシステムをつくってる話 / Using AI for restaurant management
vtryo
0
230
AI・ロボティクスと自動化社会 / AI, Robotics, and the Automated Society
ks91
PRO
0
140
次世代ランサムウェア対策の考察 / 20260704 Mitsutoshi Matsuo
shift_evolve
PRO
5
1.7k
攻撃者がいなくてもAIエージェントはインシデントを起こす
nomizone
0
190
AWS Summit Japan 2026の振り返りと2027へ向けて / AWS Summit Japan 2026 Recap and Prospects for 2027
kaminashi
1
180
プライバシー保護の理論と実践
lycorptech_jp
PRO
1
230
GitHub Copilot運用のリアル ~AI Credit時代にどう向き合うか~
takafumisu2uk1
0
610
“ID沼入口” - 基本とセキュリティから始める、考え続けるためのID管理技術勉強会 告知&イントロ
ritou
0
380
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
250
Featured
See All Featured
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
320
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
Visualization
eitanlees
152
17k
Leo the Paperboy
mayatellez
7
1.9k
The agentic SEO stack - context over prompts
schlessera
0
840
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.2k
Chasing Engaging Ingredients in Design
codingconduct
0
230
The Invisible Side of Design
smashingmag
301
52k
KATA
mclloyd
PRO
35
15k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
We Have a Design System, Now What?
morganepeng
55
8.2k
Context Engineering - Making Every Token Count
addyosmani
9
1k
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