東京ゲームショウ2009に行ってきたので、レポート。

コンシュマーゲームで遊ぶことをしなくなってからというもの、ゲームショウに行くきっかけも見つからなく、学生のころには毎回通ってたゲームショウにもピタリと行かなくなった。

前回TGSに行ったのは、デジカメの記録を見る限り2001年の秋だ。そう、このころは春とか秋とかあって、ずいぶん華々しい展覧会だった記憶がある。

当時、日本までプロモーションに来てたビル・ゲイツ。このあたりの年がゲーム業界のピークだったんじゃないかな？

と、思い出話は長くなるので本編。久しぶりにゲームショウへ来たのは3つの理由

• iPhoneアプリの展示が増えてるらしいので、動向を探りに
• コンパニオン充
• 東京までドライブがしたかった（レインボーブリッジ、アクアライン、横浜ベイブリッジ）

きっかけは後付け。何も考えず行動が先に出るので、気付いたときには幕張メッセの駐車場にいた。

TGS2009に入場

入った瞬間「ガラガラだな…」って。展示スペースもずいぶんゆったり、通路も広く、もみくちゃカオスになる要素が皆無。

このとき、公式パンフレットをもらい、各社の展示スペース位置を初めて確認したんだけど、ずいぶん業界の再編成がすすんだんだなって思った。マイクロソフト、SCE、コナミとかドデカイところがデーンとあるが、昔はあった弱小メーカーのゴミゴミしたブースが一掃されちゃってる気がする。

イベントステージで有野課長とクリエイターとのトークセッションみたいなのが開催されてたので、さらっと見る。

そこで、セカイカメラを起動して周りを見たんだが、スゲエwww

エアタグいっぱいで、写真のエアタグが目立つ。ブースごとに感想とかあって面白い。残念なのは、屋内でGPS精度が悪いところかな？このときにWi-Fi補正って役に立つんだろうか（イベント会場なんて即席Wi-Fi局が多いだろうし）

iPhoneアプリの展示など

そのセカイカメラが展示されてるブース行ったんだけど、展示内容にしらけた。

パネル説明…ポカーン。注目浴びてるはずなのに、もう少し（ゲームショウに来てる客層に）分かりやすい展示方法があったんじゃないのかな？

一方で、小さなブースながら「ニューロスカイ」は、脳波でゲームをプレイするというコンセプトや、客を巻き込んだプレゼン内容など、ひと目でわかりやすく注目を浴びていた。

iPhoneアプリをTGSに展示する場合は、TGSってどんな場所かを予め知っておかないと駄目ですね。ゲームスクールコーナーでコスプレした女の子をエサにしてた学校がいい例。明と暗がくっきりわかれる、それがTGS、昔から変わらない。

PSP goとかSCEの展示

PSP goを初めて触った。発表された時には、全面スライドパネルの液晶部に重心が持っていかれ、ゲームプレイ時に手首が疲れそうだなって思っていたが、いざ持ってみるとそうでもなく、現行のPSPより持ちやすくて安定している印象。

Bluetoothが付いてることを強調されてて、俺「音楽とかBluetoothヘッドセットで聞けちゃうんですね！」お姉さん「そうなんですよ～」。俺「それじゃあファイルの同期もBluetoothでできちゃうんですね！」お姉さん「多分、そうなんですよ～」。多分できるそうだ。

miniUSB端子が付いてないので、USB機器とつなげようとするときアダプタが必要とのこと。面倒そうだなって感じたが、BluetoothとかWi-Fiとか付いてればカバーできるし、問題ないのかも。

SCEブースで3D立体視ゲームというなるものが展示されてたので、メガネをかけてゲーム画面を見てみた。3D立体というと、飛び出てくるイメージがあったけど、実際はテレビに奥行きがあるような映像。目が疲れやすいとか、そういうことはなさそうだけど、周りから強い光（TGSだから仕方ないね）があると立体的に見えなくなるね。

その他ぶらぶらと

