CALTA Project

明日は、岐阜入りです。大垣駅についたら駅前のバス停の写真を撮ってdoodleして・・・と。大垣駅からバスで10分。バスの路線名は「ソフトピア線」。ソフトピアジャパン下車。

written by k-matsu
この記事へのトラックバックURL

バス停の時刻表を写真に撮って投稿されたdoodleを発見したので、バスでお出かけMAPのみんなのスポットに登録しました。

http://calta.jp/bybus/spot/6477-17.html

こういった使い方は予想していませんでした。なるほど、これはとっても便利です。

written by k-matsu
この記事へのトラックバックURL

doodleデビューしてから、doodleの愛さんから毎週メルマガが届くようになりました。doodle開発記のけひんさんのおっしゃってる通り、とっても癒されます（てっきり、けひんさんが書いていると思ってました^^;)

さて、 「doodle meets バスでお出かけMAP & ONGMAP !」でご紹介いただきましたように、11月1日に、岐阜の大垣市で開催されるスイートバレー推進協議会「Ｗｅｂ２．０の現状と動向セミナー」にパネリストとして出演させていただくことになりました。このセミナーは、リクルートの川崎さんとONGMAPのyukiさんも出演されます。

マッシュアップの開発事例と新しいサービスについての発展性というテーマで、ディスカッションさせていただく予定ですが、バスでお出かけMAPの紹介と、今回のMAの輪の成果についてもお話させていただく予定です。

もうひとつ、11月15～16日Web2.0EXPOが開催されますが、16日のセッションT4セッションでdoodle開発記のけひんさんが、「日本発！WebAPI」をテーマに講演されます。そこで、「doodle meets バスでお出かけMAP & ONGMAP !」についてプレゼンされる予定です。バスでお出かけMAPもWeb2.0 EXPOという大舞台に登場でき、感慨無量です！

バスでお出かけMAPはWEB2.0EXPO入りが決まりましたが、肝心の私がWeb2.0 EXPO入りできるか・・・鋭意調整中です(人´∀｀)。
また、このWeb2.0EXPOでは、S21セッションでONGMAPのyukiさんやSunのnabejunさん、バスでお出かけMAPでマッシュアップさせていただいたCARWINGSの日産自動車さん、S7セッションではメディアテクノロジーラボさんなど、MAの輪のみなさんが登場します。参加できる方は、ぜひ足を運んでいただければと思います。

written by k-matsu
この記事へのトラックバックURL

ちょっと書き留めておきます。

その１.　IEの場合、DOMを使って動的にTBLタグを使う場合、TBODYタグを作ってあげないと表示されない。

1
2
3
4
5
6

var tbl = document.createElement("table");
var tr = document.createElement("tr");
var td= document.createElement("td");
td.appendChild(document.createTextNode("バスでお出かけ楽しいな"));
tr.appendChild(td);
tbl.appendChild(td);

↓

1
2
3
4
5
6
7
8

var tbl = document.createElement("table");
var tbody = document.createElement("tbody");
var tr = document.createElement("tr");
var td= document.createElement("td");
td.appendChild(document.createTextNode("バスでお出かけ楽しいな"));
tr.appendChild(td);
tbody.appendChild(tr);
tbl.appendChild(tbody);

その２.　IEの場合、colspanをsetAttibuteで設定する場合、colspanでなくcolSpanとしないとダメ(Sは大文字) 。

1

td.setAttribute("colspan","2");

↓

1

td.setAttribute("colSpan","2");

その３.　Iframeのフレームの枠線を消す場合は、frameborderを0にすればよいが、IEの場合は、IframeをDOM で動的に作った場合、frameBorderにしないとダメ（Bは大文字)。

1
2
3

var  iframe = document.createElement("iframe");
iframe.src="http://example.com/hoge.html";
iframe.frameborder = 0;

↓

1
2
3

var  iframe = document.createElement("iframe");
iframe.src="http://example.com/hoge.html";
iframe.frameBorder = 0;

3つ目のやつは、ネット上からリソースが見つけられずはまった。

written by k-matsu
この記事へのトラックバックURL

doodle開発記のこちらのエントリにあるとおり、バスでお出かけMAPのdoodleのマッシュアップを強化しました。

バスでお出かけMAPの 右側のサイドバーに「落書き」という検索エリアがあります。

