Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Share Target API #w3fukuoka
Search
Hiroyuki ANAI
September 18, 2019
Technology
0
620
Web Share Target API #w3fukuoka
Hiroyuki ANAI
September 18, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
compilerOptions、全部読んだ
pirosikick
1
150
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
290
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
310
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Google I/O '19のWebをまとめる会
pirosikick
2
790
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.7k
WebFEのテストにおける気持ちの変遷
pirosikick
0
470
Other Decks in Technology
See All in Technology
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
360
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
270
なぜCodeceptJSを選んだか
goataka
0
160
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
120
終了の危機にあった15年続くWebサービスを全力で存続させる - phpcon2024
yositosi
19
18k
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
200
Amazon Kendra GenAI Index 登場でどう変わる? 評価から学ぶ最適なRAG構成
naoki_0531
0
120
サービスでLLMを採用したばっかりに振り回され続けたこの一年のあれやこれや
segavvy
2
500
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
540
Qiita埋め込み用スライド
naoki_0531
0
5.1k
社外コミュニティで学び社内に活かす共に学ぶプロジェクトの実践/backlogworld2024
nishiuma
0
270
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Being A Developer After 40
akosma
87
590k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Building Your Own Lightsaber
phodgson
103
6.1k
Site-Speed That Sticks
csswizardry
2
190
The Cult of Friendly URLs
andyhume
78
6.1k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
Transcript
8FC4IBSF5BSHFU "1* !QJSPTJLJDL 8'%FWFMPQFS.FFUVQ
w )JSPZVLJ"/"* w !QJSPTJLJDL w $ZCP[V *OD 'SPOUFOE&YQFSU5FBN
8FC4IBSF"1* 8FC4IBSF5BSHFU"1*
8FC4IBSF"1*
4BGBSJ
J044BGBSJ $MJDL IUUQTXFCTIBSFHMJUDINF
$ISPNFGPS"OESPJE $MJDL IUUQTXFCTIBSFHMJUDINF
8FC4IBSF5BSHFU"1* "EE18" UPTIBSFUBSHFUT 18"
8FC4IBSF5BSHFU"1* 8FC4IBSF"1* /BUJWF"QQT 4IBSF
FHTRVPPTIBQQ (PPHMF1IPUP
69PG4IBSJOHPOUIFXFC w 4PDJBM#VUUPOT w SEQBSUZTDSJQUTNBLFTBXFCTJUFTMPX w 1PQVMBSJUZJTOFDFTTBSZUPCFFNCFEEFE w #SPXTFS&YUFOTJPOPS/BUJWF"QQ w
%FWFMPQNFOUDPTUTCFDPNFIJHI
698JUI8FC4IBSF w /PSEQBSUZTDSJQUTSFRVJSFE w 4IBSFMJLF/BUJWF"QQ
#SPXTFS4VQQPSU .PCJMF %FTLUPQ 8FC4IBSF"1* 8FC4IBSF5BSHFU "1* J04
6TJOH 8FC4IBSF5BSHFU"1*
$SFBUFFYBNQMF18" /share-target/ / 4IBSFXJUI8FC4IBSF"1* 3FDFJWFTIBSFEEBUB GSPN8FC4IBSF5BSHFU"1* IUUQTHJUIVCDPNQJSPTJLJDLXFCTIBSFUBSHFUBQJFYBNQMFBQQ
$ npx create-react-app my-app --typescript $ cd my-app $ npm
install react-router-dom
&OBCMF4FSWJDF8PSLFS JODSFBUFSFBDUBQQ 6TFserviceWorker.register()JOTUFBEPGunregister() JOTSDJOEFYUTY
"EEshare_targetpFME UPNBOJGFTUKTPO
GET /share_target/?title=…&text=…&url=… method action params
(FUTIBSFEBUB JO/share-target/
*OTUBMMUIF18" 4IBSF
4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN
8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ
4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN
8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ
None
$PODMVTJPO w 8FC4IBSF5BSHFU"1*DIBOHFT69PGTIBSJOHPOXFC w "EETIBSF@UBSHFUUPNBOJGFTUKTPOUPVTF8FC4IBSF 5BSHFU"1**UTWFSZFBTZ w /BUJWF"QQTIBSFT63-BTtextQBSBNFUFS w 8FC4IBSF"1*TIBSFT63-5FYUBTtextQBSBNFUFS
&OE