ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes

+4'&4 ੁݪͷͼ͚͢ !OCJTVLF ϒϥ΢βͷ૊ΈࠐΈ"*🧠Ͱ8FCͷະདྷΛײͯ͡ΈΑ͏

ੁݪͷͼ͚͢ ɾϓϩτλΠϐϯάઐ໳εΫʔϧʮϓϩτΞ΢τελδΦʯ σδλϧϋϦ΢ουେֶେֶӃඇৗۈߨࢣϓϩμΫτϓϩτλΠϐϯά ɾݸਓ׆ಈ *P5-5ʢࠃ಺࠷େͷ*P5ίϛϡχςΟʣओ࠵ %FWFMPQFST4VNNJUϕετεϐʔΧʔҐ -*/&"1*&YQFSU.JDSPTPGU.71*#.$IBNQJPO ݱ৔Λ஌ΔͨΊډञ԰ҰݢΊञ৔Ͱ೥ࠒʹ೥ऑۈ຿ େࡕͰઌ೔೤த঱ͱαΠϑΛ͢ΒΕ·ͨ͠ OPCJTVLFTVHBXBSB

࠷ۙ࡞ͬͨ΋ͷ

+4'&4d೥͘Β͍લʹొஃ͍͖ͤͯͨͩ͞·ͨ͠ɻ

1SPKFDU'VHVͷ࿩ ೥લͷ+4'&45ొஃ 1SPKFDU'VHVͷ࿩

1SPKFDU'VHVͷ࿩ ੲ͔Βϒϥ΢βͷϋʔυ΢ΣΞ"1*Λௐ΂ͨΓͯ͠·ͨ͠