表示を検索したいエリアに地図を移動して、落書きの種類を選択してから「検索ボタン」を押します。

検索ボタンを押すと、地図で表示しているエリアにあるdoodleの情報を検索して表示します。

これらの情報は、doodleのユーザが実際にその場所に行って、GPSケータイで投稿したものです。

落書きらしく、黒板っぽいデザインにしてみました。

MAPには、こんな感じでアイコンがプロットされます。一応、駅なんかにある掲示板（黒板）をイメージして、doodleの「d」の字をあしらってみました。

そして、[掲示板]と書かれたリンクをクリックすると、その落書きの掲示板が表示されます。

これは、doodleの掲示板と同じものですので、ここからこの掲示板に対して書き込みや写真や動画などの投稿ができてしまいます。

さらに、もうひとひねり。「この落書きをみんなのスポットにする」という機能があります。これはどういうことかというと、バスでお出かけMAPには「みんなのスポット」というスポット情報を登録できて、そのスポットを表示すると、そこにバスでお出かけするための情報を表示する仕組みがあります。

「みんなのスポット」として登録された情報は、MAPをドラッグしたり移動したりすると、 検索ボタンなどを押さなくても、自動的にMAPにアイコンがプロットされます。つまり、この機能を使って、「みんなのスポット」にしてあげたdoodleの情報は、「みんなのスポット」と同じようにMAPを移動するだけでプロットされるようになり、バスでお出かけするための情報もあわせて表示されるわけです。

みんなのスポット化されたdoodle情報もバスでお出かけMAPでの固定リンクが割り当てられます。http://calta.jp/bybus/spot/6459-15.html

doodleのユーザが書き込んだスポットへバスでお出かけが可能になるだけでなく、バス停やバス停周辺の写真などを撮って投稿してもらえれば、バス停情報にも広がりが出てきます。いろいろな応用が可能なマッシュアップになりました。

written by k-matsu
この記事へのトラックバックURL

Mash up Award 3rd でチャンプに輝いた、ONGMAPのコンセプトです。

• ONGMAP：　　　「検索したい場所が決まっている」→「選択」→「地図上に表示」
• Google Map ：　「検索したいものが決まっている」→「検索」→「地図上に表示」

思えば、Mash up Award 2ndでCALTA Projectは21のAPIを使いまくった異色作「Mash Max」を発表し、API詰め込み過ぎのサービスとして破綻寸前でギリギリセーフ、特別賞をいただきました。

実は、バスでお出かけMAPは2006年の7月にサービスを開始してるんですね。しかし、Google Mapがあってバス停が登録できて、という単純なサービスでした。もともとCALTA Projectの発足のきっかけは、バスの情報を充実させたサイトを作ろうということから始まったので、このサービスをよりよいものにしたいという思いがありました。

そして、2ndの表彰式の帰りの電車の中、次はバスでお出かけMAPを本格的なマッシュアップサイトとして完成させて、3rdに挑むことが決まりました。

そして、「次回はAPIの数では勝負しません！マッシュアップの王道ともいえる作品で勝負します」と宣言。

でも。。。。そんなことを言いながらも、しっかりとExcelでAPIリストを作成し、いくつマッシュアップが完了したかをチェックしていたのです。「APIの数にこだわらず、王道を貫いた結果、結局、APIの数がMashMaxを超えちゃいました～」というコメントを話せる日を想像しながら・・・ 。やらしいですね～^^;

結果、バスでお出かけMAPは、現在18のAPIをマッシュアップしました。21まで後3つ届きませんでした・・・。

話を戻しましょう。ONGMAPです。ONGMAPは、バスでお出かけMAPをマッシュアップしてくれています。

バスでお出かけMAPは、今回近隣のバス停情報をAPIでも提供しています。API公開とともに、MashupediaさんでAPIが紹介され、それからまもなく、ONGMAPのyukiさんからAPIを使わせてもらいましたのメールを受け取りました。APIを公開したものの、誰も注目してもらえなかったらさびしいですからね。そういった意味では、MA3の参加企業であるMashupediaさんと最優秀賞を受賞したONGMAPがバスでお出かけ APIに興味を持っていただけたのはとてもうれしかったです。

