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
680
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
400
compilerOptions、全部読んだ
pirosikick
1
220
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
420
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
S3のライフサイクル設計でハマったポイント
mkumada
0
100
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
1
160
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
1
140
サービスロボット最前線:ugoが挑むPhysical AI活用
kmatsuiugo
0
180
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
240
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.4k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.5k
MySQL HeatWave:サービス概要のご紹介
oracle4engineer
PRO
4
1.6k
結局QUICで通信は速くなるの?
kota_yata
9
7.5k
GCASアップデート(202506-202508)
techniczna
0
240
夢の印税生活 / Life on Royalties
tmtms
0
270
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
1.3k
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Raft: Consensus for Rubyists
vanstee
140
7.1k
GraphQLとの向き合い方2022年版
quramy
49
14k
Rails Girls Zürich Keynote
gr2m
95
14k
We Have a Design System, Now What?
morganepeng
53
7.7k
Into the Great Unknown - MozCon
thekraken
40
2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
560
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Navigating Team Friction
lara
188
15k
Unsuck your backbone
ammeep
671
58k
Side Projects
sachag
455
43k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
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