クレコ » iPhone

iPhone OS 3.0 のブラウザから使えるようになったGPS現在位置情報をTwitterに投稿するJavaScript

inagaki — Wed, 17 Jun 2009 13:09:47 +0000

Google Maps API V3 と Gears Geolocation API 使って Android のブラウザで現在位置情報を取得する | クレコでは、Androidのブラウザで現在位置情報取得してTwitterにポストするというJavaScriptを作りました。

今回は、それのiPhone版です。要 iPhone OS 3.0以上なので、まだアップデートされてない方は本日のアップデートを楽しみに待ちましょう。

iPhone OS 3.0 のブラウザ Mobile Safari でGPS現在位置情報が取得できるようになった

Mobile Safari の W3C Geolocation API 対応

ついに iPhone Safari ブラウザから位置情報を取得できるようになります – Cirius Lab. ブログから知ったのですが、iPhone OS 3.0 に標準搭載されているブラウザ Mobile Safari が W3C の Geolocation API に対応して、ブラウザから JavaScript を用いることによって、GPSの現在位置情報を取得することが可能になりました。

これによって、いままでネイティブアプリでしかできなかったことが、簡単に敷居なく実装することが可能です。

W3CのGeolocation API って？

Geolocation API Specification
W3Cで標準化を進めている、位置情報を取得するためのAPI使用のことです。

位置情報を取得するメソッドには、getCurrentPosition() と watchPosition() があり、前者は現在の位置情報を取得するメソッド、後者は連続した位置情報を取得するメソッドとなっています。

つまり、従来の携帯電話ではできなかった、連続した位置情報を扱うGPSトラッキングなどもJavaScriptを記述するだけで実現できるのです！

実際に現在位置情報をTwitterへポストするJavaScriptを作ってみた

JavaScript ソース



"viewport" content="initial-scale=1.0, user-scalable=no" />
"content-type" content="text/html; charset=UTF-8"/>
GeoPo : Mobile Safari



"margin:0px; padding:0px;">
"map_canvas" style="width: 100%; height: 100%;">

前回の数倍丁寧に解説

前回のAndroid版では説明が省略されすぎて、説明になってなかった反省を踏まえて丁寧に解説。

HTML

前回と同様、Google Maps API V3 を使います。

"viewport" content="initial-scale=1.0, user-scalable=no" />

これは、iPhoneのためのmeta要素です。地図上でピンチイン、ピンチアウトを使った拡大縮小できるように、user-scalableはnoにして、HTMLでの拡大縮小はできなくしてます。

Google Maps API V3のJavaScript読み込みですが、位置情報を取得できるデバイスではsensorパラメータをtrueにします。

"margin:0px; padding:0px;">
"map_canvas" style="width: 100%; height: 100%;">

divタグで地図を表示する領域を作成、めいっぱいにするため、縦横100%にし、bodyタグでは余白をなしにするCSS。

うん、丁寧な説明ですね。

GeoPoエンコードライブラリ

ジオポ – 位置情報を短縮して使いやすく

GeoPo（ジオポ）というのは、私が作成したWebサービスで。

ジオポは位置情報を表す緯度・経度を短縮したURLに変換し、受け取る側のブラウザに合わせた地図を表示するウェブサービスで、会員登録なしに誰でも無料で利用できます。

という、Twitterに位置情報を付加したいときに使うといいよ！的なサービス。詳しくは、ジオポの特徴や開発者向け情報を見てね。よかったら、実装してください。

ソース上では、

/*
 * GeoPo Encode in JavaScript
 * @author : Shintaro Inagaki
 * @param location (Object)
 * @return geopo (String)
 */
function geopoEncode(location){
    // 64characters (number + big and small letter + hyphen + underscore)
    var chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_";

    var geopo = new String();
    var lat = parseFloat(location.lat); // Parse as float
    var lng = parseFloat(location.lng); // Parse as float
    var scale = parseInt(location.scale); // Parse as int

    // Change a degree measure to a decimal number
    lat = (lat + 90) / 180 * Math.pow(8, 10);
    lng = (lng + 180) / 360 * Math.pow(8, 10);

    // Compute a GeoPo code from head and concatenate
    for(var i = 0; i < scale; i++) {
        geopo = geopo + chars.substr(Math.floor(lat / Math.pow(8, 9 - i) % 8) + Math.floor(lng / Math.pow(8, 9 - i) % 8) * 8, 1);
    }
    return geopo;
}

という GeoPoエンコードライブラリ部分と、

    // geopo
    var location = new Object();
    location.lat = lat;
    location.lng = lng;
    location.scale = 7;
    var geopo = geopoEncode(location);

呼び出し部分。

lat：緯度、lng：経度、scale：縮尺を渡して、geopoというジオポコードの文字列が返ってくる。

