では、python-twitterというライブラリを使っていたわけですが、そもそもタイムライン、メンションを読むだけなら、そこまで高機能なのはいらない！それに、導入するのが面倒！ってわけで、簡単お気軽に導入できるようにしてみた。

ソース

# -*- coding: utf-8 -*-

import feedparser, os, nkf, re, time

# config
userName = "USERNAME"
passWord = "PASSWORD"
softalkPath = "C:\softalk\softalk.exe"
softalkSpeed = "120"
lastSinceId = 1
lastGetTime = 0

# convert string
def convertString(string):
    # remove HTML entity
    string = re.sub('&.+;', ' ', string)
    # remove URL
    string = re.sub('(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)', u'ウェブ', string)

    # remove quote
    string = re.sub('"', ' ', string)
    string = re.sub("'", ' ', string)
    string = re.sub('\/', ' ', string)

    # remove my username
    string = re.sub('@' + userName , u'あなた', string)

    # convert unicode to sjis using nkf module
    string = nkf.nkf("-sX", string.encode("utf8"))

    return string

# get twitter timeline
def getTimeline():
    global lastSinceId

    rss = feedparser.parse('https://' + userName + ':' + passWord + '@twitter.com/statuses/mentions.rss?since_id=' + str(lastSinceId) )
#    rss = feedparser.parse('https://' + userName + ':' + passWord + '@twitter.com/statuses/friends_timeline.rss?since_id=' + str(lastSinceId) )

    if len(rss.entries) > 0:
        lastSinceId = re.search('\d+$', rss.entries[0].guid).group()

    reversed(rss.entries)

    for i in rss.entries[::-1]:
        print "%s" % (convertString(i.title))
        os.system('"' + softalkPath + '" /V:60 /S:'+softalkSpeed+' /T:3 /W:' + convertString(i.title))

while True:
    # time span of get timeline
    if time.time() > lastGetTime + 60:
        lastGetTime = time.time()
        getTimeline()
    else:
        time.sleep(5)

解説

導入するもの

• Python実行環境
• feedparser
• nkf
• SofTalk ver0151（複数起動ができるバージョン）

やっていること

今回は、feedparser使ってRSSで取得をしています。since_idで最新のものだけを取得しますが、20件以上あった場合のページ処理はしていませんので注意！20件以上あると読み上げが追いつかなくなりそうですけど。

あとは取得した本文をフィルタかけて読み上げるだけ。前はURLとかも全部読ませていたけど、URLなんて読み上げられたところでどうしようもないので、省略して「ウェブ」とだけ読み上げるようにしました。

これも、適当にカスタマイズして使ってもらえればうれしいです。ではでは！

簡単というのは、以前から自作のPythonクライアントを自分のライブトラッキングサーバ用に作っていたので、それを今ココなう！のAPI仕様にあわせるだけだったり。

確認してないですが、Python実行環境を導入して、スクリプトを少し改造さえすればMacやLinuxなどでも使えると思うので、もしよかったら自由にお使いください。
あと、自分のGPSロガーでしか確認していません、ごめんなさい。

ソース

#!/usr/bin/python
# -*- coding: utf-8 -*-

# pySerial + Win32 Extensions(optional)
import sys, os, os.path, serial, urllib, urllib2, socket, thread, time, winsound

# Httpのタイムアウト値
socket.setdefaulttimeout(10)

# シリアルポートの設定
serialPort = 'COM6'

# 今ココなう！のユーザーIDとパスワード
userId = 'USERID'
userPassword = 'USERPASSWORD'

saveFlag = 1
markerType = 0

tryCount = 0
baseTime = 0

# NMEAセンテンスの読み取り
def getNmeaSentence():
    global baseTime

    while True:
        try :
            buffer = ser.read(1000)
        except :
            print "error"
            return "error"

        if int(time.time()) + baseTime - time.time() > 0:
            time.sleep(int(time.time()) + baseTime - time.time() )

        # タイミング調整
        if buffer[0:6] != '$GPGGA':
            time.sleep(0.1)
            if baseTime > 0.9:
                baseTime -= 0.9
            else:
                baseTime += 0.1
            print "clock-timing adjustment...\n"
            return

        # GGAセンテンスの測位時刻の秒一桁が0
        if buffer[12:13] == '0':
            lines = buffer.split("\r\n")

            data = [''] * 12

            for line in lines:
                nmea = line.split(',')

                if nmea[0] == '$GPGGA':
                    data[0] = nmea[1] # 測位時刻
                    data[1] = nmea[2] # 緯度
                    data[2] = nmea[3] # 北緯・南緯
                    data[3] = nmea[4] # 経度
                    data[4] = nmea[5] # 東経・西経
                    data[5] = nmea[6] # GPS測位状態
                    data[6] = nmea[7] # 受信衛星数
                    data[7] = nmea[8] # HDOP
                    data[8] = nmea[9] # 高度
                elif nmea[0] == '$GPRMC':
                    data[9] = nmea[7] # 対地速度
                    data[10] = nmea[8] # 進行方向
                    data[11] = nmea[9] # 測位日付

            # GPSが受信不能
            if data[5] == '0':
                print "not receivable GPS data..."
                winsound.PlaySound("SystemQuestion", winsound.SND_ALIAS)
                return

            args = (data,)
            thread.start_new_thread(putGpsData, args)

