Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Share Target API #w3fukuoka

Dc52871050369929247b69f3767e8737?s=47 Hiroyuki ANAI
September 18, 2019
Technology
0
390

Web Share Target API #w3fukuoka

Dc52871050369929247b69f3767e8737?s=128

Hiroyuki ANAI

September 18, 2019
Tweet

More Decks by Hiroyuki ANAI

See All by Hiroyuki ANAI
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
99
Dc52871050369929247b69f3767e8737?s=48 pirosikick
5
13k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
1.2k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
600
Dc52871050369929247b69f3767e8737?s=48 pirosikick
24
22k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
1.1k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
260
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
530
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
560

Other Decks in Technology

See All in Technology
0886c70b5ecf3b0b0ee6500c5e47884d?s=48 ecoopnet
0
180
67683b0a8d24009c731787b49881a9de?s=48 tomuro
1
490
835671ae91e49b2637313b91dacda1db?s=48 tdys13
0
1.4k
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
160
8d0803aa4572615f7bce5f5288e6b716?s=48 mochan_tk
0
420
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
3.2k
Cb88f765dd38cd942c39aacb5abbea06?s=48 ufoo68
0
160
8d0803aa4572615f7bce5f5288e6b716?s=48 mochan_tk
0
200
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
1
210
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
1
940
C8e367921ddd6417ed93849fd067a982?s=48 habakan
1
810
012418ca05dff2e4ac6bdf3e739be4e8?s=48 minorun365
0
300

Featured

See All Featured
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
600
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
20k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.5k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
122
16k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
130
20k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
58
3.9k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
20k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
267
11k
78b475797a14c84799063c7cd073962f?s=48 holman
464
280k

Transcript

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

  2. w )JSPZVLJ"/"* w !QJSPTJLJDL w $ZCP[V *OD
 'SPOUFOE&YQFSU5FBN 

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

  4. 8FC4IBSF"1*

  5. 4BGBSJ

  6. J044BGBSJ $MJDL IUUQTXFCTIBSFHMJUDINF

  7. $ISPNFGPS"OESPJE $MJDL IUUQTXFCTIBSFHMJUDINF

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

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

  10. FHTRVPPTIBQQ (PPHMF1IPUP

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

    %FWFMPQNFOUDPTUTCFDPNFIJHI

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

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

  14. 6TJOH 8FC4IBSF5BSHFU"1*

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

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

    install react-router-dom

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

  18. "EEshare_targetpFME UPNBOJGFTUKTPO

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

  20. (FUTIBSFEBUB JO/share-target/

  21. *OTUBMMUIF18" 4IBSF

  22. 4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN

    8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ

  23. 4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN

    8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ
  24. None

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

  26. &OE