Yesterday: 
Online: 
新しいサイト作ってしまいました。
「温泉宿・施設予約検索」
http://midilin.sakura.ne.jp/travel/
サイト名は変更するかもしれませんが、
とりあえずシステムができたので、公開します。
全国の温泉とエリアから宿泊施設が検索できるシステムです。
温泉宿及びその他宿泊システム全国１３０００件近くの宿が検索できる他、
口コミ情報の書き込みと閲覧が可能になっています。
学生時代に日本全国旅したことがあったので
（もっともほとんど寝袋で野宿だったが）
旅関係のサイトは一度作ってみたかったのです。
たらい回しツアー（もうほとんどの人がこの企画を忘れているはず。６，７年前の企画だから）
のように旅のレビュー記事を書くことも考えたのですが
有益な情報を読者さんに提供した方が良いだろうと
PHPとMysqlを使って１つシステムを作ってみました（半分はプログラムの勉強も含めて）
今回苦労したのが、
（１）リスト出力
（２）動的URLを静的URLに書き換える
（３）口コミ情報閲覧・書きこみ機能
この３つでした。
（１）リスト出力
リスト出力とは右メニューで地方選択ができるのですが
地方（例えば東北）を選ぶと、青森、岩手〜などがずっと出てきて
さらに県を選ぶと、詳細な温泉情報のプルダウンを表示するというものです。
最初、このプルダウンをJavascriptで作って切り替えメニューを作ろうと思っていたのですが
選択リストの連携が５つあり、
（「地方検索」「都道府県検索」「温泉検索」「エリア検索」「エリア詳細検索」）
これらの関係をJavascirptで書くともの凄く複雑になる上、
ソースが膨大になるのですよね。
そこでやむを得ずサーバーを通して
１回プルダウンを選択するたびにデータベースに問い合わせをしていって
リストを出力するという方法にしました。
サーバーを通して処理をすると、毎回submit（フォームで送信ボタンを押すこと）が発動するので
処理が遅くなるのですよね。
だからできるだけJavascriptで処理をしたかったのですが、
PHPで処理を振り分けて、該当するSQLを発行してＤＢに問い合わせをするというのを作ってみました。
（２）動的URLを静的URLに書き換える
PHPなり、CGIなりフォームを使って検索をすると
GET形式で送信をするとき、複雑なパラメータがURLに付加されます。
例えば、北海道の温泉を検索するときはURLは
http://midilin.sakura.ne.jp/travel/?
currentpage=0&area01=1&area02=0&onsen=0&area03=0&area04=0
&kensuu=10&searchsubmit=search&buttonpush=push
という「動的なURL」になります。
しかし動的なURLは検索エンジン(googleやyahoo）にほとんど登録されないため
これを「静的なURL」（HTML）に書き換えてやるのです。
上記は
http://midilin.sakura.ne.jp/travel/0_1_10000_0_0_0_10_search.html
という形に変えてもアクセスできるようにしました。
（実際は上のようなHTMLは生成していません）
このURLをトップページの北海道からリンクを貼ることで
本来動的なページは検索エンジンにかからないものが、
HTMLとして見せることで検索エンジンにかかりやすくするという
アクセスアップ裏技の１つです。
HTMLに似せてみせるようにさせることも苦労したのですが、
「次の10件」「前の10件」を検索するというところが苦労したのですね。
例えば、120件検索データがあり、そのうち10件表示をしたら、
次は、10〜20というふうに検索できるようにするわけです。
しかし、検索ボタンを押して検索した場合は動的なURLが必要で
トップページのリンクからたどったときは静的なURLが必要になるわけです。
動的URLの次検索リンクとと静的URLの次検索リンクの２パターンをプログラムで作成して
検索ボタンを押した場合は動的URLを次へボタンを出力し
リンクによる（偽HTML）から次へを押すときは静的なHTMLのリンクを作るというところが
システムで組むのに手間取ったところです。
（３）口コミ情報閲覧・書きこみ機能
各宿に口コミ情報を書きこみ、閲覧できる機能を実現しました。
システム的には結構簡単で、口コミ情報をどんどん溜めておき
検索するときは宿情報をキーに、宿情報と口コミを出力するだけです。
ここからが、ちょっと専門的な話になって大変申し訳わけないのですが
フォームタグってありますよね。
メール送信フォームや、検索など
「送信」ボタン（つまりsubmit）ボタンを使うときに使うタグです。
画面に入力されたデータを送信するには
フォームタグの中に入力項目（テキストフィールドや、ラジオボタン）を入れる必要があるわけです。
今回の温泉宿検索では、
一つの温泉情報で１つの入力フィールドがあるため、
検索結果で複数のの宿情報ができた場合は
複数のフォームタグと、入力フィールド、送信ボタンが必要なわけです。
右メニューの検索フィールドで、フォームタグ（＋検索ボタン）、
検索結果では、１つの宿情報で、１つのフォーム情報（formタグで囲んである）を持ち
１ページに１０個の宿が出力されたら１０個のフォームタグと送信ボタンを置いたのですが
これがうまく値がとれなかったのです。
今回のシステムはＰＨＰで組んでいるのですが、
Perl（ＣＧＩ）で似たようなシステムを作ったときは値がとれたのですよね。
似たようなことを以前、パステル・ミディリンの音楽ライブラリでやっていたことがありました。
現在の音楽ライブラリは、同じくPHP＋Mysqlを使っていますが
一番最初（８年前）は「ＨＴＭＬ管理」
次に「データをCSV化し、Perl（CGI）でデータ呼びだし」
そして今の「PHP＋Mysql」のシステムがあります。
音楽ライブラリをCSV＋CGIで公開していたときのことを覚えている方は
「リンク切れ連絡送信フォーム」というのがあったのを覚えていますでしょうか。
これはＭＰ３のデータに限り、投稿者のＭＰ３ファイルは投稿者が持つサーバーに置いてもらっているのですが
曲が削除されたとき、音楽ライブラリからはデットリンクになるので、
曲を視聴しに来た方がデットリンクに気がついた方はボタンを押すと
削除された曲情報が私や曲更新係さんに送信されるものです。
これも同じように、各音楽情報をフォームタグで囲み、
隠しフィールド（hiddenタグ）に曲情報を埋め込み
送信するとフォームタグに囲まれた曲情報を送るというシステムでした。
やり方としては同じなのですが、Perlだと値がとれるのに
PHPだとうまく値がとれなかったのですよね。
それで、どうしようか悩んだ上、検索も口コミ送信ボタンも１つの大きな
フォームタグで括り、入力フィールドの名称を
PHPを使って値を重複しないようにしました。
また送信ボタンにもすべた隠し属性を埋め込んでおきます・・・（Ａ）
そして、フォームタグの中にもう一個隠しフィールドのhiddenタグを空で埋め込んでおきます。・・・（Ｂ）
そして口コミ情報の複数に並ぶ送信ボタンのうち、１つボタンを押した瞬間、
送信ボタンの番号（Ａ）を空のhiddenフィールド（Ｂ）に値をいれてあげ
hiddenフィールドに値が入ったときには、
送信ボタンと同じ番号の入力情報（テキストフィールド）から値を取得するという方法に
切り替えたら、PHPでもうまく値をとることができました。
これって、PHPの仕様なのでしょうかね。
Perlだとできて、PHPだとできないというのは。
方法を変えたことで、口コミ書きこみ閲覧情報が実現できたので良かったですが、
かなりはまり、時間を費やしてしまいました。
そんな苦労が背景にありながらできたシステムです。
— posted by midilin @ 10:40PM
| Comment (15)
| TrackBack (0)
最近のコメント