位置情報の取得制御

W3CのGeolocation APIを使って、現在位置情報を取得する。

function startUpdate() {
    watchId = navigator.geolocation.watchPosition(update);
}

function stopUpdate() {
    navigator.geolocation.clearWatch(watchId);
}

startUpdate();

ここでは、watchPosition() を使う。というのも、iPhoneでは getCurrentPosition() がうまく動かなかった。また、最初の1回だけの位置情報取得では位置情報の精度がかなり荒いので、連続して取得し精度が高くなった段階で、その位置情報を採用するという形にしたかったというのもある。

ここで、startUpdate() と stopUpdate() とわざわざ関数にしているのは、後々に取得動作の制御したいためです。

位置情報の加工と地図の表示

位置情報が取得できたときに呼ばれる update() では、位置情報を加工して、地図を表示するようにします。

var lat;
var lng;
var latLng;
var geocoder = new google.maps.Geocoder();
var map;
var infowindow = new google.maps.InfoWindow();
var marker;
var watchId;

function update(position) {
    lat = position.coords.latitude;
    lng = position.coords.longitude;
    latLng = new google.maps.LatLng(lat,lng);

    if(!map){
        var options = {
            zoom: 15,
            center: latLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            scaleControl: true,
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), options);
    } else{
        map.set_center(latLng);
    }

    if(!marker){
        marker = new google.maps.Marker({
            position: latLng,
            map: map,
            title: "現在地",
        });
        google.maps.event.addListener(marker, 'click', function() {
            stopUpdate()
            geocoding();
        });
        google.maps.event.addListener(infowindow, 'closeclick', function() {
            startUpdate()
        });
    } else{
        marker.set_position(latLng);
    }
}

position.coords.latitude には緯度、 position.coords.longitude には経度

  interface Coordinates {
    readonly attribute double latitude;
    readonly attribute double longitude;
    readonly attribute double altitude;
    readonly attribute double accuracy;
    readonly attribute double altitudeAccuracy;
    readonly attribute double heading;
    readonly attribute double speed;
  };

他にも、altitude：高度、accuracy：水平方向の精度、altitudeAccuracy：垂直方向の精度、heading：方向、speed：速度といった属性があります。iPhone 3G S では、コンパスによって方向なども取得できるかもしれません。iPhone 3Gでは、方向には null値、速度には 0 が入るようです。

map や marker は、初回はインスタンスを生成し、2回目以降の呼び出しでは地図は中心地への移動、マーカーは位置情報取得値への書き換えを行います。

marker の初回で、イベントリスナーを作成。上のイベントは、マーカーをクリックしたら位置情報取得動作を止めて情報ウィンドウ（ geocoding() で現在位置の住所やTwitterへポストするアンカーを記載）の表示、下のイベントは、情報ウィンドウを閉じたら位置情報取得動作の再開。

ここで、位置情報の取得動作を操作してるのには次の理由があります。

情報ウィンドウが表示されるときに、位置情報が更新されて地図表示が移動されたりすると使い勝手が悪い。
位置情報の取得のたびに情報ウィンドウの中身を更新すると大変（逆ジオコーディングとか）。

情報ウィンドウの更新（逆ジオコーディング）

現在位置の住所取得（逆ジオコーディング）とジオポコードの作成、Twitterへポストするためのアンカーを情報ウィンドウの中に書き込むための処理を geocoding() でやります。

function geocoding() {
    // geopo
    var location = new Object();
    location.lat = lat;
    location.lng = lng;
    location.scale = 7;
    var geopo = geopoEncode(location);

    geocoder.geocode({'latLng': latLng}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var geocodeAddress;
            for(i=1; iif (results[i].types.length >= 2 && results[i].types[1] == "political") {
                    if(results[i].formatted_address.indexOf("日本") != -1){
                        geocodeAddress = results[i].formatted_address.substring(2);
                    }else{
                        geocodeAddress = results[i].formatted_address;
                    }
                    break;
                }
            }
            if(geocodeAddress){
                infowindow.set_content('現在地：
' + geocodeAddress + '
' L:' + geocodeAddress + ' http://geopo.at/' + geopo) + '" target="twitter">TwitterにPOSTする');
                infowindow.open(map, marker);
            } else {
                alert("現在地が取得できませんでした＞＜");
            }
        } else {
            alert("Geocoder failed due to: " + status);
        }
    });
}

前回のAndroid版とほぼ同じです（多少変えたってこと）。

逆ジオコーディングした結果で、郵便番号や道路名ってのをフィルタリングし、formatted_address には「日本」という文字が入るのが気にくわないので、「日本」を取り除いてやる。という内容。

実装して iPhone OS 3.0 で動作させてみる