# Post
def putGpsData(args) :

    global tryCount

    print "post..."

    gpsTime = time.strftime("%Y-%m-%dT%H:%M:%S", time.localtime())
    gpsLatitudeD = int(float(args[1]) / 100)
    gpsLatitudeM = (float(args[1]) - gpsLatitudeD * 100)
    gpsLatitude = gpsLatitudeD + gpsLatitudeM / 60
    if args[2] == 'S':
        gpsLatitude *= -1
    gpsLongitudeD = int(float(args[3]) / 100)
    gpsLongitudeM = (float(args[3]) - gpsLongitudeD * 100)
    gpsLongitude = gpsLongitudeD + gpsLongitudeM / 60
    if args[4] == 'W':
        gpsLongitude *= -1
    gpsSpeed = float(args[9]) * 1.852 # knotをkm/hに変換

    params = {
        "time" : gpsTime,
        "lat" : gpsLatitude,
        "lon" : gpsLongitude,
        "gpsq" : args[5],
        "gpsn" : args[6],
        "gpsh" : args[8],
        "gpsd" : args[10],
        "gpsv" : gpsSpeed,
        "save" : saveFlag,
        "t" : markerType,
    }

    topLevelUrl = 'imakoko-gps.appspot.com'
    url = 'http://imakoko-gps.appspot.com/api/post'
    passMan = urllib2.HTTPPasswordMgrWithDefaultRealm()
    passMan.add_password(None, topLevelUrl, userId, userPassword)
    authHandler = urllib2.HTTPBasicAuthHandler(passMan)
    opener = urllib2.build_opener(authHandler)
    urllib2.install_opener(opener)

    try:
        urllib2.urlopen(url, urllib.urlencode(params))
    except urllib2.HTTPError, e:
        winsound.PlaySound("Notify", winsound.SND_ALIAS)
        print e
    except urllib2.URLError, e:
        winsound.PlaySound("Notify", winsound.SND_ALIAS)
        print e

    tryCount = tryCount + 1

    print tryCount
    print params
    print "\n"

# シリアル接続
def connect() :
    global ser, baseTime

    try:
        ser = serial.Serial(serialPort, 38400, bytesize=8, parity='N', stopbits=1, timeout=0.9, xonxoff=0, rtscts=0)
    except serial.SerialException, e:
        print e

    baseTime = time.time() - int(time.time());

    while True:
        if getNmeaSentence() == "error":
            ser.close()
            return

    ser.close()

# メインループ
while True:
    connect()
    time.sleep(5)
    print "reconnect..."

解説

導入するもの

• Python実行環境
• pySerial
• Win32 Extension（場合によっては必要ないかも）

やっていること

1. メインでGPS接続試行でぐるぐる
2. GPSにシリアル接続（ボーレートとかは調節してね。なんでタイムアウトが0.9なのかは謎）
3. 1秒ごとにNMEAセンテンスを読み取る。読み取るタイミングを調節
4. 調節がうまくいったら、10秒ごとにGGAとRMCのセンテンスを読み取る
5. BASIC認証で今ココなう！APIにPOSTする

ぼくの場合、自転車での使用を想定していて、メッセージを目視することはできないので、なんらかのエラーが起きた場合に視覚以外で知る必要があります。なので、GPS情報が取得できない場合と、POSTがうまくいかなかった場合はそれぞれサウンドがなるように設定しています。

以上です。

Pythonがある程度わかる人前提なので、そんなに説明することないですね。逆に、なんでこんなシリアル接続パラメーターなのかとか、タイミングの取り方でもっとスマートなやり方とか、スレッド使うときにタプルで引数を渡すのはなんで？とか教えてもらいたかったり。

今ココなう！実装済み環境

