Recomendados
Más contenido relacionado
Más de Yuichiro MASUI
Más de Yuichiro MASUI (14)
Último
Último (9)
How to build 1 hour mashup site
- 3. ↓Macbook pro
- 10. 音楽用語
- 11. Remixとの違い
- 16. 携帯と地図のMashup
- 19. 元道庁の黒田さん
- 20. Sun × RECRUIT Mash Up Award 最優秀賞 出張JAWS
- 22. 今日は来られない らしい
- 23. 残念!
- 24. Mashupとは
- 25. アプリケーションの 再構築
- 26. 昔は無理矢理 やっていた
- 27. HTML解析して・・・
- 32. なんで？
- 33. ビジネスモデルの変化
- 39. 大別すると3種類
- 40. データ系
- 42. データを公開
- 43. ここの部分が多い
- 45. 処理系
- 48. 表示系
- 50. 色々なデータを表示 する基盤
- 53. 既存の手法と同じ
- 54. PHP, Perl, Ruby, Java....
- 57. 救世主
- 60. Rails2.0から標準添付
- 63. Rails 対 Rails にしか 使えない
- 64. 別の方法を考えよう
- 65. さてMashupで 何を作る？
- 67. YMOZE-Yさんの リクエスト
- 69. これをマッピング
- 70. どっから初めるかな
- 71. まずは温泉情報を 持ってこよう
- 72. APIのページを読む
- 74. API使うには 登録がいる
- 76. http://jws.jalan.net/APICommon/ OnsenSearch/V1/? key=**********&l_area=010802 &count=1&xml_ptn=1
- 77. XMLで帰ってくる
- 80. Railsを使えば一発！
- 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.find(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. これでAPIを使える
- 84. ちょっと読めないよね
- 85. 詳細はWebで！
- 86. ニセコの温泉リストを 取り出す
- 87. irb> puts Onsen.find(: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.first.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.find(: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. 吹き出しのHTMLも
- 114. <div><strong><%=h onsen.name %></strong></div> <div><%=h onsen.address %></div>
- 115. できあがり
- 117. つまらない・・・
- 118. 温泉の写真も貼ろう
- 119. 写真と言えば Flickr
- 121. もちろんWebAPI公開
- 122. Ruby用バインドも 複数公開
- 123. $ cd lib $ wget http://redgreenblu.com/flickr/flickr.rb $ vi flickr.rb # 57行目のAPIKEYを変更 $ cd ..
- 124. 試しに五色温泉の 写真を取得
- 125. irb> flickr = Flickr.new irb> photo = flickr.photos(:text => ‘ニセコ五色温泉’).first irb> photo.source('Thumbnail') =>http://farm1.static.flickr.com/136/328193836_725a658789_t.jpg
- 126. これもOnsenクラスに いれちゃう
- 127. class Onsen ∼中略∼ def photo(size='Thumbnail') Flickr.new.photos(:text => @name.gsub (/（.*/,'')).first.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. acts_as_commentableで
- 142. 携帯は？
- 143. jpmobileで