【イベント参加レポート】 Mashup Caravan in Nagoya

☆

遅くなってしまいましたが、2008年7月14日に、リクルート 名古屋オフィス で開催された「Mashup Caravan in Nagoya」の参加レポートです。

当初、18時30分開始という連絡を受けていて、少し遅刻するくらいの時間にはいけそうと思って、18時45分頃、会場に到着。実は18時開始だったということで、最初の方、聴講できていません(涙)
平日なので、会社にいる時間が長引くと、遅刻せざるを得ないんですが、18時開始と知ってれば、もうちょっと何とかしたのに。って、後から言っても遅いですね。

• 当初の予定

  【 Mashup Caravan in NAGOYA 】
  □日程：2008年7月14日（月）18:30スタート予定
  □会場：株式会社リクルート　名古屋オフィス

• 実際

  《Mashup Caravan in NAGOYA》
  ■日時：7月14日（月） 17:30開場、18:00開始～21:00終了、21:30懇親会（予定）
  ■場所：リクルート オリックス名古屋錦ビル

  Mashup Awards 4 / MA4

受付に、WCAN 2008 Summerでお会いした川崎さんがいらっしゃいました。

面白かったのは、Ext JS の話、ALPSLAB の人の話。リクルートの石橋さんの話はちょっと危険な風味。いや、その手の話は、非常に面白いんですけどね。

あと、Mashup コミュニティのメンバーに登録しているということで、Mashup Tシャツをもらって帰ってきました。まだ、着てません(いつ着るか、迷ってたり)。

メモ

例によって、当日、Eee PC で取ったメモを、そのまま丸ごと載せておきます。聞き間違い、勘違い等あると思いますが、ご容赦ください。

Ruby on rails を使った Mashup事例 (Ruby Business Commons)

  Yahoo! の API を JRuby から利用する
  JSChart  グラフを描くJavascript向けAPI
    数字を CSV 形式で取得して、JSChart に渡してグラフを描く
  はんこを作るAPI


Mashup meets Ext JS (Ext Japan, LLC) LLC = 合同会社 2008年6月13日設立 6月25日に第1回勉強会
  Ext JS 活用事例
    Ext JS   クロスブラウザ対応のJSライブラリ
     コンポーネント、拡張性が高い
     デュアルライセンス
     事例: OnGmap.com
      最初の商用ライセンス適用例でもある
      Mashup Award 3rd 最優秀賞
      Ext JS 本国のブログで紹介された

   ExtOnReady: ブラウザでのレンダリングが終わっていることを保障

   Mashup Award 2nd のとき Doodle を使った作品で応募
     JSON (JSONP) を利用、クロスドメインの制約がない
       → 自前のサーバがなくても動く (ローカルPCのhtmlでもOK)
     Ext JS 以外に prototype.js を併用

     mashup award で人生が変わる?

     一種のパラダイムシフト
      デザイン力がなくても見栄えのいいサイトができる
      (ロジックを書くだけでもそれなりのサイトができる)
         Javascript + CSS
         いままでサーバ側でやっていた処理をクライアント側で処理

     はまりやすい罠
       開発環境が貧弱
         開発環境: 秀丸 → FireBug を併用するようになった
       なぜかページが更新されない  タイムスタンプ等、適当な引数を与えてキャッシュを抑制
       セミコロン忘れ
       IE で「操作の中断」(ページが開けません) IE の Javascript のバグ?
         変数名の先頭に _ をつけるとかで逃げる (IE 内部の定義済み変数と被ってる?)
         body.onload と window.onload の違い (タイミングとか、引数とか)
         iframe で逃げるとか

     iPhone で mashup アプリを作って動かす
       iPhone で mashup award が変わる?

       本の検索
       カーセンサーのAPI
       Chart API
       キーボードでmapを操作

       「mashuperの輪」