• Android Chrome Lite + Google Gears、各種ブラウザ + Google Gearsアドオン
• iPhone Mobile Safari (OS 3.0以上)、Firefox 3.5以上、Safari 3.0以上
• Python New!

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 ソース

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>GeoPo : Mobile Safari</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">

/*
 * 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;
}

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);
    }
}

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; i<results.length; i++){
                if (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('<strong>現在地：</strong><br /><span style="font-size:80%">' + geocodeAddress + '</span><hr /><a href="http://twitter.com/home?status=' + encodeURIComponent(' L:' + geocodeAddress + ' http://geopo.at/' + geopo) + '" target="twitter"><img src="icon_twitter.gif" width="14" height="16" border="0" align="bottom" hspace="5" />TwitterにPOSTする</a>');
                infowindow.open(map, marker);
            } else {
                alert("現在地が取得できませんでした＞＜");
            }
        } else {
            alert("Geocoder failed due to: " + status);
        }
    });
}

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

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

startUpdate();

</script>
</head>
<body style="margin:0px; padding:0px;">
<div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>

前回の数倍丁寧に解説

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

HTML

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

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

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

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

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

<body style="margin:0px; padding:0px;">
<div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>

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へポストするアンカーを記載）の表示、下のイベントは、情報ウィンドウを閉じたら位置情報取得動作の再開。

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

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

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

現在位置の住所取得（逆ジオコーディング）とジオポコードの作成、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; i<results.length; i++){
                if (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('<strong>現在地：</strong><br /><span style="font-size:80%">' + geocodeAddress + '</span><hr /><a href="http://twitter.com/home?status=' + encodeURIComponent(' L:' + geocodeAddress + ' http://geopo.at/' + geopo) + '" target="twitter"><img src="icon_twitter.gif" width="14" height="16" border="0" align="bottom" hspace="5" />TwitterにPOSTする</a>');
                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トラッキングサービスでも簡単（上のソースを数行いじるだけ）に実現できるので、今ココなう！(β) などの人気のあるサービスが対応すれば一気に対応端末が増えるようになるんじゃないでしょうか？位置情報を使うことの面白さがいろんな人に伝わってくれるとうれしいですね。

それは、どういうものですか？

WordPressのURLとして使われる投稿スラッグ。これは、標準だと投稿タイトルをURLエンコードしたものが自動的に使われて、やけに長くなるしかっこ悪い。

んで、ぼくは投稿タイトルを逐一英訳して投稿スラッグとして入力しているんだけど、ボキャ貧なので通じるかどうかわからない怪しげな英語になってしまう ＞＜

そこで、自動的に投稿タイトルを英訳してくれて、それが投稿スラッグになってくれると素敵だなと思い、WordPressのプラグインを作ってみました。

インストール方法と使い方

<?php
/*
Plugin Name: Slug translate J to E 
Plugin URI: http://creco.net/
Description: 投稿タイトルの日本語をそのまま投稿スラッグにするのではなく、Google AJAX Language APIで英訳したものを投稿スラッグにします
Author: Shintaro Inagaki
Version: 1.0
Author URI: http://creco.net/
*/

function slug_translate_j_to_e($title) {

    $translateApiUrl = 'http://ajax.googleapis.com/ajax/services/language/translate?v=1.0&q='.urlencode($title).'&langpair=ja%7Cen';
    $response = file_get_contents($translateApiUrl);  

    $parsedJson = json_decode($response);

    if(isset($parsedJson->responseData->translatedText)) {
        $title = $parsedJson->responseData->translatedText;
    }
    $title = strtolower($title);
    $title = str_replace(' ', '_', $title);
    $title = preg_replace('/[^%a-z0-9_-]/', '', $title);

    return $title;
}

add_filter('sanitize_title', 'slug_translate_j_to_e', 9);

?>

上のコードを適当なファイルに保存（ slug-translate-j-to-e.php とか適当な名前つけてね）して、WordPressのプラグインフォルダ（ /wp-content/plugins/ 以下）にアップロードすれば、プラグイン管理画面から「使用する」が選べるようになります。

後は、普通に投稿すれば自動的に投稿タイトルを翻訳したものが投稿スラッグとして使われてると思います。

翻訳を確認したいという場合は、「下書きとして保存」とし、その後に投稿スラッグを編集すれば、半手動で利用できるかと。

やっていること

Translation API のクラス リファレンス – Google AJAX Language API – Google Code をRESTで使用しています。

タイトルをAPIに投げて、JSONで帰ってきたものを処理。