まぁ、そういう経緯もあって、ONGMAPは最優秀賞に輝く前から、いじらさせていただいたわけです。見て思ったのは、APIの数が云々の話じゃないなぁと。少なくともCALTA Projectとしては、Mash Maxで、マッシュアップしまくったわけですが、そういう次元をはるかに超えちゃってる。

Mash Maxを作った経験から言うと、詰め込んで詰め込んで、でもサービスとして成り立っている、というさじ加減ってとっても難しいんです。それと開発にかけるモチベーションを維持し続けないと、このようなサービスは作れないですね。それはきっとyukiさんの緯度経度情報に対する情熱とか執念とか、怨念とか・・・。きっと、このようなものをベンダーに開発させたら、「その機能はほんとに必要か？」「その機能作るのに工数どんだけかかるんだ」とかなっちゃって、絶対作れっこない。

CALTA Projectのサービスだって、すっごくつまんなくて意味がないところに、変なこだわりを持って時間かけて作ってたりしてます。

みんなの水遊びMAPでは、Ajaxで通信してるときには、上の絵の砂浜の所にカニが出てくるとか・・。ストリートミュージシャンのためのStreamer’s Map というサービスでは、地図の初期表示が、伊勢佐木町の松坂屋前だったりする・・・。

そういった意味でも、Mash up Awardに集まる作品は、デベロッパーたちのこだわりや情熱があるからこそ、輝いているんだなぁと思います。

さて、最初に話を戻すと、ONGMAPのコンセプトは、「検索したい場所が決まっている場面での利用」とあります。これは、バスでお出かけMAPも同じ考え方です。 検索したい場所に地図を移動して、そこからリアルな何かを見つけ出してもらう。同じ地図のサービスを開発している輪の仲間として、共感、です。

written by k-matsu
この記事へのトラックバックURL

バスでお出かけMAPでは、GOGAさん提供のdoodle APIを使用させてもらってます。

doodleはGPSケータイを使って、地図上に落書きを残せるWebサービス。Mash up Award 2nd で優秀賞を受賞されています。

実は、Mash upをさせてもらっていて、いまさらなんですが、実際にdoodleを使った登録はしたことがなく（ゴメンなさい）、初めて、doodleデビューをしました！

このサービスの面白いのは、地図上に落書きを残す（虫ピンを立てる）には、実際にそこに行かないとダメだということです。

実際の（リアルな）場所からそこに”存在する”バーチャルな掲示板に 落書きをする、というのがこのサービスのこだわりです。

このこだわりは、doodle開発記のエントリを読むとよくわかります。

「Google Mapでちょっとドラッグした3.5kmと、リアルに汗をかいて歩いた3.5kmの差」・・・　感銘を受けました（17km版のお話はこちらです）。

バスでお出かけMAPもみなさんに、バス停やスポットを登録してもらってますが、バス停やスポットの情報も実際にそこに行ってみないとわからない情報もあります。こうして登録された情報をバスでお出かけMAPから見つけてもらって、実際にそこに行ってもらえれば（もちろんバスでですよ^^;)、意義のあるサービスになっていくのだと思います。

そういった意味で もバスでお出かけMAPを息の長いサービスとして続けていきたいと思っています。

doodle、やってみると面白いですよ！ GPSケータイ持ってれば簡単に始められますので。

written by k-matsu
この記事へのトラックバックURL

えー、勝手にブログ移転記念企画です。

今から5年～7年くらい前、まだ、Blogはもちろん、ブロードバンドなんかもなくって、アナログ回線でダイヤルアップしていた頃、ネット上でコラムとかエッセーを書いておりました。久しぶりに読み返してみて、ノスタルジックな気分になったので、貼り付けてみます。

ちなみに、記録によると、このコラムは、2000.09.18に書いたものです。なんてバカバカしいもの書いてたんだって感じですが・・。

題名は「パソコンの重さ」

したがって、関西人の方から、「こんな言葉使わへんわ」という苦情のメール等は勘弁願いたい。

～出囃子（でばやし）～

「ど～も、ドットで～す」

「ど～も、コムで～す」

「二人合わせて、 青空ドット・コムで～す」

「そやけど、時代はＩＴの時代ですわな」

「そう、そう、ＩＴ、ＩＴ。こう、指と指を合わせて」