実際に動作させてみる。

GeoPo : Mobile Safari ＠inagaki.co.uk に作ったものをおいたので、自由に試してみてください。ソースコードも自由に使ってください。

iPhoneでの位置情報利用の確認

初回のみSafariでの位置情報利用と、ドメイン単位での位置情報利用の確認があります。

#これ、ドメイン単位の位置情報利用確認ってリセットする方法あるんですかね？

地図と情報ウィンドウの表示

ブックマークなどからURLを読み出せば、そのまま現在位置を取得して地図を表示するという一連の動作ができます。

そして、この地図はスマートフォンに最適化された Google Maps API V3 で作成していますので、まるでネイティブアプリのような感覚でシームレスなスクロールが可能。

マーカーをクリックすることで、情報ウィンドウを表示。このときに、位置情報取得動作をストップさせて、逆ジオコーディングを行い住所を取得。

住所表示の下にある、アンカーをクリックすることで別ウィンドウが立ち上がりTwitterへ現在地情報のついたポストが行えます。

情報ウィンドウの右上の×印をクリックすれば、情報ウィンドウは非表示になり、位置情報取得取得動作を再開させます。現在地が移動した場合はリロードしなくても、情報ウィンドウの開閉だけで位置情報取得のコントロールができます。

Twitterへ現在地情報の投稿

アンカーをクリックするとTwitterの投稿のために新しいウィンドウが立ち上がります。このときに、Twitterへログインされてない場合は、ログイン画面となるので、ログインを行ってください。

また、iPhoneからTwitterを使用する場合、デフォルトではモバイル版の画面表示となっています。しかし、モバイル版の画面表示ですと、アンカーをクリックした際に伝える住所やジオポURLが反映されないので、ページ下部にある「スタンダード版で見る」をクリックし、スタンダード版でTwitterを表示させてください。

#これ、回避方法を知ってる方いましたら教えてください

スタンダード版では、いまなにしてる？のテキストエリアの中に、住所とジオポURLが反映されている状態となります。そこから、メッセージを加えたり、ジオポURLの縮尺精度変更操作を行うことができます。

感想、まとまらないまとめ

連続した位置情報が取得できるのは熱いですね！！でも、iPhoneも熱くなります＞＜

位置情報を連続取得させるのは非常にバッテリーを消費します、ほどほどにしましょう。

今までGPSロガーなどがないとGPSトラッキングできなかったのですが、それがJavaScriptだけで実現できるのは魅力的です。私もiPhone単体でできるGPSトラッキングサービスを早速作りたいと思っていますよ。

また、すでにあるGPSトラッキングサービスでも簡単（上のソースを数行いじるだけ）に実現できるので、今ココなう！(β) などの人気のあるサービスが対応すれば一気に対応端末が増えるようになるんじゃないでしょうか？位置情報を使うことの面白さがいろんな人に伝わってくれるとうれしいですね。

App Store10億ダウンロード達成したね

inagaki — Sun, 26 Apr 2009 10:55:23 +0000

って今さらなことなんだけど。24日の早朝5時30分ごろに達成。

http://creco.net/wp-content/uploads/countdown.txt

にcronでcountdown.txtを取得していたのをうｐしたので、ご自由にご利用ください。

到達予想時間のスクリプトをJavaScriptで書いたんだけど、そういえばJSはクロスドメイン制限があったって思い出してPHPでcountdown.txtの取得ラッパーを書いてるうちに、JavaScriptが無意味なことに気付いて、PHPでスクリプト書きなおしてたあたりで、予想したって無意味じゃね？って思って、めんどくさくなって投げた。

結局、エクセルでcountdown.txtを処理させたほうが遥かに効率いいし、楽。

wget -qO countdown-`date +\%Y\%m\%d-\%H`.txt http://www.apple.com/autopush/us/itunes/includes/countdown.txt

当初の予想は、

このペースだと現地時間の14時（日本時間明日4時）くらいに確実に突破。ただ、加速つくと思うので2時くらいから様子みたほうがよさそう6:16 PM Apr 23rd from Tween

だったんだけど、意外に伸びなかったね（1日のダウンロード回数が3日前とくらべると減ってる）。

そのまま、たいした加速もなくゴール。10億ダウンロードおめでとう。

#10億DLの瞬間を撮ったという動画には突っ込みいれてはいけないのかな？

iPhoneの位置ゲー、Parallel Kingdom AOGが面白い

inagaki — Tue, 07 Apr 2009 10:17:41 +0000

ジオメディアサミットに影響されてか、位置ゲーを企画して作ってみたいなって思っていた矢先。iPhone向けの面白い位置ゲー「Parallel Kingdom AOG」が熱いのでご紹介。

