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

Web Share Target API #w3fukuoka

Hiroyuki ANAI
September 18, 2019
Technology
0
470

Web Share Target API #w3fukuoka

Hiroyuki ANAI

September 18, 2019
Tweet

More Decks by Hiroyuki ANAI

See All by Hiroyuki ANAI
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
160
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
190
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
15k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.4k
Google I/O '19のWebをまとめる会
pirosikick
2
670
PuppeteerでいらないCSSを消す
pirosikick
24
25k
Progressive Hydration #react_fukuoka
pirosikick
5
1.2k
WebFEのテストにおける気持ちの変遷
pirosikick
0
320
私が考えるReactのよさ #fukuokajs
pirosikick
2
610

Other Decks in Technology

See All in Technology
Pentesting Password Reset Functionality
anugrahsr
0
210
OpenShiftでスポットVMを使おう.pdf
jpishikawa
1
210
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
2
580
20230121_データ分析系コミュニティ_サテライト企画
doradora09
0
510
20230121_BuriKaigi
oyakata2438
0
170
NGINXENG JP#2 - 3-NGINX Plus・プロダクトのアップデート
hiropo20
0
180
プログラミング支援AI GitHub Copilot すごいの話
moyashi
0
280
ChatGPT for Hacking
anugrahsr
0
2.1k
Raspberry Pi Camera 3 介紹
piepie_tw
PRO
0
120
re:Inventで発表があったIoT事例の紹介と考察
kizawa2020
0
160
OVN-Kubernetes-Introduction-ja-2023-01-27.pdf
orimanabu
1
250
Technologies for developing editors / Webエディタ開発を支える技術
shuta13
1
230

Featured

See All Featured
Building Flexible Design Systems
yeseniaperezcruz
314
35k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
A Tale of Four Properties
chriscoyier
149
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
Build The Right Thing And Hit Your Dates
maggiecrowley
22
1.4k
Facilitating Awesome Meetings
lara
33
4.6k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Designing the Hi-DPI Web
ddemaree
273
32k
Done Done
chrislema
178
14k
What the flash - Photography Introduction
edds
64
10k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Happy Clients
brianwarren
90
5.8k

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 "EE[email protected]UPNBOJGFTUKTPOUPVTF8FC4IBSF 5BSHFU"1**UTWFSZFBTZ w /BUJWF"QQTIBSFT63-BTtextQBSBNFUFS w 8FC4IBSF"1*TIBSFT63-5FYUBTtextQBSBNFUFS

  26. &OE