Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Masato Noguchi
3,127 views
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
gotanda.js #2 のLT資料です。
Engineering
◦
Read more
2
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 31
2
/ 31
3
/ 31
4
/ 31
5
/ 31
6
/ 31
7
/ 31
8
/ 31
9
/ 31
10
/ 31
11
/ 31
12
/ 31
13
/ 31
14
/ 31
15
/ 31
16
/ 31
17
/ 31
18
/ 31
19
/ 31
20
/ 31
21
/ 31
22
/ 31
23
/ 31
24
/ 31
25
/ 31
26
/ 31
27
/ 31
28
/ 31
29
/ 31
30
/ 31
31
/ 31
More Related Content
PPTX
Railsのフロントエンド開発を考える
by
Hirata Tomoko
PDF
Sprocketsを捨てたい
by
Masato Noguchi
PDF
Rails あるある
by
Ryunosuke SATO
PDF
RailsのRailから解放される始めの一歩
by
Masato Noguchi
PDF
gulp芸
by
Yuki Ishikawa
PDF
僕はどうしてもLibsassが使いたかったんだ!
by
Masato Noguchi
PDF
サーバを運用する時代は終わった
by
Yuki Ishikawa
PPTX
片手間JS on Rails
by
Ryunosuke SATO
Railsのフロントエンド開発を考える
by
Hirata Tomoko
Sprocketsを捨てたい
by
Masato Noguchi
Rails あるある
by
Ryunosuke SATO
RailsのRailから解放される始めの一歩
by
Masato Noguchi
gulp芸
by
Yuki Ishikawa
僕はどうしてもLibsassが使いたかったんだ!
by
Masato Noguchi
サーバを運用する時代は終わった
by
Yuki Ishikawa
片手間JS on Rails
by
Ryunosuke SATO
What's hot
PDF
「新しい」を生み出すためのWebアプリ開発とその周辺
by
Yusuke Wada
PDF
第八回 #渋谷Java 最近のjava PaaS事情
by
Kazuhiro Serizawa
PDF
OpenShift のある生活
by
Yoshimasa Tanabe
PPTX
Ruby on Rails を用いたWEBアプリケーションの開発
by
Koichi Shimozono
PPTX
PWAをWebサービスに導入した話
by
dobby618
PDF
Rubyコミッタのいる開発いい話
by
Kenichi Murahashi
PDF
BuriKaigi2018
by
Yutaka Tsumori
PDF
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
by
Kazuhiro Serizawa
PDF
Railsチュートリアル(second)を終えて
by
Hirata Tomoko
PPTX
Walking front end
by
Hirata Tomoko
KEY
HerokuでRails3.2 we love herokuの事例
by
Naoto Koshikawa
PDF
Ruby on Rails でつくるアタシ好みの愛され Web サービス
by
Yoji Shidara
PDF
High Performance Gulp
by
Keisuke Imura
PDF
Sinatra軽量Web開発 - LOUPE Study #1
by
Takuya Mukohira
PDF
Ember コミュニティとわたし
by
Ryunosuke SATO
PDF
実践 大都会式 プロトタイピング&フロントエンド 2014
by
Masayuki Maekawa
PDF
とある Perl Monger の働き方
by
Yusuke Wada
PDF
How to relaunch "sapporojs.org" ~Introduction to middleman~
by
Ryunosuke SATO
「新しい」を生み出すためのWebアプリ開発とその周辺
by
Yusuke Wada
第八回 #渋谷Java 最近のjava PaaS事情
by
Kazuhiro Serizawa
OpenShift のある生活
by
Yoshimasa Tanabe
Ruby on Rails を用いたWEBアプリケーションの開発
by
Koichi Shimozono
PWAをWebサービスに導入した話
by
dobby618
Rubyコミッタのいる開発いい話
by
Kenichi Murahashi
BuriKaigi2018
by
Yutaka Tsumori
第六回 #渋谷java Javaを書き始めて 1年半が経って思うこと
by
Kazuhiro Serizawa
Railsチュートリアル(second)を終えて
by
Hirata Tomoko
Walking front end
by
Hirata Tomoko
HerokuでRails3.2 we love herokuの事例
by
Naoto Koshikawa
Ruby on Rails でつくるアタシ好みの愛され Web サービス
by
Yoji Shidara
High Performance Gulp
by
Keisuke Imura
Sinatra軽量Web開発 - LOUPE Study #1
by
Takuya Mukohira
Ember コミュニティとわたし
by
Ryunosuke SATO
実践 大都会式 プロトタイピング&フロントエンド 2014
by
Masayuki Maekawa
とある Perl Monger の働き方
by
Yusuke Wada
How to relaunch "sapporojs.org" ~Introduction to middleman~
by
Ryunosuke SATO
Viewers also liked
PDF
Module 07 Leadership
by
IPAC-IAPC
PDF
PerlエンジニアのためのCodeIgniter入門
by
Yuzo Iwasaki
PDF
Perlで初めてWebアプリを作った話
by
Yuzo Iwasaki
PDF
Dockerfile for Perl development
by
Yuzo Iwasaki
PDF
Rails2&Me
by
Yuzo Iwasaki
DOC
jcfresume2015MFG
by
Juan C Fernandez
PPSX
Podsumowanie 1 semestru w klasie 0b
by
ubuntuszkola
PDF
PopZ News-Friday February 12 2016
by
Rick Gallagher
PDF
IC_PREDSTAVITEV
by
Martin Žvanut
PDF
BookazineBits Thursday February 4 2016
by
Rick Gallagher
PDF
PopZ News-Friday February 5 2016
by
Rick Gallagher
PPTX
Personlig Effektivitet afsnit 1
by
Lasse Karlberg
PDF
Module 00 Course Introduction
by
IPAC-IAPC
PDF
Bookazine's GNOV Bestseller List (February 5 2016)
by
Rick Gallagher
PDF
Module 11 Engagement and Divide
by
IPAC-IAPC
PDF
Kryssi - Talvitreeni 29032015
by
Oliver Kuustonen
PDF
Kebiasaan bernalar
by
gampangmain
PDF
Final Document
by
George Playford
PDF
Asm steel brochure
by
Ali Sajid
PDF
Asm steel brochure
by
Ali Sajid
Module 07 Leadership
by
IPAC-IAPC
PerlエンジニアのためのCodeIgniter入門
by
Yuzo Iwasaki
Perlで初めてWebアプリを作った話
by
Yuzo Iwasaki
Dockerfile for Perl development
by
Yuzo Iwasaki
Rails2&Me
by
Yuzo Iwasaki
jcfresume2015MFG
by
Juan C Fernandez
Podsumowanie 1 semestru w klasie 0b
by
ubuntuszkola
PopZ News-Friday February 12 2016
by
Rick Gallagher
IC_PREDSTAVITEV
by
Martin Žvanut
BookazineBits Thursday February 4 2016
by
Rick Gallagher
PopZ News-Friday February 5 2016
by
Rick Gallagher
Personlig Effektivitet afsnit 1
by
Lasse Karlberg
Module 00 Course Introduction
by
IPAC-IAPC
Bookazine's GNOV Bestseller List (February 5 2016)
by
Rick Gallagher
Module 11 Engagement and Divide
by
IPAC-IAPC
Kryssi - Talvitreeni 29032015
by
Oliver Kuustonen
Kebiasaan bernalar
by
gampangmain
Final Document
by
George Playford
Asm steel brochure
by
Ali Sajid
Asm steel brochure
by
Ali Sajid
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
1.
request-specを利用して いい感じにモックデータを作って フロントエンド開発を楽にしたい! @joe-re
2.
twitter: @joe_re github: @joe-re -
名前: じょー - freeeという会社で働いています - つい最近までクラウド会計やってました - 今はクラウド給与やってます
4.
昨今のフロントエンド開発
5.
SPAの台頭 WebAPI全盛期
6.
増える学習コスト
7.
はっきりするサーバサイドと クライアントサイドの境界線
8.
サーバ側は REST APIを提供してくれ
9.
そっから先は俺に任せとけ (最高のユーザ体験を 提供してやんよ!)
10.
ともすれば分業 (するかどうかは現場の 状況や人によるけど)
11.
サーバレスでも クライアントサイドは動く
12.
そんな状況において フロントエンド開発を助ける automock というGemを作りました • https://github.com/joe-re/automock
13.
Inspired by autodoc! https://github.com/r7kamura/autodoc
14.
提供する機能 • サーバサイドのrequest-specからレスポンスを モック用のデータとして抽出する • 抽出したデータを返却するプロキシーを起動 (サーバサイドのレスポンスを奪い取る) •
モックデータを適用するかどうかはWebViewで 操作可能
15.
デモ
16.
想定しているユースケース • サーバのREST APIはもうできてて、 クライアントも作りたいんだけど、 サーバ側のデータ作るの面倒だなぁー •
特定のリクエストの時に、 クライアントサイドがどう動くか確かめたい なー
17.
それ、automockを使えば ボタンぽちぽちするだけで できますよ(どや) ※ただしテストちゃんと書いている場合に限る
18.
既存のモックサーバツールと 比べた時のメリット
19.
実装とモックデータが 乖離しない!!
20.
モックデータの メンテナンスの必要なし!!
21.
テストを書く モチベーションの向上!!
22.
まだまだ全然ダメな点 • request-specから抽出したデータを、少しだけ 変えたい場合もあるよね? • ファイル内容WebView上で確認できないの 不便じゃね? •
同じAPI Pathの違うレスポンスのデータは どうするの?
23.
すみません、 近日中にどうにかします
24.
(時間があれば) jsの実装の話
25.
使ったFWとかライブラリとか • フロント gulp, browserify,
babel6, react, redux • サーバ express, http-proxy, sequelize, babel6 • テスト mocka, supertest, power-assert
26.
ノンブロッキングIO、 Rails脳で挑むと かなりのストレス
27.
例えばこんなコード
28.
うむ、分からん
29.
時代はasync/awaitだ!
30.
一気に分かりやすくなった! ٩( ‘ω’ )و
31.
おわり
Download