![require 'net/http'
require 'cgi'
require 'rexml/document'
class Onsen
attr_accessor :address, :name, :id
KEY = 'phe11375af71ba'
URL = 'http://jws.jalan.net/APICommon/OnsenSearch/V1/?'
def self.?nd(params)
results = []
get(params).elements.each('Results/Onsen') do |el|
results << Onsen.new(el.elements["OnsenID"].text, el.elements["OnsenName"].text, el.elements
["OnsenAddress"].text)
end
results
end
def self.url(params)
params[:key] = KEY
URI.parse(URL+((params.map { |key,value| "#{key}=#{CGI::escape(value.to_s)}"}).join('&')))
end
def self.get(params)
REXML::Document.new(Net::HTTP.get(url(params)))
end
def initialize(id, name, address)
@id, @name, @address = id, name, address
end
end](https://image.slidesharecdn.com/how-to-build-1-hour-mashup-site4740/85/How-to-build-1-hour-mashup-site-82-320.jpg)
![class OnsenController < ApplicationController
def index
@map = GMap.new("map_div")
@map.control_init :large_map => true, :map_type => true
@map.center_zoom_init([42.808783,140.684566], 11)
end
end](https://image.slidesharecdn.com/how-to-build-1-hour-mashup-site4740/85/How-to-build-1-hour-mashup-site-95-320.jpg)
![irb> niseko = Geocoding.get(‘ニセコ駅’)
irb> niseko.?rst.latlon
=> [40.34575, -3.816734]](https://image.slidesharecdn.com/how-to-build-1-hour-mashup-site4740/85/How-to-build-1-hour-mashup-site-107-320.jpg)
![class OnsenController < ApplicationController
def index
@map = GMap.new("map_div")
@map.control_init(:large_map => true, :map_type => true)
@map.center_zoom_init([42.808783,140.684566], 11)
Onsen.?nd(:count => 10, :s_area => '010802').each do |o|
marker = GMarker.new(
o.latlon, :title => o.name,
:info_window => render_to_string(:partial => 'point', :locals
=> { :onsen => o }))
@map.overlay_init(marker)
end
end
end](https://image.slidesharecdn.com/how-to-build-1-hour-mashup-site4740/85/How-to-build-1-hour-mashup-site-112-320.jpg)
How to build 1 hour mashup site
- 3. ↓Macbook pro
- 10. 音楽用语
- 11. 搁别尘颈虫との违い
- 16. 携帯と地図の惭补蝉丑耻辫
- 19. 元道庁の黒田さん
- 20. Sun × RECRUIT Mash Up Award 最優秀賞 出張JAWS
- 22. 今日は来られない らしい
- 23. 残念!
- 24. 惭补蝉丑耻辫とは
- 25. アプリケーションの 再構築
- 26. 昔は無理矢理 やっていた
- 27. 贬罢惭尝解析して???
- 32. なんで？
- 33. ビジネスモデルの変化
- 39. 大别すると3种类
- 40. データ系
- 42. データを公开
- 43. ここの部分が多い
- 45. 処理系
- 48. 表示系
- 50. 色々なデータを表示 する基盤
- 53. 既存の手法と同じ
- 54. PHP, Perl, Ruby, Java....
- 57. 救世主
- 60. 搁补颈濒蝉2.0から标準添付
- 63. Rails 対 Rails にしか 使えない
- 64. 别の方法を考えよう
- 65. さてMashupで 何を作る？
- 67. YMOZE-Yさんの リクエスト
- 69. これをマッピング
- 70. どっから初めるかな
- 71. まずは温泉情報を 持ってこよう
- 72. 础笔滨のページを読む
- 74. API使うには 登録がいる
- 77. 齿惭尝で帰ってくる
- 80. 搁补颈濒蝉を使えば一発！
- 81. とは行かない???
- 82. require 'net/http' require 'cgi' require 'rexml/document' class Onsen attr_accessor :address, :name, :id KEY = 'phe11375af71ba' URL = 'http://jws.jalan.net/APICommon/OnsenSearch/V1/?' def self.?nd(params) results = [] get(params).elements.each('Results/Onsen') do |el| results << Onsen.new(el.elements["OnsenID"].text, el.elements["OnsenName"].text, el.elements ["OnsenAddress"].text) end results end def self.url(params) params[:key] = KEY URI.parse(URL+((params.map { |key,value| "#{key}=#{CGI::escape(value.to_s)}"}).join('&'))) end def self.get(params) REXML::Document.new(Net::HTTP.get(url(params))) end def initialize(id, name, address) @id, @name, @address = id, name, address end end
- 83. これで础笔滨を使える
- 84. ちょっと読めないよね
- 85. 详细は奥别产で！
- 86. ニセコの温泉リストを 取り出す
- 87. irb> puts Onsen.?nd(:count => 10, :s_area => '010802').map{|o| o.name}.join(',') =>いわない温泉,雷電温泉,朝日温泉,ニセコワイス高原温泉?(ニセ コ),ワイス温泉?(ニセコ),ひらふ温泉?(ニセコ),ニセコアンヌプリ 温泉?(ニセコ),ニセコ昆布温泉?(ニセコ),ニセコ薬師温泉...
- 88. こっちはマシ
- 91. YM4R/GM
- 93. $ rails onsen -d sqlite3 $ cd onsen $ script/plugin install svn://rubyforge.org/var/svn/ym4r/Plugins/GM/trunk/ym4r_gm $ ./script/generate controller onsen index
- 95. class OnsenController < ApplicationController def index @map = GMap.new("map_div") @map.control_init :large_map => true, :map_type => true @map.center_zoom_init([42.808783,140.684566], 11) end end
- 96. <html> <head> <%= GMap.header %> <%= @map.to_html %> </head> <body> <%= @map.div(:width => 600, :height => 400) %> </body> </html>
- 97. これだけで地図表示
- 101. じゃらんAPIでは 住所しか持ってない
- 102. そこで ジオコーディング
- 103. 住所から緯度経度を 割り出す
- 105. YM4R/GMを使えば それも楽々
- 106. ニセコ駅の緯度経度 を調べる
- 107. irb> niseko = Geocoding.get(‘ニセコ駅’) irb> niseko.?rst.latlon => [40.34575, -3.816734]
- 108. Onsenクラスにコレを くっつける
- 111. これを地図に 放り込む
- 112. class OnsenController < ApplicationController def index @map = GMap.new("map_div") @map.control_init(:large_map => true, :map_type => true) @map.center_zoom_init([42.808783,140.684566], 11) Onsen.?nd(:count => 10, :s_area => '010802').each do |o| marker = GMarker.new( o.latlon, :title => o.name, :info_window => render_to_string(:partial => 'point', :locals => { :onsen => o })) @map.overlay_init(marker) end end end
- 113. 吹き出しの贬罢惭尝も
- 114. <div><strong><%=h onsen.name %></strong></div> <div><%=h onsen.address %></div>
- 115. できあがり
- 117. つまらない???
- 118. 温泉の写真も贴ろう
- 119. 写真と言えば Flickr
- 121. もちろん奥别产础笔滨公开
- 122. Ruby用バインドも 複数公開
- 123. $ cd lib $ wget http://redgreenblu.com/?ickr/?ickr.rb $ vi ?ickr.rb # 57行目のAPIKEYを変更 $ cd ..
- 124. 試しに五色温泉の 写真を取得
- 125. irb> ?ickr = Flickr.new irb> photo = ?ickr.photos(:text => ‘ニセコ五色温泉’).?rst irb> photo.source('Thumbnail') =>http://farm1.static.?ickr.com/136/328193836_725a658789_t.jpg
- 126. これもOnsenクラスに いれちゃう
- 127. class Onsen ～中略～ def photo(size='Thumbnail') Flickr.new.photos(:text => @name.gsub (/（.*/,'')).?rst.source(size) end end
- 128. これで写真も 取得できちゃう
- 129. 最後にこれを マッピング
- 130. <div><strong><%=h onsen.name %></strong></div> <div><%=h onsen.address %></div> <%= image_tag(onsen.photo.source(‘Thumbnail’)) rescue ‘No photo’ %>
- 131. これで吹き出しに 写真が出た
- 133. 写真合ってない???
- 134. ひとまずこれで完成
- 135. 不満点が沢山
- 136. 遅い！
- 137. キャッシュで改善
- 138. ニセコ以外は？
- 139. 選べるように しましょう
- 140. コメントとかは？
- 141. 补肠迟蝉冲补蝉冲肠辞尘尘别苍迟补产濒别で
- 142. 携帯は？
- 143. 箩辫尘辞产颈濒别で