SaCSS vol.107 の発表資料。 https://connpass.com/event/147812/
4B$44WPM!UBDDLϑϩϯτΤϯυͷਓʹקΊΔ εϚʔτεϐʔΧʔεΩϧ࡞ͷ ϋφγ݄
View Slide
!UBDDL4B$44WPMTBDTT୭• ໊લtacck / ݪ • ॴଐגࣜձࣾϊʔεσΟςʔϧ• ओ࠵• ΏΔWebษڧձ@ࡳຈ• εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ• ͖ͳϑΟΪϡΞεέʔτͷٕεϓϨουɾΠʔάϧ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔ• Έͳ͞Μ͍࣋ͬͯ·͔͢?
!UBDDL4B$44WPMTBDTTͬ͘͟ΓΈ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒʮ"MFYBʯͱݺͼ͔͚ΒΕͨ͜ͱΛೝࣝ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒʮࠓͷ࣌ؒʯԻΛૹ৴
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒԻ͔ΒςΩετʹม
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒʮࠓʯͷʮ࣌ؒʯˠݱࡏ࣌ࠁΛਘͶΒΕ͍ͯΔͱཧղ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒݱࡏ࣌ࠁͷճจΛ࡞
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒճจΛԻʹม
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒԻΛड৴ͯ͠ൃޕޙ࣌Ͱ͢
!UBDDL4B$44WPMTBDTTεΩϧͷ࡞Γํ
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔΤϯδϯ௨৴ϚΠΫεϐʔΧʔԻೝࣝจষղੳԻೝࣝର࡞Ի߹"MFYBࠓͷ࣌ؒݱࡏ࣌ࠁͷճจΛ࡞εΩϧ࡞͜͜ͷ࡞ΓࠐΈ
!UBDDL4B$44WPMTBDTTجຊతͳߟ͑ํ• ϢʔβʔεϚʔτεϐʔΧʔʮݺͼ͔͚ʯʮ࣭ʯΛߦͳ͏• εϚʔτεϐʔΧʔͦΕʹԠͨ͡ʮ͑ʯΛฦ͢• ݺͼ͔͚࣌ͷݴ༿͔ΒʮҙਤʯΛͲΕ͚ͩर͑Δ͔͕ΧΪ• Intent (ରҙਤ)• ʮͲ͏͍͏ҙਤΛ࣋ͬͨݺͼ͔͚͔ʯͱ͍͏ɺ ରͷछྨΛද͢ͷɻ • Slot (ύϥϝʔλ)• ݺͼ͔͚ͷதͷʮʯʮྔʯͱ͍ͬͨɺ มԽ͢ΔॴΛද͢ͷɻ
!UBDDL4B$44WPMTBDTTఱؾ༧ใͷ߹• ʮ10݄17ʯ͕࣌Λද͢ Slot• ʮ౦ژʯ͕ॴΛද͢ Slot• ʮఱؾΛڭ͑ͯʯ͕ձͷྲྀΕΛܾΊΔ IntentϢʔβʔ 10݄17ͷ౦ژͷఱؾΛڭ͑ͯɻ໌ͷ౦ژͷఱؾಶΓͷ༧ใͰ͢ɻεϚʔτ εϐʔΧʔ
!UBDDL4B$44WPMTBDTTఱؾ༧ใͷ߹• ʮ10݄17ʯ͕࣌Λද͢ Slot• ʮ౦ژʯ͕ॴΛද͢ Slot• ʮ࠷ߴؾԹΛڭ͑ͯʯ͕ձͷྲྀΕΛܾΊΔ IntentϢʔβʔ 10݄17ͷ౦ژͷ࠷ߴؾԹΛڭ͑ͯɻ໌ͷ౦ژͷ༧࠷ߴؾԹ20℃Ͱ͢ɻεϚʔτ εϐʔΧʔ
!UBDDL4B$44WPMTBDTTఱؾ༧ใͷ߹• ʮࠓʯ͕࣌Λද͢ Slot• ʮఱؾΛڭ͑ͯʯ͕ձͷྲྀΕΛܾΊΔ IntentϢʔβʔࠓͷఱؾΛڭ͑ͯɻ (ݱࡏҐஔࡳຈͰొࡁΈ)ࠓͷࡳຈͷఱؾΕͰ͢ɻεϚʔτ εϐʔΧʔ
!UBDDL4B$44WPMTBDTTͲ͏͍͏ड͚͑ʹ͢Δ͔• ϢʔβʔͷΓ͍ͨ͜ͱʹର͠ɺձͷྲྀΕΛߟ͑Δɻ• ձͷྲྀΕͷத͔Β Intent (ҙਤ) Λݟ͚ͭΔɻ• Intent ͝ͱʹɺ۩ମతͳฦͷϓϩάϥϜΛॻ͍͍ͯ͘ɻࠓͷఱؾ?ࡳຈͷࠓͷఱؾɺ ͘Γ ͷͪ Ε Ͱ͢ɻ
!UBDDL4B$44WPMTBDTTը໘͖εϚʔτεϐʔΧʔ
!UBDDL4B$44WPMTBDTTը໘͖σόΠε ը໘දࣔͷΈɹɹɹɹɹɹɹAmazonEcho ShowEcho Show 5Echo SpotAPLɹɹɹɹɹɹɹGoogle Google Nest HubInteractive Canvas (Web)ɹɹɹɹɹɹɹLINE Clova Desk ඇެ։
!UBDDL4B$44WPMTBDTTϑϩϯτΤϯυΤϯδχΞͷ օ༷ʹ࿕ใ
!UBDDL4B$44WPMTBDTT"DUJPOTPO(PPHMF*OUFSBDUJWF$BOWBT
!UBDDL4B$44WPMTBDTTͱλονͰૢ࡞Ͱ͖Δ 8FCΞϓϦέʔγϣϯ Ά͍ײ͡ͰεΩϧΛ࡞ΕΔˠීஈ࡞͍ͬͯΔͷʹʮʯΛՃ͢Δ
!UBDDL4B$44WPMTBDTTྫλεΫ֬ೝΞϓϦɹɾ5SFMMPͷΧʔυΛݺͼग़͠ɹɾλονͰྃ
!UBDDL4B$44WPMTBDTTදࣔίϯςϯπ 7VFKT
!UBDDL4B$44WPMTBDTTimport axios from "axios";export default {props: ["listId", "apiKey", "apiToken"],data: function() {return { itemsPerPageOptions: [], itemsPerPage: 5, lists: [] };},mounted: async function() {const response = await axios.get(`https://api.trello.com/1/lists/${this.listId}/cards?fields=all&key=${this.apiKey}&token=${this.apiToken}`);this.lists = response.data;},methods: {finish: function(id) {window.interactiveCanvas.sendTextQuery(`finishedTask-${id}`);}}};
!UBDDL4B$44WPMTBDTTimport axios from "axios";export default {props: ["listId", "apiKey", "apiToken"],data: function() {return { itemsPerPageOptions: [], itemsPerPage: 5, lists: [] };},mounted: async function() {const response = await axios.get(`https://api.trello.com/1/lists/${this.listId}/cards?fields=all&key=${this.apiKey}&token=${this.apiToken}`);this.lists = response.data;},methods: {finish: function(id) {window.interactiveCanvas.sendTextQuery(`finishedTask-${id}`);}}};TrelloͷಛఆͷList͔Β CardҰཡΛऔಘCard ͕λοϓ͞ΕͨΒ Intent ૹ৴
!UBDDL4B$44WPMTBDTTόοΫΤϯυ "DUJPOTPO(PPHMF
!UBDDL4B$44WPMTBDTT'use strict';const axios = require('axios');const { dialogflow, HtmlResponse } = require('actions-on-google');const app = dialogflow({ debug: false });const tasksUrl = 'https://show-today-tasks.netlify.com'const currentListId = process.env.CURRENT_LIST_IDconst finishedListId = process.env.FINISHED_LIST_IDconst apiKey = process.env.API_KEYconst apiToken = process.env.API_TOKEN// ىಈ࣌Intentapp.intent('welcome', (conv) => {conv.ask('ࠓͷλεΫҰཡͰ͢ɻ֬ೝ͠·͠ΐ͏ɻ');conv.ask(new HtmlResponse({url: `${tasksUrl}/?listId=${currentListId}&apiKey=${apiKey}&apiToken=${apiToken}`,suppress: true}));
!UBDDL4B$44WPMTBDTT'use strict';const axios = require('axios');const { dialogflow, HtmlResponse } = require('actions-on-google');const app = dialogflow({ debug: false });const tasksUrl = 'https://show-today-tasks.netlify.com'const currentListId = process.env.CURRENT_LIST_IDconst finishedListId = process.env.FINISHED_LIST_IDconst apiKey = process.env.API_KEYconst apiToken = process.env.API_TOKEN// ىಈ࣌Intentapp.intent('welcome', (conv) => {conv.ask('ࠓͷλεΫҰཡͰ͢ɻ֬ೝ͠·͠ΐ͏ɻ');conv.ask(new HtmlResponse({url: `${tasksUrl}/?listId=${currentListId}&apiKey=${apiKey}&apiToken=${apiToken}`,suppress: true}));දࣔίϯςϯπ͕ ը໘ʹग़ΔΑ͏ʹࢦఆ
!UBDDL4B$44WPMTBDTTapp.intent('finishedTask', async (conv, { cardId }) => {// TrelloͷΧʔυΛྃʹҠ͢const response = await axios.put(`https://api.trello.com/1/cards/${cardId}?idList=${finishedListId}&key=${apiKey}&token=${apiToken}&pos=bottom`)const now = Date.now()conv.ask('ΧʔυΛྃʹ͠·ͨ͠ɻ')conv.ask(new HtmlResponse({url: `${tasksUrl}/?listId=${currentListId}&apiKey=${apiKey}&apiToken=${apiToken}&d=${now}`,suppress: true}));});module.exports.fulfillment = app;
!UBDDL4B$44WPMTBDTTapp.intent('finishedTask', async (conv, { cardId }) => {// TrelloͷΧʔυΛྃʹҠ͢const response = await axios.put(`https://api.trello.com/1/cards/${cardId}?idList=${finishedListId}&key=${apiKey}&token=${apiToken}&pos=bottom`)const now = Date.now()conv.ask('ΧʔυΛྃʹ͠·ͨ͠ɻ')conv.ask(new HtmlResponse({url: `${tasksUrl}/?listId=${currentListId}&apiKey=${apiKey}&apiToken=${apiToken}&d=${now}`,suppress: true}));});module.exports.fulfillment = app;λοϓ͞ΕͨΧʔυΛ ྃࡁΈϦετҠಈ࠶ɺදࣔίϯςπ͕ ը໘ʹදࣔ͞ΕΔ
!UBDDL4B$44WPMTBDTTσϞλεΫ֬ೝΞϓϦɹɾ5SFMMPͷΧʔυΛݺͼग़͠ɹɾλονͰྃ
!UBDDL4B$44WPMTBDTT·ͱΊ
!UBDDL4B$44WPMTBDTT(PPHMF/FTU)VC͍͍Α• εΩϧ։ൃʹɺطଘͷWebΞϓϦ։ൃͷ͕ࣝɺ ͔ͳΓ׆͔ͤΔɻ• ը໘͕ಈ͘ͷָ͍͠ɻ• ࣮ɺInteractive Canvas ɺ Android ͷ Google Assistant Ͱ͑Δ! → AndroidϢʔβʔͳΒɺ͙͢ʹࢼͤΔͶ!
!UBDDL4B$44WPMTBDTTͦΕͧΕͷಛ• Echo• γϦʔζల։͕๛ɾຊؾग़͢ͱʮεϚʔτϗʔϜʯԽՄೳ• ը໘͖ͷ “Echo Show 5” ͕͓खࠒ (¥9,980)• Google Home• Android ؚΊͨڧΈ• ը໘͖ͷ “Google Nest Hub” Λ࣠ʹࠓޙల։͞ΕΔͦ͏• LINE Clova• LINE LINE Bot ͱͷ࿈ܞ͕ڧ͍(ϝοηʔδ͏ͳΒ͜Ε)• ࠓޙͷల։ɾɾɾΧʔφϏ?
!UBDDL4B$44WPMTBDTTεϚʔτεϐʔΧʔ• Έͳ͞Μങ͍·͠ΐ͏!
!UBDDL4B$44WPMTBDTTମݧձΓ·͢• 201910݄26 ()• 12:00ʙ12:30• 12:30ʙ13:00• 13:00ʙ13:30• 13:30ʙ14:00• ֤ճগਓͰ࣮ࢪ༧ఆhttps://play-smaspi-sap.connpass.com/event/138571/
!UBDDL4B$44WPMTBDTTFOE
!UBDDL4B$44WPMTBDTTެ։༻Ճใ
!UBDDL4B$44WPMTBDTTΦεεϝεΩϧΛগ͠
!UBDDL4B$44WPMTBDTTඪ४ػೳ
!UBDDL4B$44WPMTBDTT֮·͕͠ΘΓʹ• ໌ͷே7࣌ʹىͯ͜͠ɻ
!UBDDL4B$44WPMTBDTTΧοϓϥʔϝϯ࡞Γʹ• λΠϚʔ3ɻ
!UBDDL4B$44WPMTBDTT#(.ʹ• J-POPΛ͔͚ͯɻ ※ԻָετϦʔϛϯάαʔϏεͱͷ࿈ܞ͕ผ్ඞཁ
!UBDDL4B$44WPMTBDTTͳΜͱͳ͘• ໘ന͍͜ͱΛݴͬͯɻ
!UBDDL4B$44WPMTBDTTαʔυύʔςΟεΩϧ
!UBDDL4B$44WPMTBDTTΰϛͷ֬ೝ• ΞϨΫαɺࡳຈ͝Έͳ͛ΧϨϯμʔΛ։͍ͯɻ
!UBDDL4B$44WPMTBDTTϨγϐΛௐͨΓ• ΫοΫύουΛ։͍ͯɻ
!UBDDL4B$44WPMTBDTTήʔϜ• κϯϏͷ·ͪΛ։͍ͯɻ
!UBDDL4B$44WPMTBDTT͓ࢠ͞Μͷษڧʹ• Ωϟϓςϯ(ΫοΫ)Λ։͍ͯɻ
tacck
line_developers_tw
cybozuinsideout
kei_s
sugawani
oracle4engineer
tomoaki25
kawagoi
asei
tkhresk
sajikix
rdlabo
dahatake
andyhume
dotmariusz
tammyeverts
brianwarren
scottboms
marcelosomers
sugarenia
mclloyd
cassininazir
rocio
philhawksworth
keithpitt