際際滷
Submit Search
How to build 1 hour mashup site
?
2 likes
?
2,092 views
Yuichiro MASUI
1 of 145
Download now
Downloaded 86 times
More Related Content
How to build 1 hour mashup site
1.
1rgで恬る マッシュアップ 幄塀氏芙ワイズノット 小 俛匯隻
3.
◎Macbook pro
4.
◎Macbook pro Not 契邦
5.
1rg參貧かけてたら ゆだっちゃう
6.
檎温庄鉛壊聞ったことある繁
7.
徭蛍でMashup したことある繁
8.
サイトなんかも 巷_しちゃってる繁
9.
Mashup マッシュアップ
10.
咄S喘囂
11.
檎艶馨庄恰との離い
12.
爆をいじったり くっつけるのが Remix
13.
梧~はこっち メロディ`はあっちで Mashup
14.
、欧襪世韻犬磴覆 笋┐襪世韻犬磴覆
15.
いろんなサイトを ごちゃまぜにしちゃえ
16.
亊。と仇蹐硫儔慌鞄顎沿
18.
gは暴なんかより 嗤兆なMashupな繁が 臼今祇にいる
19.
圷祇リの\弥さん
20.
Sun 〜 RECRUIT
Mash Up Award 恷倔p 竃JAWS
22.
書晩は栖られない らしい
23.
火廷!
24.
珂温壊鞄顎沿とは
25.
アプリケ`ションの 壅B
26.
劣はo尖文尖 やっていた
27.
堰意珂晦盾裂して???
28.
徭蛍で聞う蛍には 措いけど巷_できない
29.
いまでもAPI巷_して ないサイトのデ`タを 聞うときにやる
30.
デ`タが凋 拱屬吠垢錣擦襪覆鵑 もってのほか
31.
でもWeb2.0r旗は サイト箸ある殻業 徭喇にデ`タや システムを聞わせてくれる
32.
なんで
33.
ビジネスモデルの篁
34.
デ`タを譴まzんでも Q署する圭隈がない
35.
でもトラフィックは レ御で署になる
36.
サイトにTГ垢襪燭 デ`タを聞おう
37.
その聞わせてくれる 笥がWebAPI
38.
弼?なWebAPIが 戻工されてきている
39.
寄艶すると3嶽窃
40.
デ`タ狼
41.
RSS Amazon Web Service ホットペッパ` Google碧 じゃらんnet
42.
デ`タを巷蝕
43.
ここの何蛍が謹い
44.
屡贋にデ`タを 隔っているところは 否叟に婢_できる
45.
I尖狼
46.
スクリ`ンショット 侘B殆盾裂 テキスト★MP3Q
47.
デ`タを誘げると 採らかのI尖を してくれる
48.
燕幣狼
49.
Google Maps NIFTY Timeline べつやくメソッドAPI
50.
弼?なデ`タを燕幣 する児P
51.
ほとんどのAPIは MVCのMやVに犁
52.
Controllerを どうやって恬る
53.
屡贋の返隈と揖じ
54.
PHP, Perl, Ruby,
Java....
55.
ちゃんと恬ると 掲揖豚I尖が謹く PHPは音旋
56.
そこで厘らが Ruby on Rails
57.
照弊麼
58.
さすがはWeb2.0狼 フレ`クワ`ク
59.
WebAPIをSにする ActiveResource
60.
檎温庄鉛壊2.0から炎別躙
61.
でもRails2.0が いつ竃るかはi
62.
しかし粥界岳庄厩艶檎艶壊看顎姻界艶は
63.
Rails Rails
にしか 聞えない
64.
艶の圭隈を深えよう
65.
さてMashupで 採を恬る
66.
書晩のお}は 仝臼今祇梁畑マップ々
67.
YMOZE-Yさんの リクエスト
68.
じゃらんが梁畑秤 をWebAPIで巷_
69.
これをマッピング
70.
どっから兜めるかな
71.
まずは梁畑秤鵑 隔ってこよう
72.
粥永鴛のペ`ジをiむ
74.
API聞うには 鞠hがいる
75.
APIキ`をもらったら URLを澣くだけ
76.
http://jws.jalan.net/APICommon/ OnsenSearch/V1/? key=&l_area=010802 &count=1&xml_ptn=1
77.
掛珂晦で「ってくる
79.
これをプログラムで ごにょごにょ???
80.
檎温庄鉛壊を聞えば匯k
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.
ちょっとiめないよね
85.
袁犬楼賊隹で
86.
ニセコの梁畑リストを 函り竃す
87.
irb> puts Onsen.?nd(:count
=> 10, :s_area => '010802').map{|o| o.name}.join(',') =>いわない梁畑,跡梁畑,劾晩梁畑,ニセコワイス互圻梁畑?(ニセ コ),ワイス梁畑?(ニセコ),ひらふ梁畑?(ニセコ),ニセコアンヌプリ 梁畑?(ニセコ),ニセコ瀬下梁畑?(ニセコ),ニセコa梁畑...
88.
こっちはマシ
89.
このリストを Google Mapに秘れる
90.
こっちはRubyの ライブラリがある
91.
YM4R/GM
92.
GoogleMaps APIを Railsで聞うライブラリ
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
94.
さっきのOnsenクラスは lib/onsen.rbに隠贋
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.
これだけで仇躅輅
99.
これにじゃらんで ゲットした梁畑を ピンで嬉つ
100.
Google Mapsでピンを 嬉つには業U業が 駅勣
101.
じゃらんAPIでは 廖侭しか隔ってない
102.
そこで ジオコ`ディング
103.
廖侭から業U業を 護り竃す
104.
これもGoogle Maps API の匯つ
105.
YM4R/GMを聞えば それもS?
106.
ニセコkの業U業 を{べる
107.
irb> niseko =
Geocoding.get(`ニセコk¨) irb> niseko.?rst.latlon => [40.34575, -3.816734]
108.
Onsenクラスにコレを くっつける
109.
class Onsen ゛嶄待゛ def latlon Geocoding.get(@address).?rst.latlon end end
110.
これで2つのAPIを あっさりMashup
111.
これを仇蹐 慧りzむ
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.
音叉磴g表
136.
Wい
137.
キャッシュで個鋲
138.
ニセコ參翌は
139.
xべるように しましょう
140.
コメントとかは
141.
温界岳壊喝温壊喝界看馨馨艶稼岳温恢鉛艶で
142.
亊。は
143.
逮沿馨看恢庄鉛艶で
144.
これを個鋲して 徭蛍梁畑仇蹐 恬りませんか
145.
スライドとソ`スは http://blog.masuidrive.jp/
Download