Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
APIドキュメンテーションとmockサーバ #meguroes #gotandajs
mizuki_r
April 28, 2017
Technology
0
1.9k
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
税理士ドットコムの 技術的挑戦 #tapioca_lt
rymizuki
0
200
PHPを始めて1年、レガシーシステムにどう向き合っているか #phpstudy
rymizuki
1
410
モダンとレガシー #gotandaem
rymizuki
0
370
Vuexに型を付けるパターンを調べた #gotandajs
rymizuki
0
86
DockerでNodeの開発は厳しいのか? #gotandajs
rymizuki
3
300
マネージャー!きみは何者だ! #gotandaem
rymizuki
0
1.4k
物語を楽しむための物語論
rymizuki
0
410
失敗と向き合う
rymizuki
0
980
社内勉強会と組織の成長を考える
rymizuki
1
2.1k
Other Decks in Technology
See All in Technology
Astroで始める爆速個人サイト開発
takanorip
12
8.4k
LINE iOSエンジニアの日々 / LINE iOS Engineer Days
line_developers
PRO
1
130
データエンジニアを助けてくれるFivetranとSnowflakeの仕様&機能のご紹介
sagara
0
430
2年で10→70人へ! スタートアップの 情報セキュリティ課題と施策
miekobayashi
1
200
インフラ技術基礎勉強会 開催概要
toru_kubota
0
140
ラズパイとGASで加湿器の消し忘れをLINEでリマインド&操作
minako__ph
0
120
【NGK2023S】 ノードエディタ形式の画像処理ツール「Image-Processing-Node-Editor」
kazuhitotakahashi
0
220
エンタープライズ領域でのブロックチェーン・インターオペラビリティの発展 / Enterprise Blockchain Interoperability
gakumura
0
100
Virtual Thread - 導入の背景と、効果的な使い方 -
skrb
3
250
lt53
98_justdoit
0
110
グローバルチームことはじめ / Bootstrapping a global team
tasshi
1
600
OpenShift.Run2023_create-aro-with-terraform
ishiitaiki20fixer
1
120
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
59
5.7k
Art, The Web, and Tiny UX
lynnandtonic
284
18k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Bash Introduction
62gerente
601
210k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
11k
A designer walks into a library…
pauljervisheath
198
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
Building Your Own Lightsaber
phodgson
96
4.9k
The Invisible Side of Design
smashingmag
292
48k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
How to name files
jennybc
47
73k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.6k
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ஔ͚ͩ͘͡Ό͏ͭΒ͍
• ॊೈʹΑ͠ͳʹͯ͠΄͍͠
ご清聴ありがとうございました