JavaScriptでディープラーニング

5'6(0LJOBXBWPM ΞΠύʔୂ௕

࣌·Ͱʹ ͓ΘΒ͢ ʢ༧ఆ͕͋Δʣ

͜ͷࢿྉ͸ҎԼͷࡐྉͰ Ͱ͖͍ͯ·͢ w5FOTPSqPX w,FSBT w+BWB4DSJQU w5γϟπΛήοτؾ࣋ͪʢ͖ͬ͞׬੒ͨ͠ʣ

ࣗݾ঺հ • ΞΠύʔୂ௕ʢΞΠύʔୂ௕ʣ • Pythonͱϥʔϝϯ಼ͱΰδϥͱՇʢೋ࣍ݩʣ͕޷͖Ͱ͢ • ͪΎΒσʔλגࣜձࣾ • PyData.OkinawaڞಉΦʔΨφΠβʔ •
࠷ۙ෱ԬͷPyConͰൃද͖ͯ͠·ͨ͠ • ࣮ફͯ͠Θ͔ͬͨPython & ਂ૚ڧԽֶश

͓࿩͢Δ͜ͱ

+BWB4DSJQUͰ σΟʔϓ ϥʔχϯά

૎Δ͜ͱ໿̑ϲ݄લ

JavaScript MeetUp Okinawa

LT͖ͯͨ͠

Tensorﬂow.jsͱ͸ • Webϒϥ΢β্ͰػցֶशͷϞσϧͷߏஙɺֶशɺֶशࡁΈϞσ ϧͷ࣮ߦͳͲ͕ՄೳʹͳΔJavaScriptϥΠϒϥϦ ʮTensorFlow.jsʯ͕GoogleʹΑͬͯެ։͞Ε·ͨ͠ • ·ͨɺݱ࣌఺Ͱ͸ TensorFlow.jsͰֶशͤͨ͞ϞσϧΛΤΫε ϙʔτ͢Δػೳ͸࣮૷͞Ε͍ͯ·ͤΜɻNode.jsʹ΋ରԠ͓ͯ͠Β ͣɺ͜ΕΒ͸ࠓޙͷ՝୊ͱͳ͍ͬͯΔͱͷ͜ͱ
Ҿ༻: http://www.publickey1.jp/blog/18/tensorﬂowjswebwebglgpu.html

Ϟνϕʔγϣϯ wษڧ w໘നͦ͏

Ϟνϕʔγϣϯ wษڧ w໘നͦ͏  w 5γϟπ

༡ΜͰΈͨ

ಈ͔͢ wTDSJQUλάͰϩʔυ wOQNͰJOTUBMM UFOTPSqPXUGKTcެࣜϦϙδτϦ

TDSJQUλάͰϩʔυ <head>  <script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"> </script>  <script> const model = tf.sequential(); model.add(tf.layers.dense({units: 1, inputShape: [1]})); model.compile({loss: 'meanSquaredError', optimizer: 'sgd'}); const xs = tf.tensor2d([1, 2, 3, 4], [4, 1]); const ys = tf.tensor2d([1, 3, 5, 7], [4, 1]); // Train the model using the data. model.fit(xs, ys).then(() => { model.predict(tf.tensor2d([5], [1, 1])).print(); }); </script> </head>

OQNͰΠϯετʔϧ $ npm install @tensorflow/tfjs w QZUIPO͕ඞཁHZQ͕1ZUIPOܥʹରԠ͍ͯ͠ͳ͍ w HZQͬͯͳΜͧʁ w
OPEFͷόʔδϣϯ͕YYͩͱΤϥʔ w OPEF⒏͕ରԠ͍ͯ͠ͳ͍ w /PEFKTͷੈք͔ΒμΠφϛοΫϥΠϒϥϦͷؔ਺ΛݺͿਆΞυΦϯ w YY΁μ΢ϯάϨʔυ

ιʔεΛॻ͘ import * as tf from '@tensorflow/tfjs'; // Define a
model for linear regression. const model = tf.sequential(); model.add(tf.layers.dense({units: 1, inputShape: [1]})); <script src="example.js"></script> FYBNQMFKT JOEFYIUNM

ίϯύΠϧ $ npm install -g parcel-bundler $ parcel build src/index.html
--public-url ./ $ open dist/index.html w Α͘Θ͔ΒΜ͕ɺQBSDFM͕ଟ͍ʢυΩϡϝϯτ΋QBSDFMʣ w 1BSDFMͰ࢝ΊΔ5FOTPS'MPXKT ϒϥ΢β/PEFKT