アップルストアでお会いした後、TwitterでFollowしたMACお宝鑑定団のdanboさんと林信行さんのTL上で展開される楽しそうなやりとりが気になり、Parallel Kingdom AOGっていうiPhoneの無料ゲームアプリをダウンロードし、速攻でプレイしてみた。

他所ではMMORPGと紹介されているようだけど、このゲームはAoE系にある資材集めの要素もあり、ひとりで黙々とやっていても楽しい。そして、何よりGPS位置情報を使った現実世界とのマップ連動で、思わずニンマリしてしまうことしばしば。

はじめてのParallel Kingdom

なにはともあれインストール。起動し、最初はアカウントを作ることになる。

メールアドレスや名前やパスワード。初期に訊かれたかどうかは覚えてないけど、Email notificationsはお知らせメールのオンオフ、SMS notificationsやPhone nomberは日本では無理なので無しでOK。

最初は親切にもチュートリアルから始まる。

基本的な操作、

移動したい場所をダブルタップで移動
Stag（鹿）をタップしてAttack（攻撃）
Leather（革）をタップしてPickup（拾う）
Tree（木）に移動してHeal（回復）
TreeをタップしてChop Down（切り倒す）
Menu（メニュー）からBuild（建設）、Flag（旗）を選び、旗を立てる
FlagをタップしてVisit Location（その場所に訪れる）
Self（自分）をタップしてEnd Tutorial（チュートリアル終了）

わかりやすい操作で誰でも簡単に覚えられる。

メニューを見てみよう

まずはメニューを開いて、どんなコマンドがあるか把握しよう。

Items（アイテム） – アイテムを使ったり、装備したり、捨てたり
Relocate（再測位） – GPS位置情報の更新。リアル場所を移動したときに使う。
Chat（チャット） – マップ上にいる人に向けてチャット。協力プレイ、トレード、招待など
Players（参加者） – 参加しているユーザーの情報、ランキング
Message/Invite（メッセージと招待） – 参加しているユーザーに向けてメッセージを送信。招待もできる
Inbox（受信箱） – メッセージやイベントの受信箱
Make（作成） – 材料を組み合わせてアイテムの作成
Build（建設） – 材料を組み合わせて旗や家の建設
Map（地図） – 地図に戻る
Setting（設定） – 設定

アイテム画面。アイテムを選択すると、アイテムに対するコマンドが出てくる。

チャットと参加者の画面。参加者の絞り込みはアクティブ・地域・全体から選べて、お金、旗の量でソートできる。

メッセージ、受信箱。

作成。Halvar’s ResinとRolly’s Serumはそれぞれ右の素材を集めれば作れる。
建設。Flag（旗）とHouse（家）。Flagは自分のテリトリーを獲得できて、Houseは寝首をおそわれず安全に休憩できるみたい。

まずは、近所に旗を立ててみよう

旗の材料を集める

旗の材料は、Leather（革）が3つとWood（木）が3つ。

LeatherはStag（鹿。上のスクリーンショットにいるモンスター）を狩って手に入れるのが一番いいだろう。近くのStagを倒し、Leatherを落とすのを拾う（落とさないときもあるよ）を繰り返して、3個ゲットする。

右下のゲージで表示されている体力が少なくなったら、Tree（木）の近くまで移動すれば自然に回復する。木は何種類もあるが、最初はDusk Tree（枯れている木。体力を奪う）には近づかないほうが無難。

Treeを手に入れるには木を切り落とす（Chop Down）必要がある。この時注意することとして、周りに怖い顔をしたTroll（トロール）がいないことを確認したほうがいい。なぜなら、木を切ったとたんにおそってくるからだ。

旗を建設する

なんとか、LeatherとWoodを3つずつ手に入れたら、旗を立てたい場所へ移動する。

旗を立てる場所も戦略的に重要なんだけど、まずは自分の家の近所に立てておけばいいだろう。

メニューのBuild（建設）からFlag（旗）を選択。そうすると、旗の周りに円状に半透明で色づけされたエリアが広がり、自分のテリトリーの完成。

いろんな遊び方があるんだろうけど、基本は旗の数を競うゲームらしい。旗を立ててから、ようやくParallel Kingdomの泥沼試合ｗがはじまるので、まずは一本立ててみよう。

泥沼試合って？

上のスクリーンショットとしたのスクリーンショットを比較してもらいたい。

実は、この場所には昨日まで僕が立てた旗があったんだけど、壊されて下のスクリーンショットみたいになっていた（神聖なナゴヤ球場のマウンドに旗を立てるとは＞＜）。

そこで、オフィス周辺のエリアは死守したい僕は、ナゴヤ球場にあった旗を攻撃し、上のスクリーンショットのように旗を立てて、エリアを確保。

