Web - Google IO 2019 Recap at LINE -

(PPHMF*03FDBQBU-*/&

%BJTVLF4IJNJ[V -*/&$PSQPSBUJPO 6*5 'SPOUFOE%FW &OHJOFFSJOH.BOBHFS 1SPEVDU.BOBHFS 5XJUUFS!UPSJ@KQ

IUUQTCMPHHPPHMFUFDIOPMPHZEFWFMPQFSTUIJOHTXFBOOPVODFEJP

(PPHMF"TTJTUBOU %VQMFYPOUIFXFC *OUFSBDUJWF$BOWBT -PDBM)PNF4%, (PPHMF4FBSDI .JOJ"QQ (PPHMFDSBXMFSXJUIMBUFTUDISPNF $ISPNF 1SPKFDUGVHV 1FSDFQUJPOUPPMLJU
1FSGPSNBODF 4FDVSJUZ1SJWBDZ -JHIUIPVTF ".1

(PPHMF"TTJTUBOU %VQMFYPOUIFXFC *OUFSBDUJWF$BOWBT -PDBM)PNF4%, (PPHMF4FBSDI .JOJ"QQ (PPHMFDSBXMFSXJUIMBUFTUDISPNF $ISPNF 1SPKFDUGVHV 1FSGPSNBODF
4FDVSJUZ1SJWBDZ -JHIUIPVTF 1FSDFQUJPOUPPMLJU ".1

*OUFSBDUJWF$BOWBT IUUQTEFWFMPQFSTHPPHMFDPNBDUJPOT JOUFSBDUJWFDBOWBT

IUUQTEFWFMPQFSTHPPHMFDPNBDUJPOTJOUFSBDUJWFDBOWBT

*NNFSTJWF3FTQPOTF DPOTU\EJBMPHqPX *NNFSTJWF3FTQPOTF^SFRVJSF BDUJPOTPOHPPHMF DPOTUBQQEJBMPHqPX \EFCVHUSVF^ BQQJOUFOU XFMDPNF
DPOW \ DPOWBTL 8FMDPNF%PZPVXBOUNFUPDIBOHFDPMPSPSQBVTFTQJOOJOH :PVDBOBMTPUFMMNFUPBTLZPVMBUFS DPOWBTL OFX*NNFSTJWF3FTQPOTF \ VSMAIUUQT\pSFCBTF$POpHQSPKFDU*E^pSFCBTFBQQDPNA ^ ^ IUUQTEFWFMPQFSTHPPHMFDPNBDUJPOTJOUFSBDUJWFDBOWBT

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device- width,initial-scale=1">
<title>Interactive Canvas Sample</title>  <link rel="stylesheet" href="https://www.gstatic.com/ assistant/immersivecanvas/css/styles.css"> <script src="https://www.gstatic.com/assistant/ immersivecanvas/js/immersive_canvas_api.js"></script> </head> <body> <div id="view" class="view"> </div> <script src="main.js"></script> </body> </html>

"TTJTUBOU$BOWBT"1* // Called by the Interactive Canvas web app once
it has loaded to register callbacks. const callbacks = { onUpdate(state) { if ('spin' in state) { spin = state.spin; } }, }; assistantCanvas.ready(callbacks); // Sends a text query to the conversational action assistantCanvas.sendTextQuery('instructions');

-JNJUBUJPOT w DPPLJF❌ w MPDBMTUPSBHF❌ w DBNFSB❌ w HFPMPDBUJPO❌ w
QPQVQ BMFSU DPOpSN ❌ w YNMIUUQSFRVFTU❌ w .#NFNPSZ w /PTVQQPSU)-4

4JNVMBUPS

1FSDFQUJPO5PPMLJU IUUQTQFSDFQUJPOUPPMLJUEFW IUUQTXFCEFWQFSDFQUJPOUPPMLJU

%FUFDUEBUBXJUIVTFS`T EFWJDFDBNFSB w #BSDPEF w 23$PEF w *NBHF w (FPMPDBUJPO

%FNP"QQ IUUQTJPQFSDFQUJPOUPPMLJUEFW

4IBQF%FUFDUJPO"1* w IUUQTXJDHHJUIVCJPTIBQFEFUFDUJPOBQJ w %FUFDU#BSDPEFBOE'BDFT const face = await new
FaceDetector().detect(img); const barcode = await new BarcodeDetector().detect(img);

QSPKGVHV w $MPTFDBQBCJMJUZHBQ CFUXFFOUIFXFCBOE OBUJWF w DSCVHDPN RQSPKGVHV w IUUQCJUMZOFXGVHV
SFRVFTU

IUUQTEFWFMPQFSTHPPHMFDPN IUUQTXFCEFW

l#VJMEJOHBNPSFIFMQGVM (PPHMFGPSFWFSZPOFz

5IBOLZPV

Web - Google IO 2019 Recap at LINE -

Web - Google IO 2019 Recap at LINE -

LINE Developers
PRO

More Decks by LINE Developers

Other Decks in Technology

Featured

Transcript

(PPHMF03FDBQBU-/&

%BJTVLF4IJNJ[V -/&$PSQPSBUJPO 65 'SPOUFOE%FW &OHJOFFSJOH.BOBHFS 1SPEVDU.BOBHFS 5XJUUFS!UPSJ@KQ

IUUQTCMPHHPPHMFUFDIOPMPHZEFWFMPQFSTUIJOHTXFBOOPVODFEJP

(PPHMF"TTJTUBOU %VQMFYPOUIFXFC *OUFSBDUJWF$BOWBT -PDBM)PNF4%, (PPHMF4FBSDI .JOJ"QQ (PPHMFDSBXMFSXJUIMBUFTUDISPNF $ISPNF 1SPKFDUGVHV 1FSDFQUJPOUPPMLJU

(PPHMF"TTJTUBOU %VQMFYPOUIFXFC *OUFSBDUJWF$BOWBT -PDBM)PNF4%, (PPHMF4FBSDI .JOJ"QQ (PPHMFDSBXMFSXJUIMBUFTUDISPNF $ISPNF 1SPKFDUGVHV 1FSGPSNBODF

*OUFSBDUJWF$BOWBT IUUQTEFWFMPQFSTHPPHMFDPNBDUJPOT JOUFSBDUJWFDBOWBT

IUUQTEFWFMPQFSTHPPHMFDPNBDUJPOTJOUFSBDUJWFDBOWBT

NNFSTJWF3FTQPOTF DPOTU\EJBMPHqPX NNFSTJWF3FTQPOTF^SFRVJSF BDUJPOTPOHPPHMF DPOTUBQQEJBMPHqPX \EFCVHUSVF^ BQQJOUFOU XFMDPNF

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device- width,initial-scale=1">

"TTJTUBOU$BOWBT"1* // Called by the Interactive Canvas web app once

-JNJUBUJPOT w DPPLJF❌ w MPDBMTUPSBHF❌ w DBNFSB❌ w HFPMPDBUJPO❌ w

4JNVMBUPS

1FSDFQUJPO5PPMLJU IUUQTQFSDFQUJPOUPPMLJUEFW IUUQTXFCEFWQFSDFQUJPOUPPMLJU

%FUFDUEBUBXJUIVTFS`T EFWJDFDBNFSB w #BSDPEF w 23$PEF w *NBHF w (FPMPDBUJPO

%FNP"QQ IUUQTJPQFSDFQUJPOUPPMLJUEFW

4IBQF%FUFDUJPO"1* w IUUQTXJDHHJUIVCJPTIBQFEFUFDUJPOBQJ w %FUFDU#BSDPEFBOE'BDFT const face = await new

QSPKGVHV w $MPTFDBQBCJMJUZHBQ CFUXFFOUIFXFCBOE OBUJWF w DSCVHDPN RQSPKGVHV w IUUQCJUMZOFXGVHV

IUUQTEFWFMPQFSTHPPHMFDPN IUUQTXFCEFW

l#VJMEJOHBNPSFIFMQGVM (PPHMFGPSFWFSZPOFz

5IBOLZPV