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
330

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
5
12k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
1.1k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
560
Dc52871050369929247b69f3767e8737?s=48 pirosikick
24
20k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
940
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
250
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
470
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
510
Dc52871050369929247b69f3767e8737?s=48 pirosikick
13
2.5k

Other Decks in Technology

See All in Technology
17d762ae166e66cab39e9b2e3df7d198?s=48 ysakashita
7
4.1k
Dc20c893cac0daddd607dfc9a5855d27?s=48 amarelo_n24
0
120
03858bb7b6debdd69ea0531b0f57c612?s=48 con_mame
5
3.6k
69b93af68320a590f607c296e8edff73?s=48 k1low
8
2.1k
2219597a939c895e5db6f8b7c94e2859?s=48 pojiro
3
630
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
170
1fbd94fe0e6c61f43710f4fbb7e1ecdf?s=48 hashiyaman
0
440
7e20183342a040a32924a41343603286?s=48 konabuta
0
320
81c7a276a2c5944a9b8bdd9cc1a43250?s=48 takatoshiroto
0
110
E53046bb9794560f541fcf2cf0b9d526?s=48 sayokomiura
0
190
8e308462954f8c38cc60dabb8b7bc6a3?s=48 widstkyi
0
140
E51d70dc152cef9d3dafa13aa94b17ed?s=48 karukaru808
1
310

Featured

See All Featured
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
55
3.6k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
210k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
146
20k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
10
550
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
95
5.6k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
3
650
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
14
810
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
298
40k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
73
270k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
371
43k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
193
8.9k

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