データベースサイトで絞り込み検索を実装する方法

カタログ型コンテンツ。一定の範囲で情報を並べるコンテンツです。そのコンテンツが増えてくると検索機能を実装したくなります。その方法論を記します。

写真1. 弊サイトのカタログ型コンテンツの例、東横線撮り鉄スポット

このページの概要(目次、タップできます)

1. 完成系の提示
2. 事前準備：データベースを作成
3. 本番：検索用PHPファイルを作成
4. 絞り込み検索可能なデータベースを作ってみて

完成系の提示

まず、完成系を示します。

東急東横線撮り鉄スポット検索システム

この検索システムでは私が見つけた64か所について、以下の情報で検索することができます。

編成写真を撮影できるかどうか(全く不可、編成の一部なら可能、8両編成一気に撮影可能)
最寄駅からの徒歩時間(制約なし、10分以内、5分以内)
列車を撮影する際の向き(制約なし、北向きに限定など)

この区分については賛否両論あるかもしれません。ただし、本記事では撮り鉄の心構えやテクニックを述べるのではなく、検索システムを自作することが目的なので、検索項目についての議論はやめましょう。

ここで述べたいのは、単独でフィルターをかけるのではなく、複数のフィルターをかけることです。例示した「東横線撮り鉄スポット検索システム」では「駅から徒歩10分以内」かつ「編成写真を撮影可能」な撮影スポットを絞り込むことができます。

この考えかたは鉄道写真を撮影する場所を絞り込むシステムだけに適用できるものではありません。応用例を挙げてみます。

鎌倉の寺社仏閣を紹介するサイトにおいて、「宗派」と「地域(北鎌倉、鎌倉、長谷など)」で絞り込む
新宿の飲食店を紹介するサイトにおいて、「料理」と「地域」で絞り込む

もちろん、絞り込む軸は2つでなく、3つ以上でも構いません。

※本記事ではPHPについての知識が必要になります。以下の書籍を手元に置くとスムーズでしょう。

マイナビ出版たにぐちまこと

松浦健一郎、司ゆき(共著) SBクリエイティブ

Amazon

楽天

yahoo!ショッピング

事前準備：データベースを作成

写真2. 撮影スポットにも多くの場所がある(東横フラワー緑道平川町橋)

これからの作業は「データベースに登録された情報を検索し、検索条件に当てはまる条件を絞り込む」という方針です。そのため、データベースに登録することが前提です。

本記事を読んでいる人の多くはWordPress利用者で、独自でサーバーと契約を結んでいると思います。サーバー上にMySQLというソフトを利用できるはずです。私はロリポップちゃんの安いプランを契約していますが、データベースを設定できます。左上の「サーバーの設定・管理」というメニューバーから「データベース」を選ぶことでデータベースに入れます。

本番：検索用PHPファイルを作成

写真3. 方向幕のエラーか？(実際は正当な挙動です、大和路快速の奇妙な表示)

ソースコードの提示

いよいよ本番です。検索用PHPファイルを作成します。

自分のパソコン上で新しくPHPファイルを作成します。私はnotepad++というフリーソフトを活用しています。

簡単のために駅からの徒歩と編成写真の2つから絞り込むソースコードを表示しています(表1)。

表1. 絞り込みのためのソースコード