（上左）グランツーリスモからはメルセデス・ベンツSLS AMGの展示。
（上右）お台場にあったガンダムの頭部だけの展示。
（下）ゲーム科学博物館の展示。

2時間強の滞在時間だったけど、時間はあっという間に過ぎて気付けば蛍の光。

来年も機会があれば、行きたいですね。

では、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 の航空写真でコアラを見つけたとき、興奮して上のような投稿をTwitterにしたのを覚えている。

そもそも、なんでこのコアラを見つけたかというと、Wikipediaで南方貨物線という名古屋の廃線に興味を抱き、Google Mapsの航空写真モードで線路跡を大府駅から辿っていったときに偶然見つけたのだ。

南方貨物線（なんぽうかもつせん）とは、日本国有鉄道（国鉄）が名古屋貨物ターミナル駅（1980年開設）から笠寺駅・大府駅を結ぶことを目的に建設を行い、途中でそれが中断された東海道本線の貨物支線（未成線）である。建設は輸送力の増強が目的であったため、日本鉄道建設公団でなく国鉄自身の手で行われた。

引用：南方貨物線 – Wikipedia より

このコアラはなんなのか？そして、南方貨物線を実際に辿って見てみたくなり、自転車で廃線沿いを走ってみることにした。

JR東海道本線から見える南方貨物線

より大きな地図で 南方貨物線 を表示

上の地図は Google Maps のマイマップで南方貨物線をJR大府駅からあおなみ線中島駅までトレースした地図。実際に航空写真で辿ってみると面白いので、大きな地図を別ウィンドウで開いて見てもらえばと思う。

この南方貨物線、大府駅から笠寺駅まではJR東海道本線と並行して線路が敷いてある。が、この線路もレールは既に撤去されたようで、道床が残るのみだ。また、新興住宅地として開発著しい南大高駅のあたりでは跡すらも完全になくなってしまっている。

そこで、JR東海道本線の車窓から見る南方貨物線はどのように見えるのか動画で撮影してみた。

動画は都合上（Youtubeの10分制限だったり、あまり代わり映えしないからだったり）南大高駅からとなる。大府駅から共和駅の様子は、自転車で辿った項目にある写真を参考にしてほしい。

動画のタイムライン

• 00:39 南大高駅。今年の3月にできた新駅で、周りは変化が著しい。共和駅まであった道床も、この駅周辺ではなくなっている。
• 03:05 大高駅。大高駅まで高架の工事を行っている。高架は撤去するのではなく、補修しているそうだ。ホーム構内のレールはない。
• 06:13 笠寺駅。貨物線がある。
• 07:20 東海道新幹線とアンダークロス。
• 07:43 南方貨物線と分岐。山崎川を渡る手前では高架が軽貨急配のトラック車庫として利用されていることがわかる。山崎川の後は、住宅街に埋もれてしまいどこにあるのかがわかりづらい。

動画からのキャプチャ画像

動画だと一瞬なので見逃しやすいが、このように南方貨物線として作られた高架がトラックの車庫として使われている。

自転車で大府駅から南方貨物線を辿る

地図を見てもらってもよくわかるように、南方貨物線の高架は道路に沿っているわけでもないので、機動性のある自転車で巡ることがベストな選択かと。

そんなわけで某日、大府駅から謎なコアラの絵がある中島駅まで自転車で巡ってみた。

JR大府駅周辺

大府駅周辺は貨物用線路として使われている様子。

JR大府駅からJR共和駅へ

レールは既になくなっている。看板によると南方貨物線路盤工事として補修しているとのこと。

JR共和駅周辺

共和駅構内はバリアフリー化の工事中。愛三工業の敷地から線路よりには細い道路があるので、そこを通ってみた。

JR南大高駅周辺

JR南大高駅からJR大高駅へ

JR東海道本線と並行している南方貨物線の走る高架を補修している様子。

JR笠寺駅周辺

東海道新幹線とのアンダークロスとJR東海道本線との分岐

JR東海道本線と南方貨物線の上を東海道新幹線の高架がクロスする。

