シンプル飲食検索 - ホットペッパーWebサービスを使った、行きたいお店候補比較サイト

[拡大画像]

所属している組織「たたみラボ」の研究成果としてリリースしたのですが、ついでに自分のブログでも告知。「シンプルで使いやすい検索ツール」 というコンセプトを元に、ホットペッパーWEBサービスを利用したサイト - シンプル飲食検索 - を本日リリースしました。本家ホットペッパー.jpとはまた違った、判りやすくて・ちょっと便利... 使ってみて、そんな風に感じてくれる事を願って作っています。

1. フリーワードで手軽に検索
2. 候補のお店を幾つか選ぶ
3. それらを一覧表で比較
4. 一緒に行く仲間に「この中でどれが良いかなぁ？」とメールで共有

そんな一連の流れをスムーズに行ってもらう事を趣旨としています。飲み会などの幹事役を引き受けた際に、一度試してみてくださいませ。

記事の続き

... 記事の続きはこちらを見てくださいませ。

ソースコードも公開中

ホットペッパーWebサービスを使ったプログラムのサンプルとして、本サイトを構成するすべてのソースコードを公開しています。世のエンジニアの人たちがこれを参考・流用することで、より気軽に「じゃあ俺もいっちょトンがったサイトを作ってみるか」という気になってくれることを期待しています。一流SIer企業傘下のエンジニアで無くとも、キラリと光るサイトを作れることを見せつけてやりましょうー（個人的な想い）。

ソースコード公開の詳細解説・ダウンロードはこちら

企画段階のサイト設計図を晒してみる

iandeth. での紹介記事オリジナル特典として、シンプル飲食検索サイトの企画段階でのエクセル設計図を晒してみます。設計図、といってもほんの些細なもの（エクセルシートぺら１枚）ですが。人の仕事の過程を覗き見るのって、ちょっと面白いかなと思ったので。

サイト設計図をダウンロード

企業の内部システムを作るときと似ていて、一通り頭の中で要件イメージを固めたら、それを具体的な画面イメージ・パーツ構成図に落とし込みます。画面レイアウト、遷移設計、そして各種コピー文章もこの段階できっちり決めてしまう。そうすると、その後のデザインHTML作成 > システムコーディング > デザインとシステムの結合... の作業途中に迷い・余計な障害が無くて、コトがスムーズに進みます。もっとも、エンジニア１人で最初から最後まで作る場合のお話ですが。