こんな泥仕合が毎日繰り返される＞＜

もちろん、交渉して平和にエリアを分け合うのもありです。

このゲームのおもしろさ

ベースとなる狩猟・収拾→作成・建築→陣地の取り合いといったゲームがシンプルながら面白いのもあるけど、位置情報を利用したリアルとバーチャルの混ざり具合が上手くできてる。

というのも、ゲーム中のチャットで「中目黒のあたりに狼がいるから一緒に狩ろう」とか、リアルで会ったときに「桑名市は私のテリトリーなので旗を立てないでください」とか言われる。

僕は飽きっぽい性格なので、このゲームもすぐに飽きてしまうとは思うけど、地域でのコミュニケーションツール（攻撃的な人だと逆効果ｗ）と考えることもできるんじゃないかな。

iPhoneというデバイスを上手くいかしたこのゲーム。Android版もあるそうなので、お好きな方で是非ためしてみてください。

Parallel Kingdom – GPS MMORPG for your cell phone
公式

リアルマップRPGゲームアプリ「Parallel Kingdom AOG」を試す－ MACお宝鑑定団 blog（羅針盤）
danboさんの紹介

Parallel Kingdom @Wiki – トップページ
2chのまとめWiki（モンスターと武器の相性は役に立つよ）

名古屋アップルストア栄でのiPhone開発者イベントに行ってきたよ

inagaki — Sun, 05 Apr 2009 07:27:12 +0000

開催時間の20分前くらいに着いたのだけど、その時からほぼ満席。雨降り天気のなかでこの集客はすごい。林信行さんもポストされてたけど、イベントスペースはガラス越しに見える位置にあったので、通りを歩いてる人も立ち止まって覗いてるほど。

林さんの基調講演から始まり、豪華なiPhoneアプリ開発者たちが直接プレゼンしてくれて、GClue佐々木さんのiPhoneSDKを使った10分iPhoneアプリ作成講座もありと、2時間ちょいオーバーのとても盛り上がるイベントとなった。

冒頭、林さんがTwitterのタグについて説明され、#idj にポストしろと煽るので、プレゼン聞きながらiPhone使って必死にポストｗ

リアルタイムでこういうことができるってのは、ほんとに面白い。iPhoneとTwitterは最高のコンビネーションだね。

二次会

場所を移して二次会。

アップルストアでは一般の方向けな情報が多かった面、こちらでは100％開発者向けといった感じ。アップルストアのスタッフがいたけど、ぶっちゃけ話もあって、興味津々な話題が多かった。

途中であった、iTunes Storeの問題やApp Sniperなどからブログでのアフィリエイトなど、まだまとめられた情報がないような気がするので、後でまとめページ作りますね。

三次会

酒の勢いで、何がなにやらｗ

iTSにアプリを登録すらしてない僕が、いろいろ偉そうな口たたいてごめんなさい。

Finger Pianoの和田さんに勝ちました！・・・ジャンケンで。それで、人気のアップルTシャツをいただく。やたー。

戦利品。iTunesソングカード3枚とTシャツ

四次会

記憶にないけど。サンソフトさんとPodCastのことについて話をできたのはよかった。

早く、名古屋でエアタグ打ちまくりたいな。

追記：名刺切らして、交換できなくてごめんなさい。郵送でよければ、お送りしますので、メールでご連絡ください。それか、また会うときで。

GeoPo Twitterクライアントを自分用に作ってみた

inagaki — Sun, 29 Mar 2009 08:56:01 +0000

自分で使うためだけにGeoPoを付加できるiPhoneのTwitterクライアントを作ってみた。

NatsuLiphone 1.00のソースを公開しました – takuma104.log

githubで公開されているものを利用させていただいたので、僕は多少のUIとイベント、そしてジオポの符号化ソースを加えるだけ。とても有益なものを公開していただき、ありがとうございます。

Xcodeで実装

ジオポの符号化をコピペ

ジオポ / 開発者向け情報 GeoPo符号化サンプルコード in Objective-C

以前に作ったObjective-Cのサンプルコードをそのままコピペ。すげー、変な処理（無駄な）してると自覚してるコードなんだけど、誰からも突っ込みがないのでそのまま使う。この部分の効率を高めたとしても全体的な効率に貢献できるわけでもないしね（でも、突っ込み歓迎だよ）。

UIのボタンを作る

InterfaceBuilderで残り文字数とpostボタンの間にGeoPoボタンを入れる。んで、ビルドしてシミュレーターで確認するも反映されない＞＜

どうやら、InterfaceBuilderのファイルがあるものの、UIはコードの中に埋め込まれていた。なので、コードでボタンを設置。ついでにイベントも。

GeoPoボタンを押したときのイベントを作る