処理は、上から順番に、大文字を小文字にする → スペースをアンダースコアに変換する → 小文字英数字とハイフン、アンダースコア以外の文字を削除する といった内容。

注意点

Google の翻訳は期待しないほうがいい。

ネイティブアプリの地図でGoogle Latitudeをいぢりたおしたりしてるんですが、地図大好きっ子としては自分で位置情報を活用したいところ。

そんな折、ジークルーの佐々木さんから

@shinagaki 自分が今日どこを歩いたかが履歴でMapに表示されるAndroidアプリって知らない？

って遠まわしに作れって言われた気がしたので、Android界隈の位置情報について調べてみる。

Androidで位置情報を取得するにはどうすんの？

調べてみたけど、ネイティブアプリでの情報しかなくて、実装が楽にできそうなブラウザでのAPI動作状況についてのサンプル例がなかった。

ネイティブアプリでは、Maps External Library – Google Projects for Android に情報あるから、ネイティブアプリ作る人は見るといいよ。僕も、あとで見る。

Androidの搭載しているブラウザに、iPhone OS 3.0 のSafariブラウザみたくW3CのGeolocation APIをサポートして、ブラウザからGPS位置情報を取得できることを期待してたんですが、結果から言うとダメ。

ですが！Androidのブラウザ「Chrome Lite」はGoogle Gearsを搭載しているため、ひょっとしたらGearsのGeolocation API使えるかも！？ と思って実験。

Google Gears での位置情報取得

Geolocation API – Gears API – Google Code

サンプルのとおりに、 gears_init.js をおいて、

<script type="text/javascript" src="gears_init.js"></script>
<script type="text/javascript">
var geo = google.gears.factory.create('beta.geolocation');

function updatePosition(position) {
  alert('Current lat/lon is: ' + position.latitude + ',' + position.longitude);
}

function handleError(positionError) {
  alert('Attempt to get location failed: ' + positionError.message);
}

geo.getCurrentPosition(updatePosition, handleError);
</script>

と書くだけで、位置情報取得できた！簡単。

Google Maps API V3 を使って地図表示

それに、Google Maps API V3 を組み合わせる。

The Google Maps API V3 – Google Maps JavaScript API V3 – Google Code

Google Maps API V3 ってのは、今までのMaps APIで効率が悪かったり、スマートフォンに最適化されてなかった部分を改善するため、一から書き直したAPIで、今までのMaps APIと書き方が異なる。

んでも、やってることは同じだし、まだ V3のほうができることが少ないので理解は早いと思います。

サンプルとしては、

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>

これで、全画面の地図表示。

• APIキーがいらない → Open Socialなアプリ作る場合に問題だった、ドメインごとにAPIキー発行する手間がなくなる。
• スマートフォンに対応 → iPhoneとAndroidのUIにあわせてコントローラーを配置してくれるし、地図の描画までが早い！

だから、iPhoneのネイティブアプリ作ってて地図周りだけ、UIWebView使ってるっていう人も恩恵あるんじゃないかな？

実際に現在位置をTwitterにPOSTするJavaScriptを作ってみた

Google Maps API V3 with Gears Geolocation API ＠inagaki.co.uk

実際にAndroidで試してみてください。

中身はコチラ。

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps API V3 with Gears Geolocation API</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="gears_init.js"></script>
<script type="text/javascript">

