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
310

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
4
950
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
540
Dc52871050369929247b69f3767e8737?s=48 pirosikick
24
19k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
900
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
240
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
450
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
490
Dc52871050369929247b69f3767e8737?s=48 pirosikick
13
2.5k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
1
230

Other Decks in Technology

See All in Technology
0411ad77d29734ecd0980c5b9b62848f?s=48 ch1aki
2
210
D6fc8a819afa94f464fe322032a6687f?s=48 mahito
0
200
Fb025419ed38f98df595eb2eafc859f4?s=48 ihcomega56
1
570
3f001aaf60bab10db9740d0d95dd85d2?s=48 nisshii0313
1
170
D9130a0952480278c7f44527c6989da7?s=48 syoshie
0
470
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
130
Cc568a0b1284645f9fb927b2343eb87e?s=48 youtalk
0
400
2cf373725ded741824c50fd571eda6e1?s=48 udzura
2
250
Ad22fcf5773b906c08330f4d57242212?s=48 inductor
1
130
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
150
C0c0e8e4d7f83912cb1b1a0699df82a5?s=48 miyakemito
1
590
8d50e289d6e35d7c1d8aca929b439e46?s=48 myajiri
0
320

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
28
950
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
245cee81a9c424266e5e401d844ea881?s=48 lara
15
2.7k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
19
2k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
193
8.6k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
56
5.4k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.4k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
257
36k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
61k

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