Ͷ͘͢ͱ

ਓͷϞσϧͰ ༡Ϳ

࢖ͬͨσʔλ w5IF$*'"3EBUBTFU wUBXBEBEBUBTFUTʢࠓճ͜Εʣ

UBXBEBEBUBTFUT w5XBEB͘ΜͷՇʢͱͦͷଞʣΛֶशͤ͞Δͨ Ίͷσʔληοτ wৄࡉ͸Լه w ʲԶຓʳେ޷͖ͳࠇೣΛσΟʔϓϥʔχϯάͰ  ೝࣝ͠ͳ͍Θ͚͕ͳ͍ʲσʔλऩूฤʳ w ଟ෼ɺࠓ೔ຊਓ͖͍ͯΔͷͰ  ຊਓʹฉ͍͍ͯͩ͘͞
5XBEBͷՇ 5XBEBͷՇ ͡Όͳ͍ 5XBEBͷՇ ͡Όͳ͍ 5XBEBͷՇ ͡Όͳ͍ 5XBEBͷՇ ͡Όͳ͍

खॱ wϞσϧΛֶश͢Δ wֶशͨ͠ϞσϧΛIEGͰอଘ wKTʹΑΉΑ͏ʹม׵ wKTଆͰΑΉ

ϞσϧΛֶश͢Δ ׂѪ ଟ෼͜ͷลΈͨΒΘ͔Δ͸ͣ IUUQTHJUIVCDPN"JQBLB[VNBUGKT@UVSUPSJBM

ͪͳΈʹਫ਼౓

KTͰΑΉΑ͏ʹม׵ $ pip install tensorflowjs $ tensorflowjs_converter --input_format keras model.hdf5
./ $ ls group1-shard1of1 group3-shard1of1 model.json group2-shard1of1 group4-shard1of1 w UFOTPSqPXKTΛQJQͰΠϯετʔϧʢಾʣ w OVNQZ΍ΒɺLFSBT΍ΒόʔδϣϯͷґଘͰೖΕସ͑ΒΕΔͷͰɺ QZFOWͱ͔Ͱࢼ͢؀ڥΛม͑ͨ΄͏͕͍͍ w ࢀߟIUUQTKTUFOTPSqPXPSHUVUPSJBMTJNQPSULFSBTIUNM

