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
350

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.2k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
570
Dc52871050369929247b69f3767e8737?s=48 pirosikick
24
21k
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
990
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
260
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
500
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
530
Dc52871050369929247b69f3767e8737?s=48 pirosikick
13
2.6k

Other Decks in Technology

See All in Technology
5d9c07f0c2044b1407a84d88362bc84d?s=48 estie
0
150
1f7f6943810323d2ad8ac736617047d5?s=48 johntitor
0
440
7a0bc9670ff654b04d4361a9afd1bba8?s=48 hcrane
3
820
C78c829ff61f9cfd6fe0b7ac45437672?s=48 amir
1
170
96ae3b7224ad653bdcc80059fa10fd8a?s=48 kata_junn
1
110
C31510e1430372434b634a415c656988?s=48 bake0937
0
140
658c29959d8a9fd352afa440a5813137?s=48 ritou
3
3.1k
F73cb07af91c5fe5e1e5abf0f05019bf?s=48 takanorig
0
240
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
290
F1f3e75b74890a8689878a88873378a9?s=48 inayamafumitaka
0
110
8ba32afb4b7d6967cb38b2dadf1ddd80?s=48 daigo0927
2
150
Eae29f3898341b3daa24eb37249c43f0?s=48 ikeda7010
0
620

Featured

See All Featured
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
20
5k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
15
1k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.1k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
740
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.9k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.5k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k

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