GeoPoボタンを押す
位置情報を取得
ジオポ符号化
「http://geopo.at/」に符号化したコードを加える
Tweetの本文に4.を加える

以上のようなフローで処理を展開させる。

位置情報を取得

GClueの佐々木さんが作ったチュートリアルがわかりやすい。
iPhoneアプリ入門(GPS) ‎(iPhone App Docs)‎ GClue

ただ、このままだと位置情報をとり続けるので、位置情報を取得したあとは、

[locationManager stopUpdatingLocation];

してください。

そのタイミングなんだけど、精度が高まるまでチェックするとか、何秒後とかいろいろやり方あると思うけど、めんどくさいから僕はupdateをcountして2回目を取るとか、適当すぎる作り。

Tweetに反映

これで、ボタンを押せばTweetのテキストにジオポURLが付け加えられるようになった。

位置情報を取得している間は、本来ならば、プログレスアイコン（処理中を示すぐるぐる回ってるアレ）を表示させて、操作はできないようにすべきなんだけど、めんどくさいｋ（ｒｙ

アイコンと、ロード中画像を作って完成

47pxの正方形アイコンと起動時の画像を用意してあげて完成。

余談

iPhoneシミュレーターの位置情報デフォルト値はクパチーノのApple本社近くなんですね。それも、デフォルトアプリ「マップ」のアイコンデザインと同じとこ。

ジオポ @ CAクパチーノ

あと、シミュレーターでは複数回の位置情報アップデートがされない（値変わらないから）ことに注意してください。

Twitterクライアントの名前を残したい（このままだとfrom Webになる）ところだけど、メールでの申請が必要らしいので、自分専用クライアントのGeoPo Twitterでは無理。パス。

実機で使ってみる

アイコン。

夏Lion for iPhoneそのまま。

Tweetを入力して、GeoPoボタンを押すとGPSを使った現在位置のジオポURLを付加してくれる。

GeoPo Twitterからタイムラインのジオポをクリックして、アプリ内蔵のブラウザを通して地図を表示した様子。

GeoPoの仕様は最初、iPhoneからは直接デフォルトアプリの「マップ」に飛ばすようになっていたんだけど、アプリを跨ぐのが非常に煩わしいので、携帯版ジオポと同様、スタティックな地図を表示させて、地図下部にあるリンクからデフォルトアプリを呼べるように仕様変更した。

こっちのほうがいいと思う。うん。

別のTwitterクライアントであるTwitterFonで表示した様子。

TwitterFonの場合、タイトルが上部に表示されるので、住所も表示されていい感じ。

まとめ

僕はほとんど何もしてない。簡単にTwitterクライアントが作れることを実証。

Twitterクライアント開発者のみなさん、ジオポを実装してみませんか？詳しくは

ジオポ / 開発者向け情報

来週、東京で山手線ウォーキングをする予定なので、そのときにコレを活用してみる。Twitterでつぶやきが地図になり、つぶやきの連続がGPSトラッキングになるっていう面白さを伝えるためにね。

４月３日に第３回ジオメディアサミットが開催

inagaki — Fri, 20 Mar 2009 09:46:10 +0000

地理的なコンテンツを扱う人たちの集い「ジオメディアサミット」の第３回が来る４月３日（金曜日）に、立教大学池袋キャンパスで行われます。

第3回ジオメディアサミット開催のお知らせ – Cirius Lab. ブログ

イベント詳細
日時：2009年4月3日（金）18:30〜21:00 (18:10開場)
：懇親会：21:15 〜
会場：立教大学池袋キャンパス
http://www.rikkyo.ac.jp/access/pmap/ikebukuro.html
定員：100名
参加費：無料 ※懇親会は実費 ( 3,500 〜 4,000 円を予定)
テーマ：「盛り上がるジオメディアとは?」
主催：ジオメディアサミット運営実行委員会

当然、僕も初参加させていただこうと、申し込みました。しかも、ライトニングトーク希望を加えて。

どうやら、ＬＴ希望者が多数いらっしゃるようで、僕が壇上に上がれるかどうかはわかんないですが、次のようなことを話そうかと思ってます。

移動体ライブトラッキング配信のすすめ

自分の体や自転車にGPSロガーとウェブカメラを付け携帯通信でアップロード、視聴者はリアルタイムに現在位置を把握しながら映像を見ることが出来るという、いままで僕がやってきた移動体ライブトラッキング配信。

それらが、どんな仕組みで動いてるのかをハードやソフトを紹介しながら、配信のおもしろさを伝えられればいいな。

実際に、ジオメディアサミット当日にも山手線ウォーク（残りの田端-池袋）をライブ配信しようかなって思ってる。

ついでにジオポの宣伝

上記のことを一般人がするには少々敷居が高いかもしんない。

