<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>橋本商会 &#187; KML</title>
	<atom:link href="http://shokai.org/blog/archives/tag/kml/feed" rel="self" type="application/rss+xml" />
	<link>http://shokai.org/blog</link>
	<description>なんか作ったりした記録を忘れないうちに書くblog</description>
	<lastBuildDate>Mon, 06 Feb 2012 13:32:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com/" />
			<item>
		<title>GoogleEarth上でFlickrの位置情報付き写真を見れるサービスを作った</title>
		<link>http://shokai.org/blog/archives/1533</link>
		<comments>http://shokai.org/blog/archives/1533#comments</comments>
		<pubDate>Wed, 07 May 2008 19:31:39 +0000</pubDate>
		<dc:creator>shokai</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[GoogleEarth]]></category>
		<category><![CDATA[KML]]></category>
		<category><![CDATA[Rails]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Tech]]></category>

		<guid isPermaLink="false">http://shokai.org/blog/?p=1533</guid>
		<description><![CDATA[blogを書けなくて(MTが再構築できなくて)もう1ヶ月ぐらい前に作ったものになるけど、春休みにRuby on Railsのお勉強をしていて、その最終成果物としてGoogleEarth上でFlickrのGeoTag付き写 [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>blogを書けなくて(MTが再構築できなくて)もう1ヶ月ぐらい前に作ったものになるけど、春休みにRuby on Railsのお勉強をしていて、その最終成果物として<a href="http://shokai.mag.keio.ac.jp/geophoto/">GoogleEarth上でFlickrのGeoTag付き写真を見れるサービス</a>を作ったのでまとめておく。</p>
<p>ついでに、緯度経度でFlickrの写真を検索できるAPIも公開してある。</p>
<p><a title="screen-capture.png by shokai, on Flickr" href="http://www.flickr.com/photos/shokai/2406826369/"><img src="http://farm4.static.flickr.com/3062/2406826369_dccc4835cf.jpg" alt="screen-capture.png" width="500" height="333" /></a></p>
<p>■実装方法<br /><br />
１．Flickrのタグ検索で、geotagが付いている写真を定期的にクロールしてきて、写真のURL、緯度経度をRailsのDBに溜める（photo modelに溜める）<br /><br />
２．GETパラメータで緯度経度をRailsに渡して、photo modelを検索する<br /><br />
３．検索結果をGoogleEarthで表示できるように、kml出力のViewを作る<br /><br />
４．GoogleEarthで視点が変わる毎にサーバーに問い合わせて、返ってきたkmlを表示するkmlを作る<br /><br />
５．mongrelでRailsを動かして、apache2のmod_proxy_balancerでRailsのURLをサブディレクトリに見せかける</p>
<p>こんな感じで。一番時間がかかったのが１のクローラの実装で、これは俺がRuby初心者すぎて2日ぐらいかかった。あとは、デンマーク行きの飛行機と帰りの空港からのバスでやったので5時間ぐらい。この辺は、データを溜めて、クライアントからのリクエストに基づいてフォーマットを決めて吐き出す部分が最初からできてるRailsのおかげ。</p>
<p>■１．geotag付き写真クローラ<br /><br />
まずFlickrはタグ検索ができるけど、数値じゃなくて「〜〜を含む文字列」としてしか検索できないので、例えば「北緯35度東経135度周辺の写真が欲しい」という時は使えない。なので、あらかじめメタデータを集めておいて、数値として範囲を指定して検索できるようにしておく。</p>
<p>geotagは小数点ありの値（geo:lat=35.2341など）なんだけど、普通にgeo:latやgeo:lonを含む写真一覧をFlickr APIから検索しても小数点無しのタグしか手に入らない。<br /><br />
小数点ありのタグを手に入れるために、Net::FlickrでFlickrAPIからタグ検索して、<br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080312/1205309919">Net::Flickrで全public photoからタグ検索 &#8211; shokaiの日記</a><br /><br />
&#8220;geotagged&#8221;タグを含む写真をリストアップして、それから再度photo_idを使ってFlickrAPIのphotos.getInfoメソッドを使ってtagのraw attributeを見なければならなかった。<br /><br />
→ <a href="http://shokai.org/blog/archives/1507">s.h.log  RubyでFlickr APIのphotos.getInfoを呼ぶ</a></p>
<p>クローラ自体はRailsで実装されていなくて、ActiveRecordだけを使ってcronで1時間毎に実行されている。<br /><br />
→ <a href="http://shokai.org/blog/archives/1504">s.h.log  RailsなしでActiveRecordだけ使って、SQLiteを読み書きする</a><br /><br />
SQLiteのファイルがRailsと共有されているだけ。今回は、Rails側からの書き込みが無いので特に問題は起こらないだろうと判断した。</p>
<p>いまのところ10万枚の写真が集まった。SQLiteのファイルが欲しい人はあげます。</p>
<p>あと、クローラは連続でHTTPアクセスするとFlickrに悪い気がするので、適当にsleepを入れてみてるんだけど、そうすると実行に結構時間がかかる。これが、クローラを作って動かして直して作って…と繰り返す時に面倒だったが、和田さんに言われてscreenをデタッチ/アタッチするという技を覚えた。デタッチしておくと、sshを切断してもクローラが止まらなくて、アタッチしたら普通に続きからできる（もしくは結果が出てる）screenはクローラ作ってるときに重要。</p>
<p>■２．緯度経度をGETパラメータでRailsに渡して検索する</p>
</p>
<blockquote><p><p>photos.kml?lat=35&#038;lon=135&#038;size=thumb</p></p></blockquote>
<p>
<p>みたいな形式で、パラメータを渡してDBに溜めた写真を検索する。</p>
<p>→ <a href="http://d.hatena.ne.jp/shokai/20080408/1207638037">KMLを全部出すと多すぎたので、緯度経度を指定してその周囲の写真だけ出す &#8211; shokaiの日記</a><br /><br />
paramsで受け取れる。パラメータ名はシンボルになっているので注意。<br /><br />
controllerで、ActiveRecord::Baseのfind_by_sqlメソッドで普通に検索。（この方法だと四角い。PostgreSQLやMySQLの空間型を使えば丸くできるらしいがとりあえずSQLiteでやる）<br /><br />
そしてmodelの配列をViewに渡してやる。</p>
<p>■３．検索結果をGoogleEarthで表示できるように、kml出力のViewを作る<br /><br />
kml形式のviewを作る。views/photos/index.html.erb を参考にして、index.kml.erbを作ればok<br /><br />
mime-typeにkmlを追加しておく必要があった。<br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080403/1207179775">flickrのgeotagついてる写真を収集してたので、kml出力するようにした &#8211; shokaiの日記</a></p>
<p>結果は巨大なkmlになるので、Rails標準搭載のWEBrickだときつい。でかいときはhttpサーバーをmongrelに換える。<br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080331/1206925058">MongrelでRailsをデプロイ &#8211; shokaiの日記</a><br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080331/1206926410">apache2のサブディレクトリをmongrelで起動してるrailsにプロキシする &#8211; shokaiの日記</a></p>
<p>■４．GoogleEarthで移動する毎に検索するkmlを作る<br /><br />
GoogleEarthの表示を作っているkmlは、静的な表示だけでなく、NetworkLinkタグで別のKMLの内容をURLを指定して読み込める。さらにViewRefleshModeをonStopにすると、画面の移動が止まった時に再読み込みできる。<br /><br />
再読込時に、視点の緯度経度を[lookatLat][lookatLon]で取得できるので、</p>
</p>
<blockquote><p><p>lat=[lookatLat]&amp;lon=[lookatLon]</p></p></blockquote>
<p>
<p>としてNetworkLinkで読み込むkmlのURLの後ろにくっつけてやる事で、GETパラメータになる。<br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080408/1207638324">GoogleEarthで表示している場所の緯度経度から検索する &#8211; shokaiの日記</a></p>
<p>■５．mongrelでRailsを動かして、apache2のサブディレクトリに見えるようにする<br /><br />
デプロイ。<br /><br />
４まではMac OSX上でやって、ここからは<a href="http://d.hatena.ne.jp/shokai/20080218">大学院棟に置いたUbuntu</a>に移し替えた。RailsをSQLite+Mongrel環境で動かして、URLをapacheで隠すようにすると、Railsプロジェクトのディレクトリをそのまま移し替えるだけでほぼ動くので超楽。</p>
<p>→ <a href="http://d.hatena.ne.jp/shokai/20080408/1207647644">Flickrのgeotag写真を検索する &#8211; shokaiの日記</a><br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080331/1206926410">apache2のサブディレクトリをmongrelで起動してるrailsにプロキシする &#8211; shokaiの日記</a><br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080331/1206925058">MongrelでRailsをデプロイ &#8211; shokaiの日記</a><br /><br />
→ <a href="http://d.hatena.ne.jp/shokai/20080329/1206763523">Mongrel入れる &#8211; shokaiの日記</a></p>
<p>&#8212;&#8212;&#8212;&#8211;</p>
<p>こんな感じで、クローラの実装と、バックエンドのサービスとしてAPIを吐くためのRails、というのを覚えた。<br /><br />
今まで戦略的に「長い時間をかけたインタラクション」をするモノや、「データを共有した複数のモノと人とのインタラクション」を作る事を避けていたんだけど（ややこしくてプロトタイピングできないものは作らない方針なので）<br /><br />
Rails使うとサクサクとこのぐらいまではいけるようになったので、自分の得意なフィジカルなデバイス作成と合体させて何か新しい物を作る予定。</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1533/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