Yahoo! 地図 Webサービス × ALPSLAB API
  アルプスラボの人
  (1) Yahoo! 地図 Webサービス
     ・地図API
        javascript版
          簡単なhtmlとjavascriptで地図を貼り付けることができる
          位置情報関連のAPIもある
        flash版
          Yahoo! 上からflash地図コンテンツを貼り付けて利用する
          地図の回転等、flash の方がやりやすいものがあるので、flash版APIが用意されている
            地図を回転させたい angleTo メソッド 指定角度だけ回転
                smoothAngleTo メソッド 指定角度分ゆっくり回転

     ・ローカルサーチAPI
          キーワードから住所や郵便番号などを検索
          キーワード「名古屋」のリクエスト例
             → 名古屋駅の緯度経度、住所、……

          周辺検索
            緯度経度を指定して、その周辺の施設を検索
            クーポン券を入手するサービスもある

  (2) ALPSLAB API
     次世代地図サービスの実験的サイト
      ・大圏API
      ・

    Yahoo! 地図API と親和性が高い(はず)

    大圏API
     弾道ミサイルの飛行距離API
       東京-ロンドン間の大圏経路(地図上の最短距離)を求める  引数は2点の緯度経度

    point API
     ミニ地図帳を作るAPI
       PDFファイルを生成、ダウンロードして印刷
       地図にアイコンを載せることができる

    コンテンツ検索API
      位置情報コンテンツを検索
       ALPSLABに投稿されたコンテンツ
         blog等から収集
         写真
         ルート

    標高API
      指定した場所の標高を取得するAPI 緯度経度を指定
         住所と標高が返ってくる
         緯度経度から住所を引っ張ってくるAPIはまだ少ない
         おおっぴらには使えない (専用APIではなく標高APIのおまけとして実装した事情)

    白地図API
      例: 愛知県の白地図を取得
      地域ごとの統計データを白地図に色分け表示

    ラッキープレイスAPI
      占いが好きな人向け
      今日のラッキープレイスを表示



RECRUIT テクニカルセッション
   石橋さん

   リクルートの14媒体の API の実装、メンテをやっている

   事例: iPod Touch で動くホットペッパーアプリ

      iPhone の画面サイズに最適化
      Safari 向けの CSS
    ※ページサイズは小さく。javascriptで動的に。
      objective c を使って開発

   iPhoneシミュレータを使って、デバッグ
      Safari
        縦置き、横置きもシミュレートできる
        リクルート内部API(クーポンを表示)を使っている [一般公開されていないAPI]

        Google Maps API を使わずに、static map API をつかっている
         (ピンが立った静的画像が返ってくる)

        いま開いている店を検索 (朝は各地のマクドナルドが大量に表示される)

        SafariアプリはGPSと連動できる機能がまだない
        プロットできるAPIはある
        サーバサイドのコードは一切ない。クライアントサイドの JS + CSS のみですべて実装

        12日くらいで作成

   SDK
    コミュニティに登録。SDK をダウンロード
    雛形の html と javascript が手に入る

    NDA に引っかかるけど、アップルとしてはアプリを作ってほしい(ので、大目にみてもらえる?)
    ID の話はまずいけど、それ以外は大丈夫?

    開発環境の紹介
      Mac を持ってないと開発できない!!  MacOSX 10.5.3 が必要!!
      ライブラリや基本的なボタンは用意されている
      スクリプトだけ書けば、そこそこのものができる。絵は書かなくてもOK
      簡単にはじめられる
      javascript のフレームワークも用意されている
         開発者は main.js だけ書けばいい
         1画面 1コントローラ
         さっきのアプリは50行ちょっとで実現

       iPod touch は iPhone の Safari よりバージョンが古いので、使えない機能がある
        (2000円払って、バージョンアップすることもできる)

      マウスがない。タップとドラッグがすべて。
      タップ(クリック)はあるが、ダブルクリックはない。ロールオーバーもない。ドロップもない
      ネイティブAPIだけでは Google Maps をぐりぐりできない (今後に期待?)

      userAgent: iPhone と iPod touch で違う → javascriptエラーとか出る、ちょっと挙動が違う
          今だと touch 向けにアプリを書いて配布したほうがいろんな人に使ってもらえるかも
          メソッドがちょっと違う。userAgentで処理を分岐する必要あり
          iPod Touch の方が縦60px分小さい → onload 時に60px分スクロール処理を入れたい(バッドノウハウいろいろ)
          傾き検知 iPhone は簡単だが、touch はちょっと余分にコードを書かないとだめ
          キー入力を disable にしたいときとか、jQuery を使うといいかも
       PC の safari で useragent を iPhone にすると、PC でも iPhone っぽい画面が表示できる

       フレームワークがよくできている
       htmlページのタイトルがカスタマイズできない (フレームワークを書き換えないと無理)
       戻るボタンの文言とかも固定

       local database   javascript でいじれる、ローカルキャッシュとか
       CSS だけでアニメーションも書ける (Safari独自機能)

       カメラも javascript で制御できる

       App Store のアプリはワンクリックインストールできる

       objective c のアプリの中に safari を貼り付けて使えるようになるかも?
         objective c なら GPS 情報にアクセスできるようになる?

       Windows向け開発環境はたぶん出ない


ライトニングトーク
  Firefox 3 エバンジェリスト
  OSC 2008 名古屋
  名古屋地区 勉強会 いろいろ

以上、参加レポートでした。