よりカジュアルにするために、iPhoneとTwitter、そしてジオポを使った簡易ライブトラッキング配信の構築を紹介。ある日、散歩しながらTwitterでつぶやいてたら、それがライブトラッキング配信になってたよ！ってな流れ。

まだ、話したいことやアイデアは沢山あったりするんだけど、とてもＬＴの枠に収まりきらないと思うので自重。

当日までに、プレゼン資料とジオポTwitterアプリを完成させなければ。

そして４月３日の翌日、４月４日には、

Apple Store, Nagoya SakaeでiPhone App 開発者イベント

４月４日（土曜日）の１４：００から名古屋栄にあるアップルストアで、iPhone開発者向けのイベントが開催されます。

林信行さんの講演（先週あたりTwinkle＠名古屋で見かけました）や、（僕にMacBookとiPodTouchを買って会津若松まで来なさいとやさしく声をかけて、iPhone開発の世界へ連れて行ってくれた）GClueの佐々木さんがデモを行うみたい。

こちらも参加（たぶんオーディエンスとして）。

仕事を中断してデブサミに行こう

inagaki — Mon, 16 Feb 2009 12:18:26 +0000

Developers Summit 09 デベロッパーズサミット
会場：目黒雅叙園
主催：株式会社翔泳社

今年も行ってきました、デブサミことデベロッパーズサミット＠目黒。
毎年、毎年、バレンタインと同時開催されるこのイベントは、日夜システムやソフトの裏側で働くエンジニアが、貴重な時間を割いて貴重なプレゼンをしてくれるという、私にとってはチョコよりも100倍嬉しい贈り物。

セッションごとにさくっと所感（というより走り書き）を。自分メモ。

2009年2月12日（木）

【12-B-1】実例で学ぶObjective-C 2.0とGUIの関係～iPhoneアプリ開発を視野に入れて

荻原剛志氏

Objective-Cの歴史からだったので、実例部分は少し押し気味だったかな。
MacとiPhoneでは実装方法が少し異なるので、それぞれで簡単なデモ。
デモ見ててXcodeのエディタで右上の□が２つ重なったアイコンをクリックすると、ヘッダと実装ファイルを行き来できることを初めて知った！こういう細かいことは、見に行かないとわからないよね。

【12-B-2】 iPhone 開発者座談会

高橋征義氏/ shachi 氏/ 瀧内元気氏/ 中川智史氏/ 森琢磨氏/ 吉田悠一氏

豪華なメンバーで、いい意味で普通の方たちでした。中川さんは超イケメン。高橋メソッドで有名な高橋さんがモデレータ。
AppBankさんのところでログがあるので参照。
みんな終始笑顔で、全世界で開発したアプリを使ってもらえるという喜びが伝わってくるよう。
アップルに苦言を呈することもあるけど、年会費１万円という中での仕事ぶりには驚きが。
shachiさんをはじめ様々な方が言われていた、機能を削ぎ落とすというのは重要だと再認識。iPhoneでのアプリ占有時間を増やすのではなく、起動回数を増やしたほうがいいアプリじゃないかなって私は思う。
情報交換に関しては現在進行形でいい方向へ向かっているんじゃないかな？今年入ってから加速してるイメージ。

【12-A-3】時を超えたプログラミングの道への道

角谷信太郎氏

ソフトウェアでは、新たな社会構造を作る機会がある。
開発だけがアジャイルではいけないよ！マネージメント、デプロイもアジャイルに！！

【12-C-4】クラウドプラットフォームの実際

岡本充洋氏

Salesforceの宣伝らしさがまったく見えないテンポのいいプレゼンがプロフェッショナル。
シングルテナントのスケーラビリティ問題とマルチテナントのカスタマイズ問題を解決
クラウドサービスというのは、クラウドを作るか、クラウドの上で何をするかの２つしかない。
デモ見てるとブラウザ上でコードアシストもできたり、クラウドをクラウドで作ってるという現実が斬新。
Eclipseでもプラグインあるし、気軽に試してみてねーって感じだったので試してみようかな

【12-B-5】ブラウザJavaScript高速化JITバトル最終決戦

森田創氏

Chrome(V8) vs Safari(SquirrelFish Extreme) vs Firefox(Trace Monkey)の高速化方法をアルゴリズムとか比較
何で今までJavaScriptは遅かったの？→うざいダイアログやブラクラしか使い道がなかったから＞＜
それに、言語仕様的に高速化しにくい
高速化３つのキーワード・クラスがない・メソッド呼び出し・正規表現
コミットされてるソース見ると今後の流行りがわかるらしい。んで、GeoLocationみたいな実装があるらしい！これは見なくちゃ！！

