Web Share Target API #w3fukuoka

Transcript

1. 8FC4IBSF5BSHFU
   "1*
   !QJSPTJLJDL
   8'%FWFMPQFS.FFUVQ
   

   View Slide

2. w )JSPZVLJ"/"*
   w !QJSPTJLJDL
   w $ZCP[V *OD

   'SPOUFOE&YQFSU5FBN
   
   

   View Slide

3. 8FC4IBSF"1*
   8FC4IBSF5BSHFU"1*
   

   View Slide

4. 8FC4IBSF"1*
   

   View Slide

5. 4BGBSJ
   

   View Slide

6. J044BGBSJ
   $MJDL
   IUUQTXFCTIBSFHMJUDINF
   

   View Slide

7. $ISPNFGPS"OESPJE
   $MJDL
   IUUQTXFCTIBSFHMJUDINF
   

   View Slide

8. 8FC4IBSF5BSHFU"1*
   "EE18"
   UPTIBSFUBSHFUT
   18"
   

   View Slide

9. 8FC4IBSF5BSHFU"1*
   8FC4IBSF"1*
   /BUJWF"QQT
   4IBSF
   

   View Slide

10. FHTRVPPTIBQQ
    (PPHMF1IPUP
    

    View Slide

11. 69PG4IBSJOHPOUIFXFC
    w 4PDJBM#VUUPOT
    w SEQBSUZTDSJQUTNBLFTBXFCTJUFTMPX
    w 1PQVMBSJUZJTOFDFTTBSZUPCFFNCFEEFE
    w #SPXTFS&YUFOTJPOPS/BUJWF"QQ
    w %FWFMPQNFOUDPTUTCFDPNFIJHI
    

    View Slide

12. 698JUI8FC4IBSF
    w /PSEQBSUZTDSJQUTSFRVJSFE
    w 4IBSFMJLF/BUJWF"QQ
    

    View Slide

13. #SPXTFS4VQQPSU
    .PCJMF %FTLUPQ
    8FC4IBSF"1*
    8FC4IBSF5BSHFU
    "1*
    J04
    
    

    View Slide

14. 6TJOH
    8FC4IBSF5BSHFU"1*
    

    View Slide

15. $SFBUFFYBNQMF18"
    /share-target/
    /
    4IBSFXJUI8FC4IBSF"1* 3FDFJWFTIBSFEEBUB
    GSPN8FC4IBSF5BSHFU"1*
    IUUQTHJUIVCDPNQJSPTJLJDLXFCTIBSFUBSHFUBQJFYBNQMFBQQ
    

    View Slide

16. $ npx create-react-app my-app --typescript
    $ cd my-app
    $ npm install react-router-dom
    

    View Slide

17. &OBCMF4FSWJDF8PSLFS
    JODSFBUFSFBDUBQQ
    6TFserviceWorker.register()JOTUFBEPGunregister()
    JOTSDJOEFYUTY
    

    View Slide

18. "EEshare_targetpFME
    UPNBOJGFTUKTPO
    

    View Slide

19. GET /share_target/?title=…&text=…&url=…
    method action params
    

    View Slide

20. (FUTIBSFEBUB
    JO/share-target/
    

    View Slide

21. *OTUBMMUIF18" 4IBSF
    

    View Slide

22. 4IBSFE%BUB
    title text url
    GSPN
    /BUJWF"QQ
    FNQUZ \VSM^ FNQUZ
    GSPN
    8FC4IBSF"1*
    $ISPNF
    
    \UJUMF^ \UFYU^\VSM^ FNQUZ
    

    View Slide

23. 4IBSFE%BUB
    title text url
    GSPN
    /BUJWF"QQ
    FNQUZ \VSM^ FNQUZ
    GSPN
    8FC4IBSF"1*
    $ISPNF
    
    \UJUMF^ \UFYU^\VSM^ FNQUZ
    
    

    View Slide

24. View Slide

25. $PODMVTJPO
    w 8FC4IBSF5BSHFU"1*DIBOHFT69PGTIBSJOHPOXFC
    w "EETIBSF@UBSHFUUPNBOJGFTUKTPOUPVTF8FC4IBSF
    5BSHFU"1**UTWFSZFBTZ
    w /BUJWF"QQTIBSFT63-BTtextQBSBNFUFS
    w 8FC4IBSF"1*TIBSFT63-5FYUBTtextQBSBNFUFS
    

    View Slide

26. &OE
    

    View Slide