岩家.net

はじめに

7月14日（月），リクルート　オリックス名古屋錦ビル （伏見ね）にて Mashup Caravan in NAGOYA が行われる，ということを，WCAN 2008 Summer で初めて知った私．せっかくの機会なので，参加させていただいてきました．

気がつけば，顔なじみの方も何人かみえてましたね．

本編

箇条書きモードで．

渡辺さん

• 遅刻のため前半聴けなかった orz
• 過去の Mashup Award 受賞者たちのその後

Maddy Project 坂本さん

• 名古屋でフリーのエンジニア
• 作品紹介
  • Surf This ( @ 2nd )
    • おおざっぱに言えばメタ検索
  • Firefly navigator ( @ 3rd )
• 参加動機
  • 名古屋地方は組み込みの開発が多い
  • 組み込みの現場にいるのでWeb系開発の実績が作れない
• 1 Week 開発手順
  • 「作りたいモノ」より「使いたいモノ」を作る
    • 個人的に非常に同意
  • アウトプットを明確に
  • 使えそうなAPIを幅広くセレクト
    • どんどんさがしてメモる
  • 各APIをひもづける
  • ひもづけたAPIsに協賛企業のものが含まれていなければとりあえず却下，次の組み合わせへ
  • 作る
  • 公開準備
  • エントリ
    • ？？？
• 質問
  • 応募作品の開発期間は？
    • 2週間くらい
    • 3日な人もいるけど，まぁ人それぞれ
  • 時間の取り方
    • 11時くらい～2，3時 → 土日に寝てしまう
    • 土日に時間を大きくとった方がいいかも
  • ハードウェアのマッシュアップもあり得る．作って提案してみては？
    • 準備がいろいろ大変
  • 受賞してよかったこと，開発で苦労したことなど感想を
    • 2ndの授賞式の直前で息子さんが誕生
    • 受賞履歴を公表できる．人に知らしめることができるのはいいことだ

イケテルMashupの作り方 Ruby Business Commons

• Ruby Business Commons (RBC) とは？
  • 福岡生まれの Ruby コミュニティ
• RoR を使って 20分で作る
  • Yahoo News のPV をチャートで表示しちゃお
    • RoRの概要
    • Net Beans で開発
    • JSChart で取得したデータ（PVインデックス）をグラフ化

Mashup meets Ext JS 石丸さん

• Ext Japan LLC について
  • アメリカの Ext, LLC(http://extjs.com/) の日本におけるパートナー
  • http://extjs.co.jp/
  • 7月中にプレスリリース予定
• Ext JS とは？
  • リッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリ
  • Sample: OnGmap.com ( @ 3rd )
  • 最優秀賞，優秀賞をとると，強制的にガウンを着せられる
  • 日系BP PC online で使われている（初の商用ライセンス）
• Mashup
  • Mashup/Ajaxプログラミングではまったときに注意すべき5箇条（5箇条じゃなかったり）
    • FirebugでEXCEPTIONが出たら，ブラウザを再起動してみる
    • なぜかページが更新されない場合，リクエストURLの引数にタイムスタンプを埋めてみよう（特にIE）
    • JSON(P) で動かないとき，デリミタのカンマやセミコロンをチェック（特にIE）
• iPhone自慢
  • 長野県諏訪市にお住まい
  • 抽選券 1番を入手．というか一人しかいなかったらしい

Yahoo! 地図サービス x ALPSLAB 岩澤さん

• Yahoo! 地図 Webサービス
  • 2つのAPIセット
    • 地図API
    • ローカルサーチAPI
• ALPSLAB API
  • 4月よりYahoo!が管理している（ALPS社を吸収合併）
  • 大圏API
    • 2地点間の最短航路を緯度経度の点の列で返す
  • print API
    • 印刷用PDFをDL可能に
  • 標高API
    • 指定した場所の標高を求める [m]
    • ？？？
  • 白地図
    • ラッキープレイス

MTL 石橋さん

• Hot Pepper for iPod touch
  • Apple推奨 iPhone アプリの 3step 進化
    • WebサイトのCSSデザイン最適化
    • WebサイトのUI最適化 + フルAJAX対応
    • iPhene native application
  • iPhone シミュレータかっこいい
  • iPhone でクーポン提示
  • 現在の時刻もパラメータで投げて，現在やっているお店のリストを取得することもできる
    • APIを拡張している
  • iPhone SDK: ？？？
  • iPod touch の方が Safari のバージョンがひとつ古い
  • UI
    • マウスはない．あるのはタップのみ
      • click: ok
      • double click: NG（デフォルトで画面拡大）
      • mouse over: NG
      • drag: NG（デフォルトで画面移動）
      • 未検証 events
        • gesture
        • touch
  • UA
    • iPhone: Mozilla/5.0(iPhone; ……)
    • iPod touch: Mozilla/5.0(iPod; ……)
  • touch との挙動の違い
    • 画面遷移のアニメーションがない
    • 画面の縦スクロール位置の取得方法
      • iPhone: window.scrollY
      • touch: window.pageYOffset
  • tips
    • ページ表示と同時にURLバーを消す
      • iPhone: window.scrollTo( 0, 0 );
      • touch: setTimeout( function() { window.scrollTo( 0, 1 ); }, 100 );
    • AJAX loading効果
      • ロード中に他の操作を無効にしたい場合
      • jQuery Block UI プラグイン
    • Windowsでの動作確認
      • Safari for Windows
        • 「開発」メニューを on にする
        • user agent を iphone に設定
  • And more…
    • Local Database
    • Webkit CSS Animation

懇親会

世界の山ちゃん 伏見錦通り店，10名ちょっとで執り行われました．

本編への参加者が30名超だったので，あれ？な感もありましたが （ま，月曜日ですし），スピーカのみなさん（Mashup Award 受賞者や協賛企業の方）と間近でお話しさせていただけたので，十分充実した時間でしたけどね．

一度注文用のタッチパネル（のOS）が落ちたのですが，再起動時の画面はアレでした．（ヒント： 川崎さんの Flickr）

最後は，店員さんにお店の前で写真を撮っていただき，そして解散となりました．

おわりに

これまで，一部の Web API を単一で少し触るくらいはしていたものの，複数のものを組み合わせることはしてこなかったように思います．

これを機に，Mashup なサービスなんかも作ってみたいところ．まずは Mashup Award にも何か簡単なものでも応募してみることにします．

とはいっても，それぞれの Web API の調査を始めるところからですが．．．