【12-B-6】 PHP/MySQL を用いた大規模向けパッケージソフトウェア開発

田中裕一氏

サイボウズガルーン。パッケージソフトの肝は、ユーザの操作性・機能も重要だけど、管理者が管理しやすいことを忘れちゃいけない。
サイボウズではブラウザで４秒以内に表示されればokというルールを設定して、検証
動作環境に合わせた最適な構成になるように実証して、設定を切り分け

【12-C-7】株式会社はてなの開発戦略

舘野祐一氏

館野さんってこんこんのsecondlifeさんだったんですね、わーい
はてなの開発戦略と聞いて、勝手に外部的なものを想像してただけにgitの話とはビックリ！git厨恐るべし
私は今までgitを「ジット」と読んでました「ギット」なんすね、恥ずかしいわ＞＜
svnのブランチ作るのってそんなに面倒かな？GUI厨なんでCUIでコマンド打つ方がよっぽど面倒！
ただ、gitもtortoiseGitがあるので、将来はsubversionとも変わらなくなって来るらしい
後半は、はてブのリニューアルについて。前回のはてブはsqlで直DB読んでたりして密結合だったけど、JSONやRSSを使って疎結合にしたから機能追加とか制限なくできるよ！って話。squidでキャッシュさせてるから速度面でそんなに遅くなるようなこともないみたい。
ポストイットとホワイトボードでのタスク管理は真似して取り入れたいな

2009年2月13日（金）

【13-A-1】これからのWebテクノロジーを予測する

秋元裕樹氏

これからという未知の予測というより既存の技術がどうなっていくかっていう内容だったと思う
Web2.0
クラウドコンピューティング：日本にはマッチしないよね
OpenID：ログインウィンドウというUIの慣れをどう解決していくか、採用すると得する仕組みを作っていかないと
OpenSocial：課金をどう解決？
OAuth：twitterで実験中らしい。これ早くこないとパスワードの問題がどんどん表面化していくと思う、期待
CGM/UGC：（答えは会場のみで）
ブラウザ：標準化されていい世の中になったよね。ただ、携帯・TV・ゲーム機を考えちゃうとアレだけど
RIA：去年のデブサミはRIAテーマのセッション多かったけど、まだ波がきてないよね、なんでだろ？
Yahoo!に対するGoogleといい、次というのは必ず来る
なんでも作ってみて、公開しようよ

【13-B-2】パネルディスカッション：クラウド時代のプログラミングスタイルを語り合おう

米持幸寿氏/ 萩原正義氏/ 松尾貴史氏/ 及川喜之氏

Google AppEngine、Salesforce、Azure（、IBM社内クラウド）のパネルディスカッションでの戦いを期待してたけど
それぞれの長所を発表してるだけに聞こえて、少し退屈
5分というデモ時間を守らないのには見ている側からもイラっときた＞＜

（途中昼飯と美容院行ってたので3コマ抜けてます、決してサボっていたわけでは…）

【13-A-6】ひよこクラブ ver.Engineer

庄司嘉織氏/ 谷口公一氏/ 堀邦明氏/ 一井崇氏

勉強の仕方やアウトプットを紹介しつつ、聴衆のみなさんも壇上に立とうよ！いい刺激になるライトニングトーク
大学では「人に聞くな！まず調べろ！！」という教育されていたので、庄司さんの「ぐぐれかすっていわれないよ」というのにはハッとした。
訊かないことでコミュニケーションを遮断してるようなモヤモヤが私の中にあるので、これからは積極的に「教えてクン」になろうかと。度が過ぎたらググれカスって言ってください。
そして、知らないことをググって調べてるときに見つからないときには諦めるという谷口さんの考え方、今度からは自分がアウトプットした情報をググって見つけられるようにする。素敵です。

【13-A-7】 Webセキュリティ攻守攻防パネルディスカッション「Webアプリケーション／Ajaxセキュリティ徹底バトル」

竹迫良範氏/ 徳丸浩氏/ はせがわようすけ氏/ はまちちゃん氏/ 大垣靖男氏

豪華すぎて鼻血が出る。それに糸柳さんたちもいたし、隣の隣の席の方とはまちちゃんがリアルタイムでtwitterしてるよ（藁）とかコミュニケーションとったり、会場全体が異様な雰囲気でしたねw

無知な私にとってIPAの果たしてる仕組み（報告者と対象の折衝役）ってのもわかりやすかったし、手法を実演してくれたりワクワクしながら楽しく参加させていただきました。
幸いにも私ははまちちゃんのウィルスに感染しなかったようでピンピンして名古屋に帰れましたが、潜伏期間とかないよね。

今年も２日間があっという間に終わり。翔泳社さま、スポンサーさま、そしてエンジニアの皆さん、ありがとうございました。