/*
 * 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;
}

var geo = google.gears.factory.create('beta.geolocation');

function displayMap(position) {
    var geocoder = new google.maps.Geocoder();
    var latLng = new google.maps.LatLng(position.latitude,position.longitude);
    var options = {
        zoom: 15,
        center: latLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), options);

    var geocodeAddress;

    var infowindow = new google.maps.InfoWindow();

    var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        title:"You are here."
    });

    // geopo
    var location = new Object();
    location.lat = position.latitude;
    location.lng = position.longitude;
    location.scale = 7;

    var geopo = geopoEncode(location);

    if (geocoder) {
        geocoder.geocode({'latLng': latLng}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                for(i=1;i<results.length;i++){
                    if (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('<strong>現在地：</strong><br /><span style="font-size:80%">'+geocodeAddress+'</span><br /><strong>GeoPo：</strong><br /><span style="font-size:80%">http://geopo.at/'+geopo+'</span><hr /><a href="http://twitter.com/home?status='+encodeURIComponent(' L:'+geocodeAddress+' http://geopo.at/'+geopo)+'" target="twitter">TwitterにPOSTする</a>');
                    infowindow.open(map, marker);
                } else{
                    alert("現在地が取得できませんでした＞＜");
                }
            } else {
                alert("Geocoder failed due to: " + status);
            }
        });
    }

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
}

function handleError(positionError) {
    alert('Attempt to get location failed: ' + positionError.message);
}

geo.getCurrentPosition(displayMap, handleError);

</script>
</head>
<body style="margin:0px; padding:0px;">
  <div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>

こんな風に現在位置が取れるよ

１．さきほどのURLにアクセスする

すると、Gearsで「現在地情報にアクセス」しますかというメッセージがでるので、OKを押してください。ドメインごとの許可ですかね？

２． 現在地の地図を表示

Gearsからの位置情報をMaps API V3で地図表示。ちゃんと、拡大縮小コントローラーもAndroidなUIになってる。

そして、Maps API V3の逆ジオコーディングを使って、現在住所を取ってくる。

ついでに、GeoPoのエンコードもしてるよ！

一番下のリンクがTwitterにポストするためのリンク。

３．TwitterにPOST内容を渡す

http://twitter.com/home/?status=[ポスト内容] で渡すことができるから、単純に URLエンコードしたものを渡してるだけ。

ただ、このようなTwitterのパラメータ渡しは、Twitterの表示モードがモバイルになってると無効になるみたいなので、あらかじめスタンダードに変更しておいてください。

ブラウザでのGeolocation APIについて

実は、Google Gearsに対応していれば、ChromeとかFirefox（要アドオン）でも上記のURLで現在地の位置情報が取得できる。

正確にいうと、IPから推測した位置情報なので正しくはないかもしれないけど、JavaScriptだけの実装で簡易的に位置情報が取れるのは素敵ですね。

将来的には、W3CのGeolocation APIが載って、開発者側はハードウェア、ソフトウェアの差異を何も考えなくて位置情報を使ったコンテンツに注力できるっていう世界になってくれると幸せです。

Windows 7 では、OSレベルにGeolocation APIがあるそうなので、そちらも楽しみ… その前にIEをなんとかしてｋ（ｒｙ

（完成動画。時々でてる音は録画用に使ったMacの音です、紛らわしくてごめん。）

2chのスレやしたらば、カキコなどの掲示板をSoftalkで読ませるフロントエンドはあるんだけど、Twitterのタイムラインを読ませるっていうのは見つからなかったので作ってみた。

TwitterのAPIを読むだけなので、スクラッチで書いてもそんなに難しいものではないんだけど、勉強がてらPythonのpython-twitterというライブラリを使ってみる。

追記：新しくエントリーを書きました

TwitterをSoftalkのゆっくりボイスでしゃべらせる 2 | クレコ

python-twitterの導入

実はこれがくそめんどいｗ

python-twitterまとめ ～導入まで – テックノート＠ama-ch
を参考にして導入する。

simplejsonは、WindowsでCのコンパイラ環境が必要になったりする。詳しくないので、書いてある通りに実行していった。

Python 2.6ではhashlibなんちゃらの警告がでます

別にそのままつかっても問題ないけど毎回警告がでるので直し方。

@aoshimanさんに教えていただいた解決法、
2009-02-18 – nakkuの日記 [python]python2.6にtwitterのモジュールを入れる
にpatchがあるので、twitter.pyを書き換えればいい。

具体的には、simplejsonモジュールを使っているところをjsonモジュール、md5モジュールを使っているところをhashlibモジュールを使うようにそれぞれ書き換える。

TwitterのTLをSoftalkでしゃべらせるPythonスクリプト

import twitter, os, nkf, re, time

# config
userName = "username"
passWord = "password"
softalkPath = "C:\hogehoge\softalk.exe"
softalkSpeed = "120"
lastSinceTime = 0
lastGetTime = 0

# convert string
def convertString(string):
    # remove HTML entity
    string = re.sub('&.+;', ' ', string)
    # remove quote
    string = re.sub('"', ' ', string)
    string = re.sub("'", ' ', string)

    # remove my username
    string = re.sub('^@' + userName + ' ', '', string)

    # convert unicode to sjis using nkf module
    string = nkf.nkf("-sX", string.encode("utf8"))

    return string

# get twitter timeline
def getTimeline():
    global lastSinceTime

    api = twitter.Api(userName, passWord)
    statuses = api.GetFriendsTimeline(userName)
    #statuses = api.GetUserTimeline(userName)
    #statuses = api.GetReplies()

    for i in statuses[::-1]:
        if i.created_at_in_seconds > lastSinceTime:
            print "%s : %s" % (convertString(i.user.name), convertString(i.text))
            os.system('"' + softalkPath + '" /V:60 /S:'+softalkSpeed+' /T:1 /W:' + convertString(i.user.name))

            # when find my name and change voice
            if re.search(userName, i.text):
                os.system('"' + softalkPath + '" /V:60 /S:'+softalkSpeed+' /T:0 /W:' + convertString(i.text))
            else:
                os.system('"' + softalkPath + '" /V:60 /S:'+softalkSpeed+' /T:3 /W:' + convertString(i.text))
            lastSinceTime = i.created_at_in_seconds

while True:
    # time span of get timeline
    if time.time() > lastGetTime + 60:
        lastGetTime = time.time()
        getTimeline()
    else:
        time.sleep(5)

twitterモジュール

api = twitter.Api(userName, passWord)

statuses = api.GetFriendsTimeline(userName)

で、認証してタイムライン（ここではFriendTimeline）を取ってくる。

んで、そのリストは時系列昇順にしゃべらせるために、スライスを使って逆順にし、forで回してやる。

osモジュール

os.system(‘”‘ + softalkPath + ‘” /V:60 /S:’+softalkSpeed+‘ /T:1 /W:’ + convertString(i.user.name))

外部コマンドでSoftalkを実行する。softalkPathにsoftalk.exeの位置を設定して、あとはパラメータ。つぶやきの中に自分のユーザー名があったら音声を変えたり。

/V:ボリューム、/S:スピード、/T:音声パターン、/W:しゃべらせたいテキスト

Softalkのソフトについては後述。

nkfモジュール

NkfPython – Ma2

Softalkにコマンド引数として値を渡すときに、UnicodeからS-JISへ変換してやる必要があるんだけど、この変換でencode()を使うとウムラウトとかが原因でエラー。

nkfを使えばいいらしいので、nkf使って変換。

string = nkf.nkf(“-sX”, string.encode(“utf8″))

reモジュール

string = re.sub(‘&.+;’, ‘ ‘, string)

HTMLエンティティをそのまま渡すと、コマンド引数が途切れたりしたので、HTMLエンティティはばっさり消しちゃうことにした。re.sub()は正規表現で置き換え。

同様に、先頭に自分のユーザー名が来てるようなreplyメッセージでのユーザー名とか、クォート符号も消す。

他にも何かエラー引き起こす文字があったら、深く考えないで消す。とても適当でごめんなさい。

timeモジュール

実行したら無限ループに入れてやり、前回の取得時間より1分以上経っていたら取得しに行く、それ以外なら5秒スリープしてループの先頭に戻る。

利用するSoftalkのバージョン

実行してみると、Softalkが実行するときにいちいちWindowがピョコンとでてきて、終了をしてあげないと次のつぶやきをしゃべってくれない。

なんか以前と違うなぁって不思議に思っていたんだけど、

ニコニコ動画のニコ生（生で配信）用のツール

NicoRequest Ver.2.3.2 – ExceptionErrorMessage

NicoRequestのドキュメントを読んでみると、どうやらSoftalkの最新バージョンで挙動が変わったらしい。

ver0151に置き換えて実行してみたところ、ちゃんとうまくいって、一番はじめの動画のようにゆっくりボイスでしゃべってくれた。

感想

• 声でタイムラインを読んでくれるっていうのは新鮮でおもしろいよ
• Softalkは英語が不得意なので、無理にローマ字読みして何いってるかわからないことしばしば
• 移動体ライブ配信の読み上げに使おうとおもったけど、よく考えると60秒更新スパンくらいが負荷で限界なので、ものすっごくタイムラグ発生するかもね
• PythonよりもNicoRequestみたいにJavaScriptで実現したほうがいいかも
• SoftalkとそのライブラリAques TalkはWindows版でしか無償でつかえないので、環境を選ぶ

つぶやきを送ると、ゆっくりボイスで変換してくれるBOTとか作ったら面白そう。

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

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

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

Xcodeで実装

ジオポの符号化をコピペ

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

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

UIのボタンを作る

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

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

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

1. GeoPoボタンを押す
2. 位置情報を取得
3. ジオポ符号化
4. 「http://geopo.at/」に符号化したコードを加える
5. 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トラッキングになるっていう面白さを伝えるためにね。

緯度によって経度の長さは違います

ご存知かもしれませんが、位置情報圧縮技術ジオポの縮尺精度（ジオポが表している範囲）で横（経度）の長さって、緯度によって異なります。

どういうことかというと、地球をみかんネットのように緯線（赤道みたいな横線）と経線（子午線みたいな縦線）が取り囲んでるんですが、緯線の長さ（北極から南極まで）はどこの経度でも同じ。一方、経線の長さ（地球を一周）というのは緯度によって長さが違ってきます。例えば、赤道の長さと北極圏近くの緯線を想像してもらえれば、わかりますよね。

そもそも、ジオポは単純に緯度経度をそれぞれ8分割ずつすることによって位置情報を単純化しているので、ジオポが表す場所によって、その横幅（経線）の長さは変わってきちゃいます。

だから、一概にジオポの縮尺は横が何キロとか言えません。

そんな不都合を払拭するために、ジオポの変換画面に、縦横メッシュサイズの表示と、地図へのメッシュエリアの表示（赤く囲まれた長方形）ができるようにしました。

これらによって、視覚的に縮尺精度がわかりやすくなったでしょ？

縮尺レベルに名前を付ける

今までの縮尺は便宜的に東京でのメッシュサイズを表示してたんだけど、前述の通り場所によってメッシュサイズは変わるので国際化する場合問題が。上の成果で、縮尺にメッシュサイズを表示する必要性がなくなったので、縮尺レベルに名前を付けてみた。

ようするに、人に伝わるわかりやすさが大事。

縮尺レベルは10段階で以下の通り、

6文字の街区レベル（道路に囲まれた集落単位）では、100mくらいのメッシュになって、8文字の人間レベルでは、人間が判別できるようなメッシュとなる。

わかりやすくないですか？

今後のToDo

• 住所から検索できるようなジオコーディング機能
• 有名スポットから検索できるように（公開されてるDB）
• PC版でnon JavaScriptな人のためのPOSTメソッド
• 携帯電話のGPS機能使った現在位置情報＆携帯トップページ
• プレゼン資料作成→使用方法マニュアル→英訳
• ジオポ Blocks（仮称） ＆ ジオポ Colors（仮称）といった派生サービス作成
• アプリ制作者に直接プッシュ

ジオポ関連だけでもやることいっぱい。でも、楽しい。

まだ、（仮）なので実用に乏しいけど、形だけでも作っておいた。
http://geopo.at/track/index.php?creco_test
注意：URLは仮ですので、リンクしてもなくなっちゃう可能性があります。

どういうサービスかというと、
Twitterにジオポを付加してポストしていくと、それがそのままルートとして地図上に表示してくれるというライブトラッキングサービス。

Ajaxで1分ごとに自動更新され、Twitterのタイムラインを読みにいくので、もし頻繁にジオポをポストするユーザをフォローしてるなら、かなり正確なトラッキングルートができるはず。

ぶっちゃけ

全部JavaScriptで動いてるので、サーバは必要なかったりする。ユーザのマシンでタイムライン取りに行ってもらった方が効率いいしね。

（例） http://geopo.at/SW8.HQ9.CR8.PU8
こんな形で http://geopo.at/ にロカポをくっつけてください。ジオポと同じように、見ている環境に対応した地図を表示させます。

ロカポとは？

位置情報コード LocaPoint（ロカポ）

ロカポとは、世界中のどんな場所でも12文字で表すことができる、最先端の位置情報コード『LocaPoint』の愛称です。

「今何時？」と聞かれれば「10:35」や「16:45」という短い答えを返せますが、「そこはどこ？」と聞かれると、通常は住所、近くの目印、道順、地図などを使いますが、時刻のように短く答えることはできませんでした。ロカポがあれば、これが可能になります。

緯度経度って単純な数字の羅列だし、緯度と経度どちらを先に？南北・北西はどうやって表す？などの誰もが理解できる明確なフォーマットというのがないんですよね。

同じ地点でも、DMS（度と分と秒で表す）、DM（度と分で表す）やD（度のみで表す）と表現方法がいくつもあって面倒！でも、Google Mapsが登場してから、D（Google Mapsの方法です）にやっとまとまりつつあるような印象。

ロカポはフォーマットを「英文字・英文字・数字」といった具合に規則性をもたせているので、よくありがちな「Q」と「9」などの聞き間違いによるエラーなどを避けることができるメリットがあります。

ジオポと同じで、位置情報を符号化して圧縮しているので、文字数も12文字と短いよ！

ジオポをロカポに対応させる

ジオポとロカポの判別

ジオポの場合、.htaccessでmod_writeを使ってパラメータをクエリとして投げてます。

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} \/([0-9a-z_-]{1,10})$ [NC]
RewriteRule ^(.*) /index.php?%1 [L]
RewriteCond %{REQUEST_URI} \/([A-Z]{2}[0-9]\.[A-Z]{2}[0-9]\.[A-Z]{2}[0-9]\.[A-Z]{2}[0-9])$
RewriteRule ^(.*) /index.php?%1 [L]

上の条件式はジオポので、"0"～"9"と"a"～"z"と"_"と"-"が1から10の連続ってこと。"A"～"Z"が書いてないけど、mod_writeのルールで [NC]をつけてやると大文字でも小文字でも構わないってことになるから大丈夫。それらを index.phpに投げてやってるだけ、そんだけ。

下の条件式はロカポので、ロカポのコードフォーマットに合わせた条件式を書いてやり、ジオポと同じように投げてる。ただ、ロカポの場合は[NC]を付けないで大文字しか許可しないようにしてある。後々、内部の処理で小文字を許可した場合、意図しない結果になることを恐れてだ。仕様書には小文字うんぬんの記述が見つからなかったけど、多分ダメなんだろう。

ロカポのPHP変換関数

ロカポのサイト内でのリンクに、いろいろな言語で実装されたプログラムがあるんだけど、なぜだかPHPは見つからなかったので、関数を作る。

/*
 * 【PHP版】ロカポのエンコード
 * @author : Shintaro Inagaki
 * @param $location 位置情報配列
 * @return $locapoint ロカポ
 */