最後の写真は山崎川に架かる東海道本線の鉄橋。この手前で南方貨物線は分岐しているわけだが、どこで分岐しているかわからなかったので、山崎川を渡って探してみることに。

住宅街に突如あらわれる南方貨物線の高架

山崎川を渡って住宅街に迷い込むと突然異質な高架が目の前に飛び込んできた。
普通の住宅の隣に切断面をさらけだすコンクリートの高架。誰がどうみても異質に感じるであろうが、目線を下に向ければ、どことも変わらない住宅街の雰囲気である。

この高架。ずっと連続で続いてるわけではなく、下に道路が通る場所だけ切り取られている。高架が途切れては、次の高架の続きを探して追いかける。この繰り返しが何度も続く。

高架の使われ方は様々だ。ネットを張ってゴルフ練習場としているところ、倉庫や車庫として利用しているところなど。事務所として使っているところもあった。

ある高架の銘板には、着手：昭和45年12月1日、竣工：昭和46年11月26日と書かれていた。

高架下は作業置き場として使われるところが多いようだが、高架に覆われる形で建物が建てられているところもある。

上の2枚は国道247号に架かる歩道橋の上から撮影。

東海道新幹線と分かれて

東海道新幹線と分かれるあたりからの高架は完全に撤去された様子。航空写真で確認するとわかるが、不自然な空き地からここを高架が通っていたんだろうと推測できる。

曲線部があっただろう西友を通ってパチンコ店の駐車場から。パチンコ店の上を使われることのない高架が横断する。

まさに新しい建物が高架の隣に建築されているところ。ここに切断された高架と建物の違和感のある風景が生まれるのであろうか？

中川運河を挟んだあたり。物流センターや市営住宅の奥にひっそりと高架が通っている。

上の２枚は環状線を挟んだ高架。

高架下を駐車場として使用されているところは多いが、ある板金工場では高架に上るスロープがあり、高架上を駐車場として利用している模様。航空写真から見える、高架上にある車がそれ。

あおなみ線との分岐

橋脚はあるが、高架が完全ではない状態。一部で未完成だったらしいけど、こういう分岐部分などがそうなのかな？

そして、コアラが描かれていたと思われる場所に近づくと。

コアラ発見！謎が解けた！！

なるほど。そういうわけね。ここまで自転車でたどり着いたご褒美にと、Google Mapsでも確認できる大きなコアラが出迎えてくれた。

早速、Twitterで顛末を報告し、すべての調査は終了。

あおなみ線中島駅周辺

さきほどの分岐からは、あおなみ線（旧西名古屋港線）と並行して名古屋駅手前の八田貨物駅（仮称）まで南方貨物線はあったことになっている。

中島駅周辺には南方高架線高架が利用されている場所があり、上の写真の2枚目でかなり古い高架橋が国道1号線に架かっていることがわかる。

消えつつある南方貨物線

2002年（平成14年）より、約300億円をかけて新規建設区間の高架橋を撤去し、土地を売却することにした。しかしバブル経済崩壊の影響もあって、回収できる金額は約40億円程度にとどまることになった。

（中略）

2008年現在、高架橋の撤去は貸借関係のない部分から先に行われている（高架下を事務所、駐車場等に賃貸している部分はそのまま残っている場合が多い）。また、大高駅付近のように現在の東海道本線の高架橋と一体で建設されている部分については高架橋の撤去はされず、橋脚の耐震補強が行われている（ただし施行はJR東海ではなく所有者の鉄道建設・運輸施設整備支援機構による）。

引用：南方貨物線 – Wikipedia より

動画や写真を撮っている中、工事中の場面が多く目についた。大高駅付近の補強工事は別として、どれも撤去に向かうための工事であろう。

残して欲しいとは決して思わないが、今ある姿をたくさんの人の目に焼き付けて欲しいと思う。慣れ親しんだ景色が消えてから初めて、何かが奪われた喪失感に気づくことは多い。

今まで存在を知らなかった人も、興味を持ったら辿ってみるといいよ。距離もそんなに長くないし、徒歩でも巡れると思う。

