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
610
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
130
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
270
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
300
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.7k
Google I/O '19のWebをまとめる会
pirosikick
2
770
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.6k
WebFEのテストにおける気持ちの変遷
pirosikick
0
450
Other Decks in Technology
See All in Technology
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
620
[AWS JAPAN 生成AIハッカソン] Dialog の紹介
yoshimi0227
0
150
急成長中のWINTICKETにおける品質と開発スピードと向き合ったQA戦略と今後の展望 / winticket-autify
cyberagentdevelopers
PRO
1
160
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
120
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
Jr. Championsになって、強く連携しながらAWSをもっと使いたい!~AWSに対する期待と行動~
amixedcolor
0
190
オニオンアーキテクチャで実現した 本質課題を解決する インフラ移行の実例
hryushm
14
3k
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.4k
最速最小からはじめるデータプロダクト / Data Product MVP
amaotone
5
730
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
640
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.4k
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Being A Developer After 40
akosma
86
590k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
13
1.9k
The World Runs on Bad Software
bkeepers
PRO
65
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Visualization
eitanlees
144
15k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
Adopting Sorbet at Scale
ufuk
73
9k
Designing for humans not robots
tammielis
249
25k
For a Future-Friendly Web
brad_frost
175
9.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
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