function locapointEncode($location) {

	$locapoint = "";
	$latStep = ($location['lat'] + 90) / 180 * 45697600;
	$lngStep = ($location['lng'] + 180) / 360 * 45697600;

	$locapoint = chr($latStep / 1757600 % 26 + 65) . chr($latStep / 67600 % 26 + 65) . chr($latStep / 6760 % 10 + 48) . '.' . chr($lngStep / 1757600 % 26 + 65) . chr($lngStep / 67600 % 26 + 65) . chr($lngStep / 6760 % 10 + 48) . '.' . chr($latStep / 260 % 26 + 65) . chr($latStep / 10 % 26 + 65) . chr($latStep / 1 % 10 + 48) . '.' . chr($lngStep / 260 % 26 + 65) . chr($lngStep / 10 % 26 + 65) . chr($lngStep / 1 % 10 + 48);

	return $locapoint;
}

ロカポのエンコード。

/*
 * 【PHP版】ロカポのデコード
 * @author : Shintaro Inagaki
 * @param $locapoint ロカポ
 * @return $location 位置情報配列
 */
function locapointDecode($locapoint) {
	// 位置情報配列
	$location = array ();

	$location['lat'] = ((ord(substr($locapoint, 0, 1)) - 65) * 1757600 + (ord(substr($locapoint, 1, 1)) - 65) * 67600 + (ord(substr($locapoint, 2, 1)) - 48) * 6760 + (ord(substr($locapoint, 8, 1)) - 65) * 260 + (ord(substr($locapoint, 9, 1)) - 65) * 10 + (ord(substr($locapoint, 10, 1)) - 48) * 1) * 180 / 45697600 - 90;
	$location['lng'] = ((ord(substr($locapoint, 4, 1)) - 65) * 1757600 + (ord(substr($locapoint, 5, 1)) - 65) * 67600 + (ord(substr($locapoint, 6, 1)) - 48) * 6760 + (ord(substr($locapoint, 12, 1)) - 65) * 260 + (ord(substr($locapoint, 13, 1)) - 65) * 10 + (ord(substr($locapoint, 14, 1)) - 48) * 1) * 360 / 45697600 - 180;

	$location['scale'] = 6; // ロカポのみなら必要ありません

	return $location;
}

ロカポのデコード

たぶん、あってると思う。

さっき、小文字だとおかしくなるって書いてたのは、文字コード表での数値がずれるから。もし、対応させるなら、ロカポに strtoupper()をかませればオッケーです。

位置情報のコード化について

ロカポの上田さんの話では、位置情報をコード化させるという事例は海外を含めてもそんなにないそうです。ロカポ、Nコード、マップコード、Natural Area Code(NAC)くらいということ。

これまで日常で位置情報を扱う機会があまりなかったからかなぁ？でも、これからは位置情報が密接になってくるはず。緯度経度の不便さに気づいたときは、是非これらのコードの活用を検討して欲しいです。

自分用メモとしてそれぞれのサイトにリンク。

ロカポ：http://www.locapoint.com/jp/index.html

Ｎコード：http://www.ncproject.jp/

マップコード：http://guide2.e-mapcode.com/

NAC：http://www.nacgeo.com/