ひとりごと

これ、自転車道にしてくれてたら通勤が便利なんだけどな･･･

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をなんとかしてｋ（ｒｙ

電車の通勤定期がようやく切れたので、自転車通勤生活はじまる。

前の会社では、刈谷から名古屋の栄まで自転車通勤していたんだけど、今のオフィスは尾頭橋にあるので単純に距離が短くなった。だけど、ブランクが1年以上あるし、体力と筋力も衰えまくってるので、今となってはハードな運動です。

そして、なんというかライブ配信もやりたくなるわけで、今年になってからの初ものを同時にやってみた。

ライブトラッキングシステム変更点

2ch式掲示板 → Twitter TL

以前つくった
TwitterをSoftalkのゆっくりボイスでしゃべらせる | クレコ
を利用して、Twitterのタイムラインを読む。

PeerCast → Ustream

前は、PeerCastでファイアウォールの設定・P2P枝の管理・KP（チャンネル）への登録・WMEでのエンコード設定とかが必要なくなって、

Ustreamにログインして、BroadCastボタンをクリックするだけ。こんだけ。

Bluetoothヘッドセットの変更

TOSHIBAプロファイルがEeePC内蔵のBluetoothレシーバーで使えなかったため、Bluetoothレシーバーを追加していたというかっこ悪い構成を打開するために、Sony（TOSHIBAプロファイルではない）のBluetoothヘッドセットを使う。

やってみた

上のはUstreamの録画映像。

大府駅あたりからオフィスのある尾頭橋まで。GPSでの現在位置は前のと同じ
GPS Live Tracking
を使う。

Ustreamを配信はじめて、TwitterにチャンネルとGPS Live Trackingのアドレスをコピペ。そしてスタート。

動画を再生してもらえれば分かるけど、風切り音がひどいのでボリュームは抑えめにしたほうがいいかも。
Bluetoothヘッドセットも耳にしっくりはまらなく、Softalkのしゃべる音声がほとんど聞き取れず。

最後のほうに2人の方からReplyが来たのみで双方向コミュニケーション的なことはまったくできない。まぁ、通勤途中なんで指示受けても困るだけだけどｗ

ぐだぐだのまま、オフィスに到着。終了です。

いろいろ反省

• Bluetoothヘッドセットの風切り音対策をしないとダメ
• それと、Bluetoothの出力が弱いのか、通信で聞こえてくる音声が不安定＆最初の数秒聞こえない
• Twitterのタイムラインを読むならリプライだけにしたほうがよい
• 予想以上に反応ないｗｗｗでもめげない。PeerCastとかだとチャンネル通知システムとかちゃんとしてるので、少なくとも30人以上視聴してくれて、それなりにレスももらえるんだけどね
• Ustreamは 画質＞フレーム数。5fpsくらいでてくれないけど、妥協できる画質だと思う。エンコードを考えなくていいってのはとても楽

深夜にやってみた

深夜2時くらいから自転車通勤したらどうなるんだろって思って、真夜中に準備してやってみたｗ

夜中の国道1号線とかはトラックがびゅんびゅん走ってるイメージがあったけど、意外にガラガラで危険なこともない。

自転車にとって天敵であるバスやタクシーと競争するようなこともなく、自分のペースで走ることができた。

深夜自転車通勤オススメ

GPSライブトラッキングやってくれる人が周りに増えると嬉しいので、興味を持った方は是非やりましょう

って今さらなことなんだけど。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の瞬間を撮ったという動画には突っ込みいれてはいけないのかな？

2週間ぶりだけど、これ以上あいだ開けるとサボりそうなので、うｐ。
今回は横浜。動画は2つで2時間弱。

1日目のGPSログ。
KMZに変換したログ・Google マップでのルート表示

コンビニでコンセントを借りるのです

2008/09/13 09:08 (0:00) 前回のコンビニで休憩より続き。

普通にエネルギー源のゼリー飲料とか買ったと思う。(19:30)までずっと休憩シーン。

