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
690
Web Share Target API #w3fukuoka
Hiroyuki ANAI
September 18, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
fukuoka.ts #3 社内でESLintの共通設定を配りたい2025年春版
pirosikick
2
410
compilerOptions、全部読んだ
pirosikick
1
220
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
430
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
380
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Google I/O '19のWebをまとめる会
pirosikick
2
840
PuppeteerでいらないCSSを消す
pirosikick
23
29k
Progressive Hydration #react_fukuoka
pirosikick
6
1.8k
Other Decks in Technology
See All in Technology
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
240
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
450
slog.Handlerのよくある実装ミス
sakiengineer
4
470
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.3k
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
ueokande
1
100
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
AWSで始める実践Dagster入門
kitagawaz
1
740
💡Ruby 川辺で灯すPicoRubyからの光
bash0c7
0
120
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
260
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
Featured
See All Featured
Side Projects
sachag
455
43k
Designing Experiences People Love
moore
142
24k
Making Projects Easy
brettharned
117
6.4k
Designing for humans not robots
tammielis
253
25k
Producing Creativity
orderedlist
PRO
347
40k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Speed Design
sergeychernyshev
32
1.1k
Fireside Chat
paigeccino
39
3.6k
Docker and Python
trallard
46
3.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
How to train your dragon (web standard)
notwaldorf
96
6.2k
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