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
740
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web Share Target API #w3fukuoka
Hiroyuki ANAI
September 18, 2019
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
書き換えて学ぶTemporal #fukts
pirosikick
2
430
fukuoka.ts #3 社内でESLintの共通設定を配りたい2025年春版
pirosikick
3
500
compilerOptions、全部読んだ
pirosikick
1
300
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
550
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
500
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
6
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.9k
Google I/O '19のWebをまとめる会
pirosikick
2
900
PuppeteerでいらないCSSを消す
pirosikick
23
29k
Other Decks in Technology
See All in Technology
動画配信アプリでの Engage SDK 導入 — TVer Android が Play ストアにコンテンツを届けるまで
techtver
PRO
0
140
Sony-DroidKaigi2026
sony
1
330
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
320
推論の観測、できていますか? 〜 Google Cloud Gemini Enterprise Agent Platformで 3つの Gemini モデルを実測して踏んだ、評価の罠 〜
shukob
PRO
0
160
AI-DLCって実際どう? 〜聞きたいこと全部聞いてみる〜
news_it_enj
0
240
PfEingのアプローチで働こう
rindrics
0
190
V8コントリビュート超入門
riyaamemiya
0
140
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
1.1k
Amazon S3 Tablesに全部任せてみた結果——コンパクション/スナップショット管理は本当に手放せるか
shigeruoda
0
410
Driving AI Adoption Using In-House GPUs to Serve Qwen
po3rin
2
460
IoTハンズオンの舞台裏
shirouz
2
160
データエンジニアリングワークショップ:Auto LoaderとSparkで学ぶデータパイプライン構築
databricksjapan
PRO
0
210
Featured
See All Featured
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Amusing Abliteration
ianozsvald
1
290
Making the Leap to Tech Lead
cromwellryan
135
10k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
400
Tell your own story through comics
letsgokoyo
1
1.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
970
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
The Invisible Side of Design
smashingmag
301
52k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.1k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7k
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