10/17

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

その1. 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);

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

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

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

その3. 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

10/03

マッシュアップという開発スタイルに魅了されて1年が経ちました。

今、これから、自分ができることを考えると、身につけた技術とか開発手法を、一般の業務系システムの開発にも影響を与えていくことだと思います。

人月神話、まだまだなくならないと思います。ウォーターフォール、身の回りにまだまだ根付いてますし、デベロッパーたちを苦しめている要因にもなっています。

でも、この1年のマッシュアップのムーブメントの流れの中で得たもの、それは、Google Mapであったり、Ajaxであったり、JSONだったりもするわけですが(それはそれで楽しいんですが)、それ以上に、MAを通じて出会ったデベロッパーたちの輪だと思います。 この輪はこの業界に身をおいているデベロッパーの悩みを打破できるポテンシャルを少なからず秘めていると思います。

表彰式の時に何人かのデベロッパーの方とお話しました。みんなおんなじ悩みを抱えているんだなぁと。家庭・家族との両立という問題も自分たちだけじゃないんだと。

そういった意味では、今回の表彰式で奥様やお子様を連れて出席された方が何名かいらしたことは微笑ましくありました(自分も連れてくるんだったと後悔・・・)。

表彰式の時にお話できなかった方もいらっしゃるのですが、ぜひともこのMAの輪を広げて行きたいなぁと思う次第です(MAの輪に相互リンクしていただける方は、コメントPostしてくださいね)。
といいつつ、根底にあるのは、「ただ飲みたいだけ!」だったりして(w > uchiyama2000さん

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

09/30

Mash up award 3rd で 「バスでお出かけMAP」が部門賞をダブル受賞(じゃらん賞、リクルート進学ネット賞)しました。

昨年のMash up award 1st「みんなの水遊びMAP」(最優秀賞)、今年3月のMash up award 2nd「Mash Max-セールスガジェッツ-」(特別賞)に続き、3度目の受賞です。

わずか1年の間に応募作品数が倍々で増え、応募作品のクオリティも各段に向上していく中で、我々もその流れに追いついていこうと頑張ってきたのですが、3回目のAwardでも 受賞作品に選定してもらい、とても感激してます。

今回は、バスでお出かけMAPの制作者としては、表彰式には、バスでお出かけせねば、ということで、8:30静岡発の高速バスで東京に行ってきました。雨で渋滞が心配でしたが、さいわい渋滞もなく、定刻通り2時間30分ほどで東京に着きました。みなさん、バスを積極的に活用しましょうね。

今回は、部門賞ということで、リクルートさんから副賞をいただきました。2.jpg

リクルート進学ネット賞の副賞として、「受験ばっちり応援セット(マークシート用鉛筆、合格祈願お守りストラップ、カイロ、消しゴム、冷却シート)」、置時計、特製ボールペン、じゃらん賞の副賞として、商品券(2万円分)、にゃらんせんすなどなど。進学ネット特製ボールペンは子供へのお土産に・・・。

あと懇談会の前に、あらかじめ配布された名札にアルファベットが書かれていて、そのアルファベット毎にグループ分けして、グループ毎で「Mash up awardウルトラクイズ?」が開催されました。第1問目は、「第1回目のMash up Awardの受賞作品は?」でした。もちろん正解は、わがCALTA Projectの「みんなの水遊びMAP」なのですが、みなさん全員正解してくれたのでほっとしました。

うちのグループは、最終的に5問正解して、同じく5問正解した今回最優秀賞を受賞したONGMAPのYukiさん率いるチームとサドンデスになりました。3.jpg1st Awardチャンプ VS 3rd Awardチャンプとの戦いになったのですが・・・、見事、うちのグループが勝利し、賞品のクリスタルDuke(とっても高価らしい・・・)をいただきました(写真の左は第1回目の参加賞としていただいたDukeマウスです)。

ONGMAPには、CALTA Projectが今回公開したバスでお出かけAPIを組み込んでいただきました。最優秀の作品にうちも(ほんのちょっとではありますが)貢献できたのでよかったです。

また、 「Mash Max-セールスガジェッツ-」を公開したときに、サイトのレビューをしていただいた、F-Kojiさんも「全文配信同盟」という作品で部門賞(FeedBurner賞)を受賞されました。F-Kojiさんは、RSSやWeb2.0に関するブログを精力的に書いている方で、これまでCALTA Projectもいろいろと参考にさせていただいていました。今回、表彰式という場で実際にお会いできてうれしかったです。

Mash up award 2ndで優秀賞を受賞した、GOGA石丸さんにも久し振りにお会いできていろいろとためになるお話をさせていだきました。受賞者同士のコミュニティを作っていろんなことができたらいいなぁ、と思います。また機会がありましたら、何か面白いことをご一緒できたらと思います。

カーナビでバス停検索という微妙な機能も今回作り、あいにく、日産車を保有していないため、未確認状態だったのですが、CARWINGSさんの方で検証してくれたとのこと。CARWINGさんのブログでも紹介していただきました。ありがとうございます。自動車メーカーさんとともに環境問題に取り組んでいきたいと思います。

ほかにも、いろいろな方とお話させていただきました。これまでこのAwardに参加してきて、こういったデベロッパーの人たちが集まっていろいろお話できる機会もそうはないですし、また、自分たちのスキルもこの1年で飛躍的にAwardとともに向上できたと思っています。とっても有意義な時間を過ごせました。

SUNやリクルートのみなさま、また参加企業のみなさま、ありがとうございました。そしてお疲れさまでした。

1.jpg 今回のオードブルで出された「Mash up バーガー」。いろいろな具材を「マッシュアップ」して頂くというAwardならではの一品でした。
P.S.

今回はお子様づれで表彰式に見えた方も何人かいらっしゃいました。開発と家庭との両立という面では、みなさん共感する部分が多いですね。家族の理解があってこそですね。 表彰式の合間に妻に受賞報告をしたら、おめでとう&お疲れ様メールが返ってきました。また、家に帰ったら、子供たちが「お父さんおめでとう!」と出迎えてくれました。最後の方は開発もかなりきつかったんですが、家族のみんながこう言ってくれると、ホント癒されます。

会場でMash up Award謹製のTシャツが配られました。最後の方で余ったのでどうぞ、と言われたので、お言葉に甘えて、SサイズのTシャツを2枚子供たちの分としていただいて帰りました。今、子供たちはそのダボダボのTシャツを着て寝てるんですが、その寝顔を見ながら、ちょっと余韻にひたっています。

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

09/17

バスでお出かけMAPで、Yahoo!地図情報 Flash版のルート再生機能を使用して、バスの運行経路のルート再生を行う機能を作りました。

バスでお出かけMAPの路線情報登録機能で、バス路線情報と路線図データを登録することで、その路線のルート再生が行えます。

サンプル

Flashが経路情報を読み出すために、クロスドメインの設定(crossdomain.xml)の設定が必要になるのですが、これがちょっとわかりづらかったです。Yahoo!地図情報のスタッフブログに詳しい説明がありましので、こちらを参考にさせていただきました。

ルート再生の開始終了の制御もjavascriptで制御できたらなぁと思います。

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

09/16

バスでお出かけMAPで、日産のCARWINGSをマッシュアップしました。

CARWINGSとは 日産のテレマティクスサービスで、対応したカーナビにいろいろな情報を提供できるものです。で、バスでお出かけMAPではバス停情報を提供しています。

CARWINGS

カーナビにバス停の情報?というと何だか奇妙な感じもするかと思いますが、パークアンドライドの利用促進を目的としています。

パークアンドライドとは、市街地などの渋滞緩和のために、郊外に駐車場を設け、そこにマイカーを駐車し、市街地へはバスや電車で乗り込むという仕組みのことです。

バスでお出かけMAPのバス停登録機能では、駐車場の有無を登録することができます。したがって、これらの情報とCARWINGSをうまく活用することにより、 最寄りの駐車場があるバス停を検索->バス停にマイカーを駐車->バスで市街地へ・・というような利用が可能になります。

#もう少し頑張って、カーナビの目的地を駐車場のあるバス停->バス->目的地 といった経路に変更して表示できるような仕組みが作れればよかったなぁとも思います。今後の課題とします。

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

09/16

バスでお出かけMAPに登録されたバス停情報をGPSケータイから取得することができます。

初めて行った場所でなどで、最寄りのバス停を探すことができるので便利なのではと思います。路線情報が登録されている場所では、行先も合わせて表示されますので、今、どこにいるかわからないけど、とりあえず駅まで出たい、というようで場面で使えるかもしれません。

SoftBank,au,DoCoMoのGPS機能付の携帯電話をサポートしています。

バスでお出かけMAP-GPSケータイ版

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

07/06

今回のテーマは、「つながる、ひろがる、つくりだす。可能性は無限大。」だそうです。今度は、第2回にも増して協力企業さんが増えて26社。

CALTA Projectも参戦します!

第2回では使用したAPIの数で勝負しましたが、さて今回も数で勝負!?? いやいや・・・。
http://jp.sun.com/mashupaward/

また、全国4都市で、Mash up Caravanが行われるそうです。
IT関係者以外にも門戸を開いているアワードなので、IT関係者以外でも興味のある方は、参加されてはいかがでしょうか。キャラバンの行程は、大阪→札幌→福岡→東京、。ん? 静岡がない。福岡から東京への移動に途中に寄っていただければ・・・。

リクルートさんもデベロッパー応援サイト「つくるぶ」を立ち上げました。マッシュアップに関するいろいろな情報を共有できるサイトですので、参考にするとよいと思います。

追伸:GPS携帯に買い換えました。

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

03/23

MashMax - セールスガジェッツ - が、Mash up Award 2nd の特別賞を受賞しました。前回の最優秀賞受賞に続き、2度目の受賞、とてもうれしいです。

今回は、応募作品も108作品と前回の2倍。作品自体のクオリティも格段にあがっています。 Mash Max - セールスガジェッツ -は、提供された開発リソース全制覇!というネタ的な作品でありましたが、「詰め込みすぎて破綻することなく、バランスの取れたサービスとして成立している」との評価をいただき、特別賞をいただきました。

Mash up Awardも回を重ね、マッシュアップによる開発がだんだんと浸透してきました。今回の受賞作品の中でも、従来のシステム開発と比較して、機能的に遜色がなく、また予算・納期を凌駕してしまうものが数多く見られました。

今回最優秀賞を受賞した、黒田さんの「出張JAWS(ジョーズ)」などは、その最たる例だと思います。また、優秀賞のGOGAさんの「doodle(ドゥードゥル)」は、コンシューマーを捲き込んだ新しいサービスが、マッシュアップにより可能になったという好例だと思います(GOGAさん、静岡地区のシスオペはお任せ下さい・・・・。んと、その前にGPSケータイに乗り換えますので、そしたら、静岡地区でドゥドゥッておきますので、しばちお持ちを)。

あと、第1回に続き、同じく2度目の受賞となった、 convivial-webさん。今回は、子育てネタでした。CALTA Projectでも出産がこれから控えておりますので、お互い、子育て頑張りましょう!

CALTA Projectとしては、こういった流れを見据えて、新しい価値のあるサービスを作っていきたいと考えています。

ありがとうございました。

審査結果はこちら。

http://bic.recruit.co.jp/mashupaward/results.html
http://jp.sun.com/mashupaward/

@ITさんでも紹介していただきました。
@IT News Insight いま見ておくべきマッシュアップの最先端事例

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

03/14

公開して、まだ2日ですが、なかなか好評のようです。

F.Ko-jiさんのブログでもレビューしていただきました。スクリーンショット付きで、とっても、わかりやすいです。ありがとうございます。
で、MashMax - セールスガジェッツ -のブログをこちらで始めました。

機能紹介や、開発のエピソード、マッシュアップの楽しみ方など、こちらで書いていきますので、見てやってください。

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

03/13

CALTA Projectが新しいサイトを公開しました。

サイトの名前は、 MashMax - セールスガジェッツ -
モバイルパソコンを持って全国を飛び回っている営業マンのために便利な機能を集めてみました。マッシュアップ満載です。

  • 出張先への行き方を指南します。
  • お客様を接待する場所の選定をサポート
  • 最新の時事ネタ、営業ネタをブログから取得。接待や合コンで活用できます。
  • 出張時のホテルの予約をサポート
  • 備品調達のサポート
  • 知らない言葉があったら即座に回答します。MashMaxを使い込めば、足りない一般常識を補うだけでなく、雑学王になることも可能。
  • 名刺を切らしてしまった! でも安心です。近くにセブンイレブンがあれば大丈夫!
  • 疲れたあなたを癒します。今の心境にあった音楽を奏でます。

営業マンでない人も便利なのでぜひ活用してみてください!

http://mashmax.calta.jp/

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