ࠓ೔͸࿩Λ͠ͳ͍࿩୊ ʢ೥ఔલ·Ͱͷzݸਓతʹzطग़ͷϓϩδΣΫτ🐡Տಲ࿩୊ʣ 8FC#MVFUPPUI 8FC/'$ 8FC64# 8FC4FSJBM
8FC)*% 8FC.*%* (FPMPDBUJPO"1*#VUUFSZ"1*,FZCPBSE"1*ͳͲ ࢀߟ8FCϒϥ΢βͷੈք͔Β࢝ΊΔ*P5ೖ໳IUUQTRJJUBDPNOCJTVLFJUFN BEFBGEFBEGGC IUUQTYDPNOCJTVLFTUBUVT

*P5ͱ͔΍ͬͯΔ͚ͲೖΓޱʹͳΔ͋ͨΓͷ࿩୊Ͱͨ·ʹ۷Δͱָ͍͠ ϒϥ΢βʢ+BWB4DSJQUʣͰ͜Μͳ͜ͱ΋Ͱ͖ΔͷʁΛ஌Δ͜ͱͰ ՄೳੑΛߟ͑ΒΕΔ ˺ϓϩδΣΫτՏಲ

೥લʹൺ΂Δͱ--.࿩୊ׂ͕ͱ౰ͨΓલͰ$ISPNFͷதʹ΋૊Έ ࠐ·Εͯ·͢ɻ ʢ˞ଞͷϒϥ΢β͸ௐࠪͯ͠·ͤΜ͕ඪ४ԽͷఏҊதͷ໛༷ʣ ϒϥ΢β"1*ͷจ຺ͷԆ௕ͰϩʔΧϧ"*͕࢖͑ΔΑ͏ʹͳ͍ͬͯΔ ͷͰ͜ͷลΓʹ৮Εͯ8FCͷະདྷΛײͯ͡Έ·͢ɻ IUUQTEFWFMPQFSDISPNFDPNEPDTBJHFUTUBSUFE IMKB

$ISPNFͷ૊ΈࠐΈ"* Ҿ༻ݩIUUQTEFWFMPQFSDISPNFDPNEPDTBJHFUTUBSUFE IMKB $ISPNFͷதͷ૊ΈࠐΈϞσϧ ϞσϧʹΞΫηεͰ͖Δ"1*͕͋Δ Ϣʔβʔ͸+BWB4DSJQUΛ௨ͯ͠ΞΫηεՄೳ
׬શΦϑϥΠϯͳϝϦοτ ηΩϡΞϓϥΠόγʔ ίετແݶ Մ༻ੑ޲্ ௿ϨΠςϯγ

$ISPNFͷ૊ΈࠐΈ"* Ҿ༻ݩIUUQTEFWFMPQFSDISPNFDPNEPDTBJHFUTUBSUFE IMKB $ISPNFͷதͷ૊ΈࠐΈϞσϧ ϞσϧʹΞΫηεͰ͖Δ"1*͕͋Δ Ϣʔβʔ͸+BWB4DSJQUΛ௨ͯ͠ΞΫηεՄೳ
׬શΦϑϥΠϯͳϝϦοτ ηΩϡΞϓϥΠόγʔ ίετແݶ Մ༻ੑ޲্ ௿ϨΠςϯγ ҙ༁$ISPNF͑͋͞Ε͹ແྉͰແݶʹ"*࢖͑Δ

ݱঢ়ར༻Ϟσϧ(FNJOJ/BOP (FNJOJͷϞόΠϧ൛ ݩʑ"OESPJEεϚϗͰར ༻૝ఆͬΆ͍ .-,JU(FO"*"1*ͳ Ͳ"OESPJE޲͚ʹ͸ผ ͷ"1*͕͋Δ
Ҿ༻ݩIUUQTEFWFMPQFSBOESPJEDPNBJHFNJOJOBOP IMKB

૊ΈࠐΈ"*"1*܈ IUUQTEFWFMPQFSDISPNFDPNEPDTFYUFOTJPOTBJ IMKB

IUUQTEFWFMPQFSDISPNFDPNEPDTFYUFOTJPOTBJ IMKB ૊ΈࠐΈ"*"1*܈

ࠓճͷݕূ؀ڥ .BD#PPL"JS. .BD045BIPFW $ISPNF%FWW جຊతʹ͸MPDBMIPTUͰݕূ Ͳ͔ͬͷυϝΠϯͰࢼ͢ͱ͖ʹ͸ΦϦδϯτϥΠΞϧਃ੥͕ඞཁͳ΋ͷ΋

ิ଍$ISPNF&YUFOUJPOಈ࡞൛΋͋Δ IUUQTHJUIVCDPN(PPHMF$ISPNFDISPNFFYUFOTJPOTTBNQMFTUSFFNBJO GVODUJPOBMTBNQMFTBJHFNJOJPOEFWJDFTVNNBSJ[BUJPO

1SPPGSFBEFS"1*จষߍਖ਼ 4VNNBSJ[BUJPO"1*ཁ໿ 5SBOTMBUJPO"1*຋༁ 8SJUFS"1*จষͷϦϥΠτ 3F8SJUFS"1*จষͷ࡞੒
-BOHVBHF%FUFDU"1*ݴޠಛఆ 1SPNQU"1*൚༻ ૊ΈࠐΈ"*"1*܈؆୯ͳઆ໌

-BOHVBHF%FUFDU"1*ݴޠಛఆ 1SPNQU"1*൚༻ ͜ΕΒΛ࠷ॳʹར༻͢Δͱ͖͚ͩϞσϧ%-͕ඞཁ BXBJU-BOHVBHF.PEFMBWBJMBCJMJUZ \MBOHVBHFT<FO KB>^

DISPNFPOEFWJDFJOUFSOBMTͰϞσϧৄࡉΛ֬ೝ ࠷ॳ͚ͩσόοάڐՄ͕ඞཁͩͬͨ DISPNFDISPNFVSMT IPTUDISPNFPOEFWJDFJOUFSOBMTJOUFSOBMEFCVHQBHFT

(FNJOJ/BOPW ࢀߟIUUQTEFWFMPQFSDISPNFDPNEPDTBJQSPNQUBQJ IMKB αΠζ͸(#͘Β͍ -.4UVEJPͱ͔Ͱ͸࢖͑ແͦ͞͏ͩͬͨ ((6'((.-4BGFUFOTPST 1Z5PSDIDLQUͳͲͰ͸ͳ͍

ͪͳɺ૊ΈࠐΈ"*ͷ"1*࢖Θͳ͍ਓͰ΋%FW5PPMศརʹͳΔΑ Τϥʔ΁ͷରԠΛڭ͑ͯ͘ΕΔ͠ૣ͍ˢ

-BOHVBHF%FUFDU"1*ݴޠಛఆ 1SPNQU"1*൚༻ ঺հ͍͖ͯ͠·͢ɻσϞϕʔεɻ ঺հ͢ΔྲྀΕͱॱ൪ҧ͍·͢ɻʢ͢Έ·ͤΜʣ

fl BHXSJUFSBQJGPSHFNJOJOBOP จষͷϥΠςΟϯά ׂͱγϯϓϧͳ--.ͬͯײ͡ 8SJUFS"1*

8SJUFS"1*ͷαϯϓϧ

ۘܒ օ༷ʹ͓͔Ε·ͯ͠͸ɺӹʑ͝ਗ਼঵ͷ͜ͱͱ ͓ܚͼਃ্͛͠·͢ɻ ຊ೔ɺJS Fes΁ͷ͝ࢀྻɺ੣ʹ͋Γ͕ͱ͏͝ ͍͟·͢ɻຊϑΣεͰ͸ɺֵ৽తͳٕज़ͱ૑ ଄ੑ͕༥߹ͨ͠ଟ༷ͳలࣔΛ௨ͯ͠ɺ৽ͨͳ ՄೳੑΛ୳ٻ͍ͨ͠·͢ɻ օ༷ͷҰ૚ͷൃలͱɺຊϑΣε΁ͷԹ͔͍͝ ࢧԉΛ৺ΑΓ͓ئ͍ਃ্͛͠·͢ɻ
ܟ۩ օ༷ɺ͓͸Α͏͍͟͝·͢ʂ ຊ೔΋ɺJS Fes΁ͷ͝ࢀՃɺ੣ʹ͋Γ ͕ͱ͏͍͟͝·͢ɻ ৽͍ٕ͠ज़΍ग़ձ͍ʹຬͪͨҰ೔ʹͳ ΔΑ͏ɺελοϑҰಉɺ৺ΑΓ͓଴ͪ͠ ͓ͯΓ·͢ɻ Ͳ͏ͧɺॆ࣮ͨ࣌ؒ͠Λաͯͩ͘͝͠͞ ͍ɻ ͦΕͰ͸ɺJS FesΛελʔτ͍ͨ͠· ͢ʂ օ͞Μɺ͜Μʹͪ͸ʂJS Fes΁Α͏͜ ͦʂ🎉✨ ࠓ೥΋͜ͷૉ੖Β͍͠ࡇయʹࢀՃͰ͖ ͯخ͍͠Ͱ͢ɻ ԻָɺΞʔτɺͦͯ͠஥ؒͨͪͱͷग़ ձ͍Λָ͠Έ·͠ΐ͏ʂ ࠷ߴͷि຤ʹͳΔ͜ͱΛئ͍ͬͯ· ͢ʂ🎶🎨🤝 Ұॹʹ೤͍Ұ೔Λա͝͠·͠ΐ͏ʂ ϑΥʔϚϧ φνϡϥϧ ΧδϡΞϧ ϓϩϯϓτ+4'FTͰͷ๯಄ѫࡰΛߟ͍͑ͯͩ͘͞

3FXSJUFS"1*ͷσϞ

fl BHSFXSJUFSBQJGPSHFNJOJOBOP ݩͷจষ͕͋Δͷ͕8SJUFS"1*ͱͷҧ͍ɻ PS 3FXSJUFS"1*

fl BHQSPPGSFBEFSBQJGPSHFNJOJOBOP จষͷߏ੒Λͯ͘͠Ε·͢ɻ 1SPPGSFBEFS"1* ࢀߟIUUQT[FOOEFWO@TBOBSUJDMFTFCBC

1SPPGSFBEFS"1*

˞ͷͼ͚͢͸ॗਗ਼ର৅Ͱͨ͠ɻ

fl BHUSBOTMBUJPOBQJUSBOTMBUJPOBQJTUSFBNJOHCZTFOUFODF ຋༁ 5SBOTMBUJPO"1*

fl BHUSBOTMBUJPOBQJUSBOTMBUJPOBQJTUSFBNJOHCZTFOUFODF USBOTMBUJPOBQJTUSFBNJOHCZTFOUFODF IUUQTMFBSONJDSPTPGUDPNFOVTNJDSPTPGUFEHFXFC QMBUGPSNUSBOTMBUPSBQJ

fl BHMBOHVBHFEFUFDUJPOBQJ ݴޠͷݕग़ -BOHVBHF%FUFDUJPO"1*

-BOHVBHF%FUFDUJPO"1*

fl BHTVNNBSJ[BUJPOBQJGPSHFNJOJOBOP จষͷཁ໿ɻ࣮͸݁ߏॏཁΆ͍ɻ 4VNNBSJ[BUJPO"1*

4VNNBSJ[BUJPO"1*࠶ؼཁ໿ Ҿ༻ݩIUUQTEFWFMPQFSDISPNFDPNEPDTBJTDBMFTVNNBSJ[BUJPO IMKB

(FNJOJ/BOPίϯςΩετ΢Πϯυ΢খ͍͞໰୊ ˞ͷͼ͚͢ௐ΂ɻެࣜهࡌݟ͚ͭΒΕͯͳ͍͚Ͳϒϩάͷهࡌ͔Βਪఆ (FNJOJ ສτʔΫϯ (FNJOJ/BOP τʔΫϯ͘Β͍
˞ ӳޠͩͱจࣈͱ͔ ೔ຊޠͩͱจࣈͱ͔ (FNJOJ/BOP͸ଟ͘ͷจࣈΛҰؾʹѻ͑ͳ͍ͷͰ෦෼తʹཁ໿Λ܁Γฦ͢ઓུ

(FNJOJ/BOPίϯςΩετ΢Πϯυ΢খ͍͞໰୊ ˞ͷͼ͚͢ௐ΂ɻެࣜهࡌݟ͚ͭΒΕͯͳ͍͚Ͳϒϩάͷهࡌ͔Βਪఆ (FNJOJ ສτʔΫϯ (FNJOJ/BOP τʔΫϯ͘Β͍
˞ ӳޠͩͱจࣈͱ͔ ೔ຊޠͩͱจࣈͱ͔ (FNJOJ/BOP͸ଟ͘ͷจࣈΛҰؾʹѻ͑ͳ͍ͷͰ෦෼తʹཁ໿Λ܁Γฦ͢ઓུ 4VNNBSJ[BUJPO"1*ͷ࠶ؼͰ࣮࣭ແݶτʔΫϯ

4VNNBSJ[BUJPO"1*

fl BHQSPNQUBQJGPSHFNJOJOBOP QSPNQUBQJGPSHFNJOJOBOP NVMUJNPEBMJOQVU --.ʹ௚઀ΞΫηεͰ͖·͢ɻ ຊ໋ɻ݁ہ͜ΕͰྑ͍આ΋͋Δɻ
࣮͸YYYYYY 1SPNQU"1*

1SPNQU"1*͸൚༻ɻଞ͸λεΫಛԽͷ"1* (FNJOJ/BOPʢ$ISPNF಺ଂ--.ʣ ˣ 1SPNQU"1*ʢ(FNJOJ/BOP΁ͷ௚઀ϓϩϯϓτΠϯλʔϑΣʔεʣ ˣ ಛԽ"1*ʢ8SJUFS1SPPGSFBEFS3FXSJUFS4VNNBSJ[FS5SBOTMBUPSͳͲʣ 8SJUFSͳͲͷλεΫಛԽ"1*͸͓ͦΒ͘1SPNQU"1*ͷϥοϓ͍ͯ͠Δzؾ͕͢Δz

1SPNQU"1*

1SPNQU"1*+40/Ϟʔυ

fl BHQSPNQUBQJGPSHFNJOJOBOP QSPNQUBQJGPSHFNJOJOBOP NVMUJNPEBMJOQVU --.ʹ௚઀ΞΫηεͰ͖·͢ɻ ຊ໋ɻ݁ہ͜ΕͰྑ͍આ΋͋Δɻ
࣮͸ϚϧνϞʔμϧ 1SPNQU"1*ʢϚϧνϞʔμϧʣ

1SPNQU"1*ϚϧνϞʔμϧը૾

1SPNQU"1*ϚϧνϞʔμϧԻ੠

༻్ͱ͔ެࣜϒϩάهड़ จষ࡞੒ऀʢϥΠλʔɺࣥචऀͳͲʣ ͷαϙʔτ ϒϩά্ͷཁ໿ ଟݴޠαϙʔτ ϢʔβʔϨϏϡʔͷཁ໿
ΫϥΠΞϯταΠυͷ຋༁ .FFUͱ͔ ݸਓతʹ͸ϚϧνϞʔμϧ࢖͏ͱը໘Ͱૢ࡞આ໌Έ͍ͨͳͷ͕Ͱ͖ͦ͏ͳؾ͕ ͍ͯ͠Δ 8FC35$ͷ4SFFO$BQUVFSซ༻ͳͲ

࣮ફ໘ͩͱɺ׬શϩʔΧϧͰ͸ͳ͘αʔόʔଆͱͷ࿈ܞ࿩΋͋Δ ਪ࿦͚ͩαʔόʔͰ΍ͬͯɺલॲཧΛΫϥΠΞϯτଆʢ(FNJOJ/BOPʣͰ΍ͬͯͨΓʜΆ͍ ࢀߟIUUQTEFWFMPQFSDISPNFDPNEPDTBJFWBMVBUFSFWJFXT IMKB

ϋʔυ΢ΣΞͬΆ͍ͱ͜Ζͷ࿩͸ࠓճ঺հͰ͖ͳ͔ͬͨͷͰগ͠ௐ ࠪͨ͠"1*Λ঺հ ʢ͜ͷล͸ௐࠪͷΈͰαϯϓϧ࡞ͬͨΓ͸ͯ͠ͳ͍Ͱ͢ΤΞϓʣ ͓·͚

fl BHUSBOTMBUJPOBQJUSBOTMBUJPOBQJ TUSFBNJOHCZTFOUFODF 8FCϒϥ΢β͔Β04ϋʔυ΢ΣΞͷ// ਪ࿦ΤϯδϯΛ௚઀࢖͏ .BDͩͱ$PSF.- 8FC/FVSBM/FUXPSL"1*ʢ8FC//"1*ʣ

ϒϥ΢β͕ݱࡏͲΕ͚ͩܭࢉࢿݯతʹl͍͔ۤ͠zΛࢉग़ 8FC//࢖͏ͱ͖ʹซ༻ͦ͠͏ $PNQVUF1SFTTVSF"1* ࢀߟIUUQTEFWFMPQFSNP[JMMBPSHFO64EPDT8FC"1* $PNQVUF@1SFTTVSF@"1*

)FBMUI$POOFDU"1* J04ͱ͔ͷϔϧεέΞ৘ใʹΞΫηε εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ 🐡

8FC#JPNFUSJDT ࢦ໲ͱ͔ੜମೝূ΁ΞΫηε εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ 🐡

4DSFFO#SJHIUOFTT"1* Ұ࣌తʹը໘Λ໌Δ͘͢Δ 1BZ1BZͱ͔ͷ23Έ͍ͨͳΠ ϝʔδ͔ͳ εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ
🐡

1SPYJNJUZTFOTPS"1* ۙ઀ηϯαʔ ۙ઀ݕ஌͍ͨ͠Ά͍ εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ 🐡

"CJMJUZUPDSFBUFWJSUVBMNJDSPQIPOFBOEDBNFSBEFWJDFT όʔνϟϧϚΠΫͱΧϝϥΛ࡞Γ ͍ͨతͳ εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ 🐡

"EEFWFOUTGPSHBNFQBECVUUPOBOEBYJTJOQVUT (BNFQBEͷՃ଎౓ೖྗΛऔಘ ݱঢ়͕Ͱ͖ͳ͍Μ͢Ͷ εςʔλεϦΫΤετத Ͳ͏ͳΔ͔·ͩΘ͔ΒΜ
🐡

৭ʑ͋Δ͔Β͓΋Ζ͍Α 🐡 IUUQTJTTVFTDISPNJVNPSHJTTVFT RDVTUPN fi FMEQSPKGVHV DVTUPN fi FMEQSPKGVHVF ff
PSUT JTPCTPMFUFTNPEJ fi FE@UJNFEFTDQ

·ͱΊ $ISPNFͷ૊ΈࠐΈ"*"1*Λ৮ͬͯΈ·ͨ͠ (FNJOJ/BOP ࢥͬͨΑΓૣͯ͘༏ल Ϟσϧ͕ॏ͍֤ࣗ͠ͷ1$εϖοΫʹΑͬͯ͸શવಈ࡞͕ݫ͍͠΋͋Γ͑Δ
1SPNQU"1*͕த֩ λεΫಛԽͰ8SJUFSͱ͔5SBOTUBMFͱ͔จষܥͷ"1*͕ੜ͑ͯΔ ཁ໿ͷ࠶ؼઓུ͕໘ന͍ ࣮࣭ແݶ কདྷੑ αΠζ͕ܰ͘ͳͬͯΈΜͳͷ1$΍εϚϗͰ͜Ε͕ಈ͘Α͏ʹͳͬͨΒ৭ΜͳԠ༻͕Ͱ͖ͦ ͏ "*લఏͷ8FCΞϓϦΛ࡞ΕΔͶ ʢ1SPKFDU'VHV΍͸ΓՄೳੑͷմͰ͓΋Ζ͍ʣ

ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes

ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes

More Decks by n0bisuke

Other Decks in Programming

Featured

Transcript