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
CitiBike Finder
Search
kylefdoherty
July 23, 2014
Programming
0
68
CitiBike Finder
Building a Sinatra App with CitiBike's JSON Station feed and the Google Maps API
kylefdoherty
July 23, 2014
Tweet
Share
More Decks by kylefdoherty
See All by kylefdoherty
Getting Started Testing
kylefdoherty
0
100
Going Pro
kylefdoherty
0
51
Other Decks in Programming
See All in Programming
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
110
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
860
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
530
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
300
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.6k
Design Foundational Data Engineering Observability
sucitw
3
200
今から始めるClaude Code入門〜AIコーディングエージェントの歴史と導入〜
nokomoro3
0
180
Reading Rails 1.0 Source Code
okuramasafumi
0
230
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Automating Front-end Workflow
addyosmani
1370
200k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Navigating Team Friction
lara
189
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Typedesign – Prime Four
hannesfritz
42
2.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Unsuck your backbone
ammeep
671
58k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Transcript
Citi Bike Finder Amy Johnson & Kyle Doherty
Dock Blocked
Blue Biked
None
Requested Solution Trip planner that suggests starting and end locations
based on historical data
Realistic Goals Sinatra using Citi Bike JSON Feed Search for
nearby stations Google Maps API for directions
Demo
JSON JSON Parser HTTParty Object
JSON Parser Station (Geocoder gem) Station Builder
Controller Station (Geocoder gem) Name & Location
Controller Station (Geocoder gem) Name & Location - Station Name
- Location Station Refresher - # of Bikes - # of Docks
- Station Name - Location - # of Bikes -
# of Docks
Directions with the Google Maps API
What You Need... 1. Directions Renderer Object • new google.maps.DirectionsRenderer();
2. Directions Service Object • new google.maps.DirectionsService();
Directions Renderer • new google.maps.DirectionsRenderer(); views/stations/directions.erb
Directions Service • new google.maps.DirectionsService(); views/stations/directions.erb
Directions Renderer • new google.maps.DirectionsRenderer();
Next Steps Rails App Write Tests & Refactor Create prediction
model Optimize DB calls Use caching to speed up responses
Amy Johnson - github.com/amyrjohnson Kyle Doherty - github.com/kylefdoherty Project Repo
- github.com/kylefdoherty/citi-bike-search