Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Share Target API #w3fukuoka

Hiroyuki ANAI
September 18, 2019
Technology
0
560

Web Share Target API #w3fukuoka

Hiroyuki ANAI

September 18, 2019
Tweet

More Decks by Hiroyuki ANAI

See All by Hiroyuki ANAI
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
230
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
250
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
16k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.6k
Google I/O '19のWebをまとめる会
pirosikick
2
740
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.5k
WebFEのテストにおける気持ちの変遷
pirosikick
0
410
私が考えるReactのよさ #fukuokajs
pirosikick
2
730

Other Decks in Technology

See All in Technology
データベース02: データベースの概念
trycycle
0
160
Databricks における 『MLOps』
databricksjapan
2
170
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
480
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
210
require(ESM)とECMAScript仕様
uhyo
3
680
リテール金融（キャッシュレス・ネット銀行・ネット証券）の競争環境と経済圏
8maki
0
1.2k
一生覚えておきたい「システム開発＝コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
140
Cracking the KubeCon CfP
inductor
2
250
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
350
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
620

Featured

See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Statistics for Hackers
jakevdp
789
220k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
What's new in Ruby 2.0
geeforr
337
31k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
Designing the Hi-DPI Web
ddemaree
276
33k
Design by the Numbers
sachag
274
18k

Transcript

  1. 8FC4IBSF5BSHFU "1* !QJSPTJLJDL 8'%FWFMPQFS.FFUVQ

  2. w )JSPZVLJ"/"* w !QJSPTJLJDL w $ZCP[V *OD
 'SPOUFOE&YQFSU5FBN 

  3. 8FC4IBSF"1* 8FC4IBSF5BSHFU"1*

  4. 8FC4IBSF"1*

  5. 4BGBSJ

  6. J044BGBSJ $MJDL IUUQTXFCTIBSFHMJUDINF

  7. $ISPNFGPS"OESPJE $MJDL IUUQTXFCTIBSFHMJUDINF

  8. 8FC4IBSF5BSHFU"1* "EE18" UPTIBSFUBSHFUT 18"

  9. 8FC4IBSF5BSHFU"1* 8FC4IBSF"1* /BUJWF"QQT 4IBSF

  10. FHTRVPPTIBQQ (PPHMF1IPUP

  11. 69PG4IBSJOHPOUIFXFC w 4PDJBM#VUUPOT w SEQBSUZTDSJQUTNBLFTBXFCTJUFTMPX w 1PQVMBSJUZJTOFDFTTBSZUPCFFNCFEEFE w #SPXTFS&YUFOTJPOPS/BUJWF"QQ w

    %FWFMPQNFOUDPTUTCFDPNFIJHI

  12. 698JUI8FC4IBSF w /PSEQBSUZTDSJQUTSFRVJSFE w 4IBSFMJLF/BUJWF"QQ

  13. #SPXTFS4VQQPSU .PCJMF %FTLUPQ 8FC4IBSF"1* 8FC4IBSF5BSHFU "1*  J04  

  14. 6TJOH 8FC4IBSF5BSHFU"1*

  15. $SFBUFFYBNQMF18" /share-target/ / 4IBSFXJUI8FC4IBSF"1* 3FDFJWFTIBSFEEBUB GSPN8FC4IBSF5BSHFU"1* IUUQTHJUIVCDPNQJSPTJLJDLXFCTIBSFUBSHFUBQJFYBNQMFBQQ

  16. $ npx create-react-app my-app --typescript $ cd my-app $ npm

    install react-router-dom

  17. &OBCMF4FSWJDF8PSLFS JODSFBUFSFBDUBQQ 6TFserviceWorker.register()JOTUFBEPGunregister() JOTSDJOEFYUTY

  18. "EEshare_targetpFME UPNBOJGFTUKTPO

  19. GET /share_target/?title=…&text=…&url=… method action params

  20. (FUTIBSFEBUB JO/share-target/

  21. *OTUBMMUIF18" 4IBSF

  22. 4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN

    8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ

  23. 4IBSFE%BUB title text url GSPN /BUJWF"QQ FNQUZ \VSM^ FNQUZ GSPN

    8FC4IBSF"1* $ISPNF \UJUMF^ \UFYU^\VSM^ FNQUZ
  24. None

  25. $PODMVTJPO w 8FC4IBSF5BSHFU"1*DIBOHFT69PGTIBSJOHPOXFC w "EETIBSF@UBSHFUUPNBOJGFTUKTPOUPVTF8FC4IBSF 5BSHFU"1**UTWFSZFBTZ w /BUJWF"QQTIBSFT63-BTtextQBSBNFUFS w 8FC4IBSF"1*TIBSFT63-5FYUBTtextQBSBNFUFS

  26. &OE