たたみラボ

  • about
  • member
  • r&d
  • blog
  • tatamicast

blog

RSS

ケータイ飲食検索 - ホットペッパーWebサービスを使った携帯サイト(Docomo対応)

icon February 21, 2007 12:18 AM by ooi1 このエントリーを含むはてなブックマーク

大井宏友です。

シンプル飲食検索のコンセプト「シンプルで使いやすい検索ツール」をそのままに、携帯用としてさらにシンプルで分かりやすい操作を目指した、ホットペッパーWebサービスを利用したサイト-ケータイ飲食検索-を本日リリースしました。

とりあえずはドコモのFOMA端末をターゲットとしています(他のキャリアでは今のところ動きません。ごめんなさい2006.2.26au,softbankに対応しました。)。 FOMA903iシリーズ等のGPS機能にも対応していて、 GPS機能を使って近くのお店を探すことも可能です。


サイトURL

http://hotpepper.tatamilab.jp/ktai/

特徴

  • 操作は一箇所だけ
    • 店名や場所、お店のジャンルや特徴などのキーワードを一つのフォームに入力するだけ。複数キーワードはスペース(全角でもOK)で区切ってください。
    • GPS機能は「2」ボタンを押すだけで実行!
  • テンキーで操作可能
    • 各お店の詳細ページへは「1」~「5」キー、ページ遷移は「7」「9」キー、検索フォームに戻るときは「0」キーが対応します。
  • 「近くで開いている店」に特化した一覧表示
    • 携帯でお店を探す場面は、「近くで開いている店」を探すことが多いと思いますので、数あるAPIからの情報から 「お店のジャンル」「営業時間・店休日」のみを表示し、一覧だけである程度絞り込むことができます。

ソースコードも公開

ホットペッパーWebサービスを使ったプログラムのサンプルとして、本サイトを構成するすべてのソースコードを公開しています。

ソースコードを、利用規約に同意してダウンロード※2007.8.21のDLより、左記利用規約が適用されます。

ソースコードは以下の4ファイルです。

  • index.htmlindex.php(2007.2.26変更)
    • 表紙。シンプルなフォームとドコモのGPS機能の呼び出し方の例。(追記:2007.2.26にauも対応し、HTTP_USER_AGENTによる振り分けも対応しました。詳細はこちら
  • place.php
    • phpプログラム。フォーム・GPS機能の情報からグルメサーチAPIの呼び出し方と得られたXMLの処理の例。
    • 本ソースではXMLのパースは正規表現を用いていますが、APIのバージョンアップでXML項目の順番が変わるリスクを気にされる方はXMLパーサの使用をお勧めします。
    • 本ソースは端末のチェックをしてないため、GPS非搭載の端末でもGPSのリンクが表示・有効になっていますが、HTTP_USER_AGENTをうまく利用すればGPS搭載端末だけにGPSのリンクを表示させることもできます。
  • logo.jpg、logo.png
    • ロゴ。
    • Fireworks用のpngファイルは、ツヤツヤボタンを作成する際の参考にしてください。

phpはphp4でのみ動作を確認しています。特別なライブラリ等は使用していませんので多くの環境でそのまま動くかと思います。またソースコードはホットペッパーWebサービスのグルメサーチAPIをどのように使っているか分かりやすいようにかなりべたべたに書いてありますのでプログラミング初心者の方でも何をすればいいか順を追って読んでいっていただけるかと思います。

現在、2007年3月12までMash Up Award 2ndが開催されていますので、本ソースを参考にケータイ用のサイトを作成して応募していただけるとうれしいです。

感想・不具合報告・改善要望

等などありましたら、ぜひ問い合わせフォームからご一報ください。

今後ともケータイ飲食検索をどうぞよろしくお願いします。

TRACKBACKS

ページトップへ



(C) RECRUIT MEDIA COMMUNICATIONS CO., LTD.