KTଆͰΑΉ async function loadModel() { tf.loadModel('https://localhost:8000/mobilenet/model.json') .then(model => { const
m = tf.model({inputs: model.inputs, outputs: model.outputs}); const img = webcam.capture(); const img2 = _reshape(img); // warmup const predicts = m.predict(img2); console.log(predicts.dataSync()); console.log(predicts.argMax().dataSync()[0]); mobilenet = m; return m; }); } w UFOTPSqPXͱ͍͏ΑΓɺLFSBTͬΆ͍ w XBSNVQڬ·ͳ͍ͱ࠷ॳͷQSFEJDU͕ॏ͘ʁࣦഊ͢Δ w 44-͕ඞཁʢࣗݾূ໌ॻΛ࡞ͬͯɺ1ZUIPOͰ'MBTLΛཱͯͨʣ

KTଆͰΑΉQSFEJDU async function predict() { if (isPredicting) { isPredicting =
false; const predictedClass = tf.tidy(() => { var imgElement = document.getElementById('get-image'); var _img = preprocessing(imgElement); // javascript data -> Tensor var img = tf.fromPixels(_img, 1); const img2 = _reshape(img); const predictions = mobilenet.predict(img2); return predictions.argMax(); }); const classId = (await predictedClass.data()); return classId; } } w ΰϛΈ͍ͨͳม਺໊࢖͍ͬͯΔ͕ڐͯ͠΄͍͠ w 5FOTPS͔Β+4ͷσʔλʹ໭͍ͨ͠৔߹͸ɺEBUB ͱ͔EBUB4ZOD Λ࢖ ͑͹Α͍

Ͱ͖ͨ΋ͷ

σϞ IUUQTHJUIVCDPN"JQBLB[VNBUGKT@UVSUPSJBM

·ͱΊ • Tensorﬂowͱ͍͏ΑΓ͸KerasͬΆ͔ͬͨ • JSʹ૊ΈࠐΊΔ఺͸͢͹Β͍͠ • ࢖͍ॴ͸͜Ε͔Βߟ͑Δ • Twada͘Μʹײँ

JavaScriptでディープラーニング

JavaScriptでディープラーニング

Aipa

More Decks by Aipa

Other Decks in Technology

Featured

Transcript

5'6(0LJOBXBWPM ΞΠύʔୂ௕

࣌·Ͱʹ ͓ΘΒ͢ ʢ༧ఆ͕͋Δʣ

͜ͷࢿྉ͸ҎԼͷࡐྉͰ Ͱ͖͍ͯ·͢ w5FOTPSqPX w,FSBT w+BWB4DSJQU w5γϟπΛήοτؾ࣋ͪʢ͖ͬ͞׬੒ͨ͠ʣ

ࣗݾ঺հ • ΞΠύʔୂ௕ʢΞΠύʔୂ௕ʣ • Pythonͱϥʔϝϯ಼ͱΰδϥͱՇʢೋ࣍ݩʣ͕޷͖Ͱ͢ • ͪΎΒσʔλגࣜձࣾ • PyData.OkinawaڞಉΦʔΨφΠβʔ •

͓࿩͢Δ͜ͱ

+BWB4DSJQUͰ σΟʔϓ ϥʔχϯά

૎Δ͜ͱ໿̑ϲ݄લ

JavaScript MeetUp Okinawa

LT͖ͯͨ͠

Ϟνϕʔγϣϯ wษڧ w໘നͦ͏

Ϟνϕʔγϣϯ wษڧ w໘നͦ͏  w 5γϟπ

༡ΜͰΈͨ

ಈ͔͢ wTDSJQUλάͰϩʔυ wOQNͰJOTUBMM UFOTPSqPXUGKTcެࣜϦϙδτϦ

TDSJQUλάͰϩʔυ <head>  <script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"> </script> <!--

OQNͰΠϯετʔϧ $ npm install @tensorflow/tfjs w QZUIPO͕ඞཁHZQ͕1ZUIPOܥʹରԠ͍ͯ͠ͳ͍ w HZQͬͯͳΜͧʁ w

ιʔεΛॻ͘ import * as tf from '@tensorflow/tfjs'; // Define a

ίϯύΠϧ $ npm install -g parcel-bundler $ parcel build src/index.html

Ͷ͘͢ͱ

ਓͷϞσϧͰ ༡Ϳ

࢖ͬͨσʔλ w5IF$*'"3EBUBTFU wUBXBEBEBUBTFUTʢࠓճ͜Εʣ

UBXBEBEBUBTFUT w5XBEB͘ΜͷՇʢͱͦͷଞʣΛֶशͤ͞Δͨ Ίͷσʔληοτ wৄࡉ͸Լه w ʲԶຓʳେ޷͖ͳࠇೣΛσΟʔϓϥʔχϯάͰ  ೝࣝ͠ͳ͍Θ͚͕ͳ͍ʲσʔλऩूฤʳ w ଟ෼ɺࠓ೔ຊਓ͖͍ͯΔͷͰ  ຊਓʹฉ͍͍ͯͩ͘͞

खॱ wϞσϧΛֶश͢Δ wֶशͨ͠ϞσϧΛIEGͰอଘ wKTʹΑΉΑ͏ʹม׵ wKTଆͰΑΉ

ϞσϧΛֶश͢Δ ׂѪ ଟ෼͜ͷลΈͨΒΘ͔Δ͸ͣ IUUQTHJUIVCDPN"JQBLB[VNBUGKT@UVSUPSJBM

ͪͳΈʹਫ਼౓

KTͰΑΉΑ͏ʹม׵ $ pip install tensorflowjs $ tensorflowjs_converter --input_format keras model.hdf5

KTଆͰΑΉ async function loadModel() { tf.loadModel('https://localhost:8000/mobilenet/model.json') .then(model => { const

KTଆͰΑΉQSFEJDU async function predict() { if (isPredicting) { isPredicting =

Ͱ͖ͨ΋ͷ

σϞ IUUQTHJUIVCDPN"JQBLB[VNBUGKT@UVSUPSJBM

·ͱΊ • Tensorﬂowͱ͍͏ΑΓ͸KerasͬΆ͔ͬͨ • JSʹ૊ΈࠐΊΔ఺͸͢͹Β͍͠ • ࢖͍ॴ͸͜Ε͔Βߟ͑Δ • Twada͘Μʹײँ