<?php
データベースへの接続のため省略
$hensei = filter_input(INPUT_POST, "henseiselect");
$toho = filter_input(INPUT_POST, "tohoselect");
if(empty($toho)){
echo'
<form method="post">
<p>編成写真でどのくらいこだわりますか。下の条件から選んでください。
<br>
<select name="henseiselect">
<option value="0">こだわらない</option>
<option value="1">多少こだわる</option>
<option value="2">それなりにこだわる</option>
</select>
    <br></p>
<p>駅からの徒歩にどのくらいこだわりますか。下の条件から選んでください。
<br>
<select name="tohoselect">
<option value=100>徒歩時間指定なし</option>
<option value=10>徒歩10分以内</option>
<option value=5>徒歩5分以内</option>
</select>
<br>
</p>
<input type="submit" value="確定">
</form>';
}
else{
$henseikubetsu = ['編成写真にこだわりはない','編成写真に多少こだわる','編成写真にそれなりにこだわる'];
$records = $dbh->query('select count(*) from データベース名 where toho<='.$toho.' AND hensei2 >='.$hensei.';');

$record = $records->fetch();
echo '<p>今回の条件に合う撮影スポットは<b>';
echo $record['count(*)'];
echo '件</b>です。</p>';    

echo '<p>編成写真へのこだわり<b>：';
print ($henseikubetsu[$hensei]);
echo '</b><br>写真の向きへのこだわり<b>：';
print ($mukikubetsu[$muki]);
echo '</b><br>アクセス：駅から<b>徒歩';
echo $toho;
echo '分以内</b></p><br>の条件を満たす場所は以下の通りです。';

foreach ($dbh->query('select * from データベース名 where toho<='.$toho.' AND hensei >='.$hensei.;') as $row){
        echo '<div>';
        echo '<p>';
        echo'<a href="',$row['URL'],'>',$row['picture'],'<br>';    
        echo '地点：',$row['name'],'</a><br>';
        echo '最寄駅：',$row['eki'],'<br>';
        echo '徒歩：',$row['toho'],'分','<br>';
        echo '向き：',$row['muki'],'<br>';
        echo '編成写真：',$row['hensei'],'<br>';
        echo '</p>';
        echo '</div>';
    }
?>

このポイントを詳細に解説しましょう。

苦労したのは以下の2つです。その3つについて解説します。

関数に入れるのが数字でないとエラーとなる
検索条件入力前だとfetch()がエラーとなる

今回使用する関数：filter_input

今回使用する関数はfilter_inputです。簡単にいうと、外部からの入力された条件をフィルターとして通し、それに合致するものを出力するというものです。

今回は、

$hensei = filter_input(INPUT_POST, "henseiselect");

としています。POSTで入力された"henseiselect"という条件で与えられた数値を変数として保持するということです。henseiselectで選択された値が2であれば、変数$henseiは2ということです。

関数に入れるのが数値データでないとエラー

最初は編成写真について○、△、×でデータベースに登録していました。しかし、これだとエラー表示が出てしまいます。数値データとなっていた駅からの徒歩分数だけで検索条件を設定したらこのような不具合はなくなりました。そのため、編成写真の「○」「△」「×」が文字データであることが不適切な原因と判断しました。

そこで、○＝2、△＝1、×＝0という数字に置き換え、数値データとして処理することにしました。

検索条件入力前だとfetch()がエラーとなる

複数の条件を絞り込んだ場合、条件に合致する件数がいくつかという情報も重要でしょう。そのために、

$record = $records->fetch();

という関数を導入しています。事前に

$records = $dbh->query('select count(*) from データベース名 where toho<='.$toho.' AND hensei2 >='.$hensei.';');

と変数を定義しています。両方の条件に合致する配列を定義し、そのデータ数を取り出しています。

※fetch文については外部サイトを参照してください。

ただし、これだけだとエラーとなってしまいます。ここで$tohoという変数は検索する際の条件です(19行目～21行目)。検索条件を選択する前だと変数$tohoが未定義なので、処理できません。

そこで、私は考えました。そして、条件入力前と入力後に処理を変えれば良いことに気づきました。今回は最初に変数を2つ定義していますが、検索条件入力後はどれか1つの条件は入力されているはずです。そこで、変数$tohoが定義されている場合と未定義の場合で処理を分けました。

表2. 質問か検索結果の条件分け



<?php
データベースへの接続のため省略
$hensei = filter_input(INPUT_POST, "henseiselect");
$toho = filter_input(INPUT_POST, "tohoselect");
if(empty($toho)){
$tohoが空白のときは質問文を入力
}
else{
$tohoに何からの値が入っているときはデータベースを返す
    }
?>

ここでのポイントはif(empty($toho))です。empty($○○)は$○○が空白かどうかを確認するための関数です。

※empty関数については外部サイトをご参照ください。

if文は正しいときの処理、正しくないときの処理を書きます。

empty($toho)が正しいということは、$tohoが定義されていないので、検索条件を入力してもらう必要あり
empty($toho)が正しくない(=空白ではない)ということは、検索結果の処理が可能

こうしてエラーを回避したのでした。

参考：配列の定義とループ

ここでは、そこまで手間取りませんでしたが、配列の定義とループについて述べます。



$henseikubetsu = ['編成写真にこだわりはない','編成写真に多少こだわる','編成写真にそれなりにこだわる'];

echo '<p>編成写真へのこだわり<b>：';
print ($henseikubetsu[$hensei]);
echo '</b><br>写真の向きへのこだわり<b>：';
print ($mukikubetsu[$muki]);
echo '</b><br>アクセス：駅から<b>徒歩';
echo $toho;
echo '分以内</b></p><br>の条件を満たす場所は以下の通りです。';

foreach ($dbh->query('select * from データベース名 where toho<='.$toho.' AND hensei >='.$hensei.;') as $row){
echo '<div>';
echo '<p>';
echo'<a href="',$row['URL'],'>',$row['picture'],'<br>';????
echo '地点：',$row['name'],'</a><br>';
echo '最寄駅：',$row['eki'],'<br>';
echo '徒歩：',$row['toho'],'分','<br>';
echo '向き：',$row['muki'],'<br>';
echo '編成写真：',$row['hensei'],'<br>';
echo '</p>';
echo '</div>';
}

ここで、

$henseikubetsu = ['編成写真にこだわりはない','編成写真に多少こだわる','編成写真にそれなりにこだわる'];

と配列を定義しています。あらかじめ0～2に決めていた数字とそれに対するコメントです。配列は0からスタートしますので、データベースに0点から得点を付けていた自分の有能ぶりさに驚きました。

print ($henseikubetsu[$hensei]);

というprint文で($henseikubetsu[$hensei])を表記しています。これは$henseiという変数が0～2の場合でそれぞれコメントを表記しています。例えば、$hensei=1の際は、$henseikubetsu[$hensei]は$henseikubetsu[1]とみなすことができ、これは上の定義で「編成写真に多少こだわる」に相当します。こうして検索条件に入れた条件を出力し、(読者側に)より分かりやすくしています。

あとは、foreach文で条件に相当する撮影ポイントについて写真、URL、地点名、駅からの徒歩といった詳細条件を出力しています。foreach文は配列を繰り返し処理するためのものです。

なお、私は東横線撮り鉄スポット検索結果については、PCで横3列、モバイルで横2列で出力しています。私はgridというCSSクラスを定義し、それを弊サイトでも導入していますので、そのクラスをforeach文の外側に入れています。また、foreach文の中にdivというタグを入れています。

この詳細は本記事では執筆いたしません。以下の関連記事をご覧ください。