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

Web Share Target API #w3fukuoka

Hiroyuki ANAI
September 18, 2019
Technology
0
600

Web Share Target API #w3fukuoka

Hiroyuki ANAI

September 18, 2019
Tweet

More Decks by Hiroyuki ANAI

See All by Hiroyuki ANAI
compilerOptions、全部読んだ
pirosikick
0
88
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
250
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
270
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.7k
Google I/O '19のWebをまとめる会
pirosikick
2
760
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.6k
WebFEのテストにおける気持ちの変遷
pirosikick
0
440

Other Decks in Technology

See All in Technology
プログラム検証入門
riru
6
870
「認証認可」という体験をデザインする ～Nekko Cloud認証認可基盤計画
logica0419
2
430
サーバー管理しないサーバーサービスManaged DevOps Pool
kkamegawa
0
130
JEP 480: Structured Concurrency
aya_ebata
0
130
JTCや セキュリティチェックリストが夢の跡
nikinusu
0
440
効果的なオンコール対応と障害対応
ryuichi1208
6
3.1k
ロリポップ! for Gamersを支えるインフラ/lolipop for gamers infrastructure
takumakume
0
130
Next.js のページ遷移を全力で止める
ypresto
5
2.9k
LLVM/ASMを使った有限体の高速実装
herumi
0
120
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
220
20240912 JJUGナイトセミナー
mii1004
0
140
自作Cコンパイラ 8時間の奮闘
soukouki
0
840

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
Visualization
eitanlees
142
15k
Music & Morning Musume
bryan
46
6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Atom: Resistance is Futile
akmur
261
25k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Done Done
chrislema
180
16k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k

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