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
APIドキュメンテーションとmockサーバ #meguroes #gotandajs
Search
mizuki_r
April 28, 2017
Technology
0
2.1k
APIドキュメンテーションとmockサーバ #meguroes #gotandajs
Meguro.es x Gotanda.js での発表資料です
mizuki_r
April 28, 2017
Tweet
Share
More Decks by mizuki_r
See All by mizuki_r
FrontendUp_新規事業で_Remixを採用した理由と対策.pdf
rymizuki
0
190
税理士ドットコムの 技術的挑戦 #tapioca_lt
rymizuki
0
270
PHPを始めて1年、レガシーシステムにどう向き合っているか #phpstudy
rymizuki
1
720
モダンとレガシー #gotandaem
rymizuki
0
550
Vuexに型を付けるパターンを調べた #gotandajs
rymizuki
0
120
DockerでNodeの開発は厳しいのか? #gotandajs
rymizuki
3
390
マネージャー!きみは何者だ! #gotandaem
rymizuki
0
1.7k
物語を楽しむための物語論
rymizuki
0
520
失敗と向き合う
rymizuki
0
1.4k
Other Decks in Technology
See All in Technology
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
16
5.2k
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
5
600
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
270
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
Understanding Go GC #coefl_go_jp
bengo4com
0
1.1k
JOAI発表資料 @ 関東kaggler会
joai_committee
1
260
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
1
150
mruby(PicoRuby)で ファミコン音楽を奏でる
kishima
1
220
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
2
200
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
ueokande
0
180
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
330
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
Six Lessons from altMBA
skipperchong
28
4k
A designer walks into a library…
pauljervisheath
207
24k
KATA
mclloyd
32
14k
Writing Fast Ruby
sferik
628
62k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Building Adaptive Systems
keathley
43
2.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Transcript
APIドキュメンテーション と mockサーバ 2017/04/28 Meguro.es x Gotanda.js @mizuki_r
@mizuki_r • シニアフロントエンドエンジニア • エンジニア 2 #javascript #gotandajs #meguroes #perl
#kichijojipm 五反田のM社で位置ゲー開発に携わる。 エンジニアとして新卒入社して7年目に突 入。3年目くらいからフロントエンドエン ジニアを兼任。 about me こんな人です
theme
APIドキュメンテーション と mockサーバ
まあつまりは、 harikoの話です
hariko
what is hariko • JSON API Mock Server. • API-Blueprint
based.
why talk about hariko • ࠷ۙͬͯΔ • ͪΐͬͱલʹΞοϓσʔτͨ͠ • ͦ͏ݴ͑ͪΌΜͱհͯ͠ͳ͍ͳˡ
context
開発体制 ཁ݅ UI API ϞοΫ API αʔ ό ʔ ·ͣUI
ใΛཧ͠ αʔόΛ ࡞Γ UIʹө͢Δ
解決したい問題 • stubcell / json mockͳͲJSONΛஔ͚ͩ͘ • આ໌ɾυΩϡϝϯςʔγϣϯ͕ෆ • υΩϡϝϯτͱͯ͠ܗ͞Εͳ͍͠ɺͦͦಡ
Έʹ͍͘ →͜ΕAPI-Blueprint͕ղܾͯ͘͠ΕΔ
harikoで解決したい • MemberResourceͷදݱΛ࠷খͰॻ͖͍ͨ • ϖʔδϟʔͷόϦΤʔγϣϯΛදݱ͍ͨ͠ • खಈͰΞϓϦέʔγϣϯͷڍಈΛ࠶ݱ͍ͨ͠ →ͨͩͷJSONΑΓͪΐͬͱݡ͍ͨ͘͠
hariko’s power
複数のレスポンスのパターン /api/users/:idͱ͍͏API͕͋Δͱͯ͠ɺ id͕1, 2, 3, ͦͷଞͰҧ͏ϨεϙϯεΛฦ͍ͨ͠
クエリパラメータによって レスポンスを変えたい /api/items?page=1 /api/items?page=2 Ͱ10݅ͱ5݅ͰϨεϙϯεΛฦ͍ͨ͠
オンラインでデータを書き換えたい 1. POST /api/messagesʹϦΫΤετΛૹΔ 2. mockΛه͢Δ 3. GET /api/messagesΛୟ͘ͱهͨ͠σʔλ Λड͚औΕΔ
demo
まとめ
まとめ • harikoͷհͰͨ͠ • େنͳAPIΛཧ͢ΔͨΊͷॊೈੑΛ࣋ͬͨMockαʔόͰ ͢ • ҎԼͷΑ͏ͳํʹ͓͢͢ΊͰ͢ • JSONஔ͚ͩ͘͡Ό͏ͭΒ͍
• ॊೈʹΑ͠ͳʹͯ͠΄͍͠
ご清聴ありがとうございました