「そうそう、IT・ゴー・ホーム．．．って、そりゃ、ＥＴやがな。ちゃうやろ。ＩＴや。インフォメーション・テクノロジーや。最近、新聞やら、テレビやらでいってますやろ。インターネット使って、こう、自宅にいても、いろいろな情報を取り出せるやっちゃ．．．」

「おう、インターネットやろ。私、実は、やってますねん。インターネット」

「ほう？君、インターネットしてるんや？ほな、聞かせてや。インターネット使こて、どんなの見てますの」

「そりゃ、決まってまんがな。まず、デスクトップのインターネットていうアイコンをクリックや」

「そやな。インターネットのアイコンをクリック」

「すると、画面が表示される」

「ほう、画面が表示される」

「最初に表示されるんは、アサヒ・ドット・コムですわ」

「ほう、朝日新聞のホームページやな。そう我々漫才師もな、ニュースはしっかり見なあかんからな。それから、どんなの見てます？」

「慎吾ママ・ドット・コム」　(注：当時はあの慎吾ママのオフィシャルサイトだったんですが、このドメインは、今は違う方が使ってるようですね)

「そんなんあるんか？まぁええわ。それから」

「あと、料理関係やな。今日び、料理のレシピなんかもインターネットで検索できるさかいな」

「ほう、例えばどんなんがありますの？」

「そやな、昨日、サンドイッチ食べたなって、アクセスしましたがな」

「ほう、どこのページ？」

「パンの中身はキット・ハム」

「・・・・・。寒。どないすんねん。お客さん引いてしもたやないか。そやけど、あれやな、最近、インターネットも、重たいファイルが多なってきたやろ。画像やら音楽やら。で、気がつくと、ハードディスクの中身がいっぱいや」

「あれ～君もか。私も最近、重たなってきたと思ってたんですわ。私の仕事部屋のパソコン置いてる机ありますやろ」

「おう、ある。あれやな、あの、きったない事務机」

「汚いは余分ですわ。あれ、最近、パソコンが重たなって、机が、こう、傾いてきたんですわ。ミシミシッてゆうて」

「あるかい。そんなこと。わしが重たいゆうたんは、ファイルのサイズが大きくなったんで、ダウンロードに時間がかかるってこといってるんや」

「そうそう、ファイルが大きなって、パソコンがパンパンになってな。机が、こう、傾いて・・・・・」

「違ういうとるやないか！もうええわ」

すると、その時、ドアが開いた。

「おお、永松君に平井君、ここにいたのか。探してたよ」

永松と平井がドアの方を向くと、そこにいたのは、鳥越部長だった。

永松と平井は、会社の宴会の余興の練習を会社の会議室でしていたのだ。

「どうしたんです。鳥越部長」

鳥越部長は、困ったような顔をして、二人にこういった。

「私の机が傾いて倒れてしまったんだ。ミシミシっていいながらね。そしたらパソコンがガッシャ～ンとなってしまったんだ。慌てて電源を入れ直したんだけど、起動しないんだ。ちょっとみてくれないか」

鳥越部長が勤務中に、あんなファイルやこんなファイルを一生懸命ダウンロードしていたかどうかは定かではない。そう、机が倒れたショックでハードディスクが壊れてしまっていたのだ。

written by k-matsu
この記事へのトラックバックURL

CALTA Projectのブログをここに引っ越しました。基本的にデザインなどは同じですが、いろいろとカスタマイズが可能になりましたので、こちらのブログでは、コンテンツを充実させていこうと思っています。

PHPもRubyも使えるようですし・・・（Mashup Engineerを名乗ることにしましたが、実はPHPもRoRも未経験なのです）。

とりあえず、ちゃんとフィードも配信できるようになりましたので、まずは、全文配信同盟に加盟しました。

今後ともCALTA Projectをよろしくお願いします。

written by k-matsu
この記事へのトラックバックURL

今週末9/30はで書きましたとおり、F1日本グランプリに取材(?)に行ってきました。で、遅くなりましたがレポート（F1日本グランプリのチケットアンドバスライド）をバスでお出かけブログに書きました。サーキットの周辺の渋滞を防ぐことが出来たものの、観客に不満を残してしまった今回のバス輸送について、私なりに原因と対策を考えてみたものです。よかったら見てください。

written by iota
この記事へのトラックバックURL