EeePC本体では4時間半ほどしか持たないので、このまま行くと途中で配信を終了しなくちゃいけない。つまり、持ってきた外部バッテリーをEeePCに繋ぐことが長時間配信が可能となる前提条件。

だけど、前回も書いたように、なぜだか外部バッテリーが調子悪く、電源が入らない。
そこで、外部バッテリーを充電してみて原因をさぐるために、コンビニでコンセントを貸してもらうことにした。

普通は断られるんだろうけど、店員さんに一瞬でいいからとお願いし、一瞬つなぎ、外部バッテリーのLEDが光るのを確認。どうやら、保護回路か何かが働いて動作しないようになってた模様。充電をすることで、その保護機構がリセットされるので、問題なく使えるみたいだ。

(19:30) 出発。

83 ：名無しさん ：08/09/13 09:09:35

鎌倉行くんだったら、金沢八景方面から行った方がいいかも。

84 ：名無しさん ：08/09/13 09:22:01

高架をくぐって行くと遊郭があるよｗ

85 ：殺し愛 ：08/09/13 09:28:58

今EMやっと繋がったｗｗ
ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

86 ：名無しさん ：08/09/13 09:30:26

>>85

87 ：名無しさん ：08/09/13 09:30:44

>>85

88 ：名無しさん ：08/09/13 09:32:19

>>85
光回線いつ来るの？

 

愛ちゃんキタコレｗ
この頃はイーモバイルで美容院から配信されてた頃ですね。

横浜市入り

09:38 (29:30) スーパー無言タイム。レスもないしね。

東京から横浜の道は走りやすい。交通量は確かに多いんだけど、違法駐車とか、側道の障害物とかないからね。

ときどき、同じような自転車乗りがいるのもペースメーカーになっていいね。

89 ：名無しさん ：08/09/13 09:48:24

風切音がすごい

90 ：名無しさん ：08/09/13 09:57:38

子安さん

91 ：名無しさん ：08/09/13 10:01:08

中華街でしゅうまいかわなくていいの？

 

(53:00) 聞こえなくてごめんなさい＞＜。
風切り音がすごいっていうのは配信されたBluetoothのヘッドセットの音のほうです。これは、後ほど風切り音対策（ヘッドセットのマイクにテープを貼っただけｗ）をしました。

上の動画を撮影したXactiには風切り音対策として、ガーゼをマイク部分に貼付けてあります。ガーゼだけでもかなりの風切り音対策になるのでオススメ。

(58:00) しばらく、道路ばかりで画が面白くなかったので、みなとみらい２１方面へ立ち寄ることにする。

(1:00:00) ハマチャリの宣伝だよ。1日800円で各所で乗り捨てできるから、横浜観光にどうぞ。

みなとみらい２１

(1:02:00) 横浜ランドマークタワー(Wikipedia)。日本一の高層ビル。

92 ：名無しさん ：08/09/13 10:10:16

あ、あいちゃんがかきこみしてるよｗ

93 ：名無しさん ：08/09/13 10:11:01

赤レンガ倉庫の方にはいかないの？

94 ：名無しさん ：08/09/13 10:13:37

あかれんがそうこたのむ

 

20080913 東京-名古屋サイクリング １日目 4 from Inagaki on Vimeo.

ここで2つめの動画突入。

2008/09/13 10:11 (0:00) ランドマークタワーから。

(00:40) 日本丸(Wikipedia)。× にほんまる → ○ にっぽんまる だそうです、訂正します。

左のビル群はクイーンズスクエア横浜、真ん中のビルはヨコハマグランドインターコンチネンタルホテル、右の観覧車はよこはまコスモワールド、手前は汽車道。

視聴者からの指令で、赤レンガ倉庫へ行くことに。キング、クイーン、ジャックの話は下のページから勝手に見ておいて！

横浜のキング・クイーン・ジャック

(04:30) 夜のイルミネーション見るのに最適な橋。万国橋(Wikipedia)。

横浜赤レンガ倉庫

(06:30) ゆりしーとかｗ何言ってるんだ俺は／／／

95 ：名無しさん ：08/09/13 10:15:03

風の音で何を行ってるのか分かんない＞＜

96 ：名無しさん ：08/09/13 10:19:26

たしかに人少ないなｗ

97 ：名無しさん ：08/09/13 10:19:31

赤レンガ過疎やがｗｗｗ

98 ：名無しさん ：08/09/13 10:20:09

みえたあああああああああああああああああ

99 ：名無しさん ：08/09/13 10:21:08

イベントが無い日は人少ないよ

100 ：名無しさん ：08/09/13 10:21:48

そのちいさいほうがいちごうかんらしい

101 ：名無しさん ：08/09/13 10:23:30

いいな 景色 しゃしんとっとけば

102 ：名無しさん ：08/09/13 10:25:51

うわぁ絵になるなぁ
デートしてええええ

 

自転車乗り入れすると怒られそうだったので歩いていた（ビンディングシューズの音がカチカチ聞こえるでしょ）けど、自転車乗ってる人がいたので海側まで行ってみた。

工作船展示館。入場料無料だそうです。

(15:20) やっぱり、自転車乗り入れ、だめなんじゃん＞＜

(16:30) 横浜税関(Wikipedia)はクイーンだそうです。

103 ：名無しさん ：08/09/13 10:26:21

あかいくつはいてたおんなのこのぞうのとこにいこう

104 ：名無しさん ：08/09/13 10:31:19

いぬにチョップしとけｗ

105 ：名無しさん ：08/09/13 10:32:11

あああ おんなのこのかわいい

山下公園

10:31 (19:20) 赤い靴をはいてた女の子の像へ。

106 ：名無しさん ：08/09/13 10:32:12

山下大ちゃんﾏﾀﾞｰ？

107 ：名無しさん ：08/09/13 10:32:58

車で1時間かからないで行ける所なのに、
5年くらい行ってねぇ；；

108 ：名無しさん ：08/09/13 10:33:09

ひかわまるでしょくじ

109 ：名無しさん ：08/09/13 10:34:42

中華街？

110 ：名無しさん ：08/09/13 10:36:21

鎌倉まで直線距離で６０ｋｍぐらい

111 ：名無しさん ：08/09/13 10:37:00

見てる間誘導しまっす＠神奈川県民

112 ：名無しさん ：08/09/13 10:43:39

中華まん購入TAだな

 

TAってのはタイムアタックの略。中華まんを早食いせよという指令。無視！

(26:00) 小休憩。次行くところは中華街に決定。

その前に横浜マリンタワー

今は改修中で、2009年5月23日にリニューアルオープンするそうです。

横浜中華街

11:42 (30:00) 横浜中華街(Wikipedia)。

中華街は自転車で巡ると大きさとか街路の交わり方とかがよくわかる。

(32:30) 関帝廟。ってことで中華街終了。

113 ：名無しさん ：08/09/13 10:43:54

そこによしもとこうぎょう うんえいの すいぞくかんがあるはず
おもしろいよ

114 ：名無しさん ：08/09/13 10:44:28

中華街なんか来ちゃったのか…

115 ：名無しさん ：08/09/13 10:48:47

高速の高架下沿いを走っていけばいいよ

116 ：名無しさん ：08/09/13 10:48:59

中華街うるさいね

 

横浜散策を終えて鎌倉へ

(35:00) 中華街を抜けて、鎌倉を目指す。でも、ここから先の道はまったくわからないので、視聴者まかせです。

117 ：名無しさん ：08/09/13 10:49:39

あ、もどらなくてもいいｗｗ

118 ：名無しさん ：08/09/13 10:50:03

うんうん

119 ：名無しさん ：08/09/13 10:50:36

高架下を西へ
国道16号まで行けばいいです

 

視聴者の指示を信じて、いざ鎌倉。

で、このローソンがある交差点で終了。

実はここからの先、Xactiの不調で動画ファイルがザックリなくなってしまっているので、次回はWebカメラの画質になってしまうことを前もってお詫びしておきます。

それでは。