Q&A
広告していないんですけどねww
僕が作りたい店舗一覧とは、美味しうどんが食べたい(http://umai-udon.info)というサイトようなものです。写真で提示したものです。
これは自分で作ることは可能ですが、次のやり方がわかりません。
このそばみやび屋の店名をクリックすると、そばみやび屋だけのhtmlが表示されます。これはどうやって作るのですか？店名の要素を表示すると、
<a href="http://umai-udon.info/%e5%8c%97%e6%b5%b7%e9%81%93/%e6%9c%ad%e5%b9%8c%e5%b8%82%e5%8d%97%e5%8c%ba/%e3%81%9d%e3%81%b0%e3%81%bf%e3%82%84%e3%81%b3%e5%b1%8b/">そばみやび屋</a>
と表示されます。
僕はホットペーパーapiを利用していますが、
html
1<table> 2<tr> 3<td> 4<a href="$rest->$name">〇〇</a> 5</td> 6</tr> 7</table>
を作るまでできますが、これを写真みたいに店名をクリックしたらその店舗のhtmlを表示するやり方が知りたいです。
html
1<table> 2<tr> 3<td> 4<? $rest->$name; ?> 5</td> 6</tr> 7<tr> 8<td> 9<? $rest->$address; ?> 10</td> 11</tr> 12</table>
自分が作成したphpを表示していなかったので、表示します。
まず、パラメータです。
php
1<?php 2$key='私のkey'; 3$count='10'; 4$large_area='Z014'; 5$start =1; 6$id=$_GET ["id"]; 7$format='xml'; 8$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&id='.$id.'&format='.$format; 9$xml=simplexml_load_file($url); 10$total_count=$xml->results_available; 11if(!$xml->shop){ echo 'No result!!'; 12} else { 13?> 14
そして、htmlです。
```html
回答4件
0
ベストアンサー
単一ページじゃない方がいいですね。
検索ページとお店詳細ページを用意します。
ホットペーパーapiにはお店IDがあるようですから、検索ページの結果からお店詳細ページへリンクを張るのですが、そのURLにお店IDを持たせてください。
お店詳細ページではそのお店IDを受け取ってホットペーパーapiでお店IDをリクエストに含めて、そのレスポンスを表示するのです。
たぶん、wordpressは向いてないです。
ただ、まあ、もう少しHTMLとPHPとCSSとJavascriptに習熟してから挑戦した方がいいと思いますよ。
投稿2016/11/01 04:33
総合スコア36087
このひと、wordpressで作ったみたいです。
つまり、リクエストパラメータにidをもたせるんですね。
お店詳細ページを用意したいのですが、どうやって用意するのですか？
ええ、そのとおりですが、「このひと」ってのはなんですか？ 私のことですか？
新しいPHPファイルを作ってください。
いえいえ笑
この美味しうどんが食べたいを作った人です。
お店詳細ページを用意するために、新しいphpファイルを作成するんですね。
新しいphpファイルには何を書くのですか？
処理フロー的には、
1. $_GETでお店IDを取得する
2. ホットペッパーAPIにお店IDでリクエストする。
3. レスポンスのXMLをパースする。
4. 表示する。
って感じです。
あー、この「美味しうどんが食べたい」はWordPressにする理由があります。このサイトはコンテンツが自前なので。
でも、あなたが作ろうとしてるAPIを叩いて表示するようなものをWordPressでやるメリットはあまりないですよ。
その詳細ページの作り方がわかりません。
うん、なるほど。
でも、手続き的には質問者さんがいままでやってきたこととあまり変わらないですよ。
手順的には上記のとおりですので、この通りにやってみましょうか。
まず、1番目の「$_GETでお店IDを取得する」だけのものを作ってみましょう。
それができたら、次のことを考えればいいです。
phpコードを提示したので、見てください！！
うん、まあ、だいたい合ってるんじゃないでしょうか。でもこのままだと$rに何も入ってないですね。レスポンスからお店一つ分取り出して$rに入れましょう。
横からですが…。
http://umai-udon.info/category/%E5%8C%97%E6%B5%B7%E9%81%93/%E6%9C%AD%E5%B9%8C%E5%B8%82%E5%8D%97%E5%8C%BA/
と同様のページは作れるのですよね？
そして、http://umai-udon.info/%E5%8C%97%E6%B5%B7%E9%81%93/%E6%9C%AD%E5%B9%8C%E5%B8%82%E5%8D%97%E5%8C%BA/%E3%81%9D%E3%81%B0%E3%81%BF%E3%82%84%E3%81%B3%E5%B1%8B/ のページが作れない、と。
[店名], [住所], [評価点] はコードを流用できるはずなのでそこから作り始めてはどうでしょうか。
think49さん、評価点も作りたいですが、それは先に店舗詳細ページを作ってからです。
それにカテゴリー別に作る考えは今のところありません。
Lhankor_Mhyさん、コードを訂正しました。
To: aba623ky さん
ですので、詳細ページに [店名], [住所], [評価点] を出力することが出来るのではないか、という事なのですが…。
詳細ページに [店名] が出力されないという事はないと考えています。
そもそも詳細ページを作る方法がわからないんです。
詳細ページのコードには何を入れればいいのですか？店舗一覧ページみたいにパラメータを作る必要はあるのですか？詳細ページにおいて、idをどう扱えばいいのですか？
詳細ページのコードの書き方が全く想像できないんです。
とりあえず、これで動かしてみましょうか。
で、エラーメッセージが出るはずですので、それを提示してください。（コメント欄でいいです）
大丈夫、解決に近付いてますよ。
まずは手を動かしましょう。エラーを出しましょう。
すみません、<?php
error_reporting(0);
?>
を書いても出力されないんですが・・・
やはり、これだとエラーメッセージが出るんですね。
error_reporting(0);だとエラーでなくなるんじゃないかな。あと、ini_set('display_errors',1);を書いた方がいいんじゃないかな？
> やはり、これだとエラーメッセージが出るんですね。
プログラミングはある意味「予想通りのエラーを出す」作業です。いちいち気にしない。
<?php
ini_set('display_errors',1);
?>
でやりましたが、エラーが出力されません。
Lhankor_Mhyさんはどういう風になるのですか？
ホットペッパーAPIのアカウント作ってないからテストしてませんよ？
エラーが出力されないということは、真っ白な画面になるんですか？
そうですか。
はい、画面が白いままなんです・
じゃあ、とりあえず、ifとforeachを閉じましょうか。
すみません、忘れていました。
今閉じました。
<?php
}
}?>
と閉じました！！
出力されました。
その次は店舗詳細ページの方ですが、これもリクエストパラメータも書くのですか？
それはよかった。お店が１０件出ました？
ありがとうございます。出ました！
では、次にお店IDを指定してページを表示させてみてください。これで狙ったお店だけ表示されていればオッケーですね。
その次は詳細ページですよね？
お店IDを指定してページを表示させるには、何をすればいいですか？
お店詳細ページのphpファイルは作らないのですか？
ん？ 今まで作ってたのはお店詳細ページだったつもりなんですが、違うんですか？
そうだったんですか笑
お店IDを指定してページを表示させるってどうやるんですか？
レスポンスフィールドにidを書くのですか？
http://example.com/test.php?id=hoge にアクセスされた時、test.php内の$_GET ["id"]はhogeになります。なので、お店IDをここに入れてアクセスすればいいです。コードを書き換える必要はないです。
お店IDをここに入れてアクセスすればいいってどういう意味ですか？
つまり、一つ一つの店のidを調べるってことですか？
これで、リクエストパラメータでお店一覧を取得し、お店一覧をクリックすると店舗情報になるのですか？
> お店IDをここに入れてアクセスすればいいってどういう意味ですか？
とりあえずテストですよ。ひとつずつ行きましょう。
そのやり方がわからないんです。
お店のidを調べて入れるんですね。
横やり入れますが店のIDは
<?php echo $r->id ?>
ででてきます
idをurlに入れるとおっしゃいましたが、
<?php
$key='私のkey';
$count=1;
$start =1;
$id=$_GET ["店のid"];
$format='xml';
$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&id='.$id.'&format='.$format;
$xml=simplexml_load_file($url);
var_dump($url);
$total_count=$xml->results_available;
?>
このやり方ですか？
これだと出力しません。
dateさん、
<?php echo $r->id ?>
ででてきますが、idを使って店舗一覧ページから店舗詳細ページを開くやり方みたいです。
訂正！！！
今やったところ、できました。
そのお店だけが表示されましたか？
それができれば、そのURLがお店の詳細ページということなので、検索ページからそのURLでリンクすれば出来上がりです。
そうです‼︎
検索ページからそのURLでリンクする方法がわからないんです。
教えて下さい。
因みに検索ページって、店舗一覧ページの事を言っているんですよね？
じゃあ、ややこしいので統一して「店舗一覧ページ」と呼びましょうか。
そこにはお店が10件表示されていると思いますが、そこにそれぞれのリンクを作ります。
リンクは
<a href="http://example.com/test.php?id=【お店ID】">...</a>
とするわけですが、ここで【お店ID】は$r->idで取得できてますよね。
ということは、どう書きますか？
<a href="http://example.com/test.php?id=$r->id">...</a>
と書くのですか？
惜しいですね。dateさんのコメント見てください。
<table border="1">
<body>
<?php foreach($xml->shop as $r){ ?>
<tr><td>
<?php echo $r->food->name; ?>
</td></tr>
<tr><td>
<?php echo $r->address; ?>
</td></tr>
<tr><td>
<?php echo $r->open; ?>
</td></tr>
<tr><td>
<a href="http://example.com/test.php?id=$r->id">ここをクリック</a>
</td></tr>
</table>
でいいのですか？
修正しました。
<table border="1">
<body>
<?php foreach($xml->shop as $r){ ?>
<tr><td>
<?php echo $r->food->name; ?>
</td></tr>
<tr><td>
<?php echo $r->address; ?>
</td></tr>
<tr><td>
<?php echo $r->open; ?>
</td></tr>
<tr><td>
<?php echo $r->id; ?>
</td></tr>
</table>
ですか？
大変おしい。両方の組み合わせですよ。
<table border="1">
<body>
<?php foreach($xml->shop as $r){ ?>
<tr><td>
<?php echo $r->food->name; ?>
</td></tr>
<tr><td>
<?php echo $r->address; ?>
</td></tr>
<tr><td>
<?php echo $r->open; ?>
</td></tr>
<tr><td>
<a href="http://example.com/test.php?id=$r->id">ここをクリック</a>
</td></tr>
tr><td>
<?php echo $r->id; ?>
</td></tr>
</table>
が正解ですか？
そう来ましたか。
質問者がどこでつまづいているのか分かってきましたよ。
PHPタグ <?php ?> はHTMLやJavascriptの*どこでも*使えるんです。
たとえば、<ht<?php echo"m"; ?>l>というPHPは、ブラウザで見た時に<html>と表示されます。
同様に、<?php echo $r->id; ?>はタグの中でも、href属性のクォーテーションの中でも、どこでも使えるんです。
話を元に戻すと、
<a href="http://example.com/test.php?id=【お店ID】">ここをクリック</a>
と表示したいわけですが、【お店ID】は、
<?php echo $r->id; ?>
と書けば表示されるわけです。
つまりその部分をそっくり差し替えればいいんです。
ということは、どう書きますか？
そこがわからないんです笑
<a href="http://example.com/test.php?id=<?php echo $r->id; ?>">
ですか？
はい、そのとおりです。
ちなみに、wordpressで使っているのですが、
<tr><td><a href="http://localhost:8888/wordpress/hoge.php?id=<?php echo $r->id; ?>">ここをクリック</a></td></tr>
でやったのですが、コンテンツが見つかりませんと表示されます。
もしかして、このphpが、店舗詳細ページの事ですか？
> コンテンツが見つかりませんと表示されます
お店の詳細ページは表示されていたはずですよね。
それはまだ表示できていますか？
そっちは表示されますが、店舗一覧ページから店舗詳細ページに飛ばされません。
あと、補足ですが、店舗一覧ページと店舗詳細ページのphpファイルは別々のファイルです。
> そっちは表示されます
この時のURLと店舗一覧ページのリンクのURLは完全に同じものですか？
>この時のURLと店舗一覧ページのリンクのURLは完全に同じものですか？
これはどういう意味ですか？
そもそもこの時のURLと店舗一覧ページのリンクのURLは完全に同じものにするにはどうすればいいのですか？
例えば、カレーをパラメータに選択した場合、urlにカレーが付加されますよね？この場合だと、urlが複雑な方達になりますよね？
「そっちは表示されます」としたときに、アドレスバーに入っているURLがありますよね？
それが、
http://localhost:8888/wordpress/hoge.php?id=ABCXYZ
だったとして、
店舗一覧ページのリンクのURLも
http://localhost:8888/wordpress/hoge.php?id=ABCXYZ
とまったく同じ、一文字も違わないものですか？ とお聞きしています。
そういう意味ですか。
一緒じゃありません。
> カレーをパラメータに選択した場合、urlにカレーが付加されますよね？
うーん、その仕様は初耳ですが……？
店舗詳細ページに「カレー」というパラメータが必要になるんですか？
再度、現状のソースを上げてもらった方がよさそうですね。
> 一緒じゃありません
うん、どう違うのか書いてくださいね。
僕も使ったことがないんですが、検索フォームを作ってキーワード選択にカレーを選択したら、そうなるんじゃないですか？
<input type="text" name="keyword" size="30">
<input type="submit">
例えば、こういう検索フォームを作ったら、urlはkeywordが付加されるんではないでしょうか？
> http://localhost:8888/wordpress/?page_id=1みたいになります
そうですか、それはそれで結構なのですが、それはどちらのURLですか？
カレーの話はおいといてください。
アドレスバーがhttp://localhost:8888/wordpress/?page_id=1
こうなっているんです。
わかりました。
店舗一覧です。
美味しいという固定ページを作ってリンクをhttp://localhost:8888/wordpress/美味しいにすれば飛びます。
なるほど。
では、
<a href="http://example.com/test.php?id=<?php echo $r->id; ?>">
の部分をそのURLに合うように変えればいいですね。
んんん？
ちょっと待った。
> 店舗一覧です。
とありましたが、
> アドレスバーがhttp://localhost:8888/wordpress/?page_id=1
というのは店舗一覧ページの話ですか？
そういうことを言っているのではないのですが。
おっしゃる通りです。
えっ、そうなのですか？
比較してほしいのは、
・店舗詳細ページのアドレスバーに表示されているURL
・店舗一覧ページのリンク「ここをクリック」をクリックして「コンテンツが見つかりません」と表示された時のアドレスバーに表示されているURL
です。
違うurlになっています。
そもそも、店舗詳細ページは店舗詳細ページ用のurlを作ったので、urlはwordpress/店舗詳細となっています。
> 違うurlになっています
うん、どう違うのか書いてくださいね。
店舗一覧はwordpress/店舗一覧で、店舗詳細はwordpress/店舗詳細です。
うーん、大丈夫かなあ、まだ認識のズレがありそうだけど……
とりあえず、
<tr><td><a href="http://localhost:8888/wordpress/hoge.php?id=<?php echo $r->id; ?>">ここをクリック</a></td></tr>
のリンクをwordpress/店舗詳細に直せばいいと思いますよ。
分かりました。やってみます。
連絡遅くなりました。
できました。
<tr><td><a href="http://localhost:8888/wordpress/店舗詳細">ここをクリック</a></td></tr>
を貼り付けたら、遷移しました。
次は、〇〇(店名)をクリックしたら、その店名だけの詳細を表す方法ですね。
そうですね。解決は近いです。
<tr><td><a href="http://localhost:8888/wordpress/店舗詳細<?php echo $r->id; ?>">ここをクリック</a></td></tr>
と作るのですか？
次の話です。
そして、店舗詳細のパラメータはこう書くのですか?
<?php
$key='私のkey';
$count=1;
$start =1;
$id=$_GET[id];
$format='xml';
$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&id='.$id.'&format='.$format;
$xml=simplexml_load_file($url);
var_dump($url);
$total_count=$xml->results_available;
?>
惜しいです。お店IDをパラメータに持たせるには
【URL】?id=<?php echo $r->id; ?>
をリンク先にする必要があります。
店舗詳細ページは以前に「そっちは表示されます」とおっしゃられた状態から変更しなくていいです。
<tr><td><a href="http://localhost:8888/wordpress/店舗詳細?id=<?php echo $r->id; ?>">ここをクリック</a></td></tr>
こういう風に訂正しました。
> Lhankor_Mhy さん
WordPress組み込みの.htaccessが邪魔している可能性も…
>「そっちは表示されます」
となっていますが、
<?php
$key='MY KEY';
$count=1;
$start =1;
$id='ある店舗のid';
$format='xml';
$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&id='.$id.'&format='.$format;
$xml=simplexml_load_file($url);
var_dump($url);
$total_count=$xml->results_available;
?>
が元で変更しないといけないのですが・・・
<tr><td><a href="http://localhost:8888/wordpress/店舗詳細?id=<?php echo $r->id; ?>">ここをクリック</a></td></tr>
にしたら、表示されたのですが、さっき表示したままだと表示されません。
これに直したら、string(117) "http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=MYKEY&count=1&large_area=&start=1&id=&format=xml" No result!!
と表示されます。
<?php
$key='MY KEY';
$count=1;
$start =1;
$id=$_GET['id'];
$format='xml';
$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&id='.$id.'&format='.$format;
$xml=simplexml_load_file($url);
var_dump($url);
$total_count=$xml->results_available;
?>
因みに店舗詳細のURLは
http://localhost:8888/wordpress/店舗詳細?id=店のid
となります。
テストの時は$_GET['id']で取得してなかったということでしょうか？
> Kosuke_Shibuyaさん
以前もそんなことありましたね……
できました！！！
ただ、悲報があります。
今地図を貼ったところ表示されなくなります。
地図を貼ったところとは、店舗詳細のphpファイルに地図を貼ったらです。
店舗一覧の方は表示されるのに、店舗詳細の方に貼ると表示されなくなります。
なるほど。
一覧用に作っているのでその辺で問題があるんでしょうね。
でもまあ、質問の主題は解決したわけですし、問題を整理して別質問を立てた方がいいかもしれませんね。
わかりました。
Lhankor_Mhyさん、本当にありがどうございます。
こんなに僕をサポートしてくれて(涙)
僕が無能なのに、丁寧に教えてくれて本当に感謝です。
本当に本当にありがとうがざいます。
このことは忘れません。
いえいえ、お疲れさまでした。
自分もアマチュアなので偉そうなこと言えるほどスキルがあるわけではありませんが、質問者さんのレベルなら手を動かした分上達するはずなので、がんばってください。
Lhankor_Mhyさん、お疲れ様です！！！
そして、ありがとうございます！！！
あと、Lhankor_Mhyさんはアマチュアなんかじゃないですよ。プロですよ。
プロだから、教え方がうまいんですよ。
0
う～ん、このころ↓から全く成長していないような。これの応用に過ぎないと思うのだが…。
https://teratail.com/questions/36511
投稿2016/11/02 06:36
総合スコア16998
参考にしましたが、何が応用に過ぎないのですか？
ページ遷移の考え方とか、リンクの仕方、パラメーターの受け渡し方とか。
参考にしました。
ページリンクの部分ですか？
どうやったら、検索一覧から店舗詳細に移りますか？
いや、ここにコメントは不要です。
思いをつづっただけですので。
Lhankor_Mhyさんが親切に対応してくださっているので、そちらにお任せします。
いや、気になったから答えてください。
この人が作ったフォームを見ると、よく分類されるような仕組みを作っていますよね。
これどうやって作るのですか？
0
色々やり方がありそうですが、簡単なところで、例えば、
http://udon.org/list で、うどん一覧を表示するHTMLの雛形を用意して、
http://udon.org/detail で、うどん屋詳細ページを表示するHTMLの雛形を用意する。
それで、うどん一覧に「うどん屋名」「URL」、「住所」、etcを表示するが、
この「URL」のクエリストリングに店の情報を全部付加して、うどん屋詳細ページに送る
例えば、以下のような具合に
http://udon.org/detail?name=そばみやび屋&address=北海道札幌市南区澄川６条４丁目２-１ ・・・・
それで、うどん詳細ページでURLに付加されたクエリストリングを取得して、画面に表示させる
投稿2016/11/01 05:12
総合スコア181
http://udon.org/detail で、うどん屋詳細ページを表示するHTMLの雛形を用意する方法がわからないんです。
何を書けばいいのかわからないんです。
参考に挙げているリンク先の説明は、「うどん詳細ページ」に該当すると思います。
参考サイトの「GetParam.html」を試しにデスクトップにコピペで作って、ブラウザにドラッグしてみてください。
ただ「パラメータ」と表示されるだけだと思いますので、URLの最後に「q=うどん」とか付けて更新してみてください。
例.
file:///C:/Users/(あなたのPC)/Desktop/GetParam.html?q=うどん
すると、がめんに「うどん」と表示されるはずです。
URLに付けたクエリストリングを表示させる雛形サイトです。
javascriptじゃないとダメなんですか？
別に言語は何でも良いです。
phpで動的に詳細ページを生成（サーバー側の解決）するのが難しいのであれば、簡単な方法の一例として、HTMLの雛形準備＋javascriptの方法（フロント側での解決）を挙げただけです。
＞http://udon.org/detail で、うどん屋詳細ページを表示するHTMLの雛形を用意する。
と言いますが、これをどうやって用意するのですか？
店舗一覧みたいにパラメータを書く必要があるのですか？
そういえば、以前同じようなコードを書いていました。
https://gist.github.com/think49/605899
今なら URL コンストラクタの Polyfill を作ると楽しそうです(URLSearchParams.prototype.get が便利ですね)。
https://developer.mozilla.org/ja/docs/Web/API/URL
ドキュメントを読む限りではJSONP形式での出力にも対応しているのでHTML+JavaScriptで完結したコードも書けなくはなさそう(公開サーバに置くとAPIキーも公開されるのでやるならローカルサーバ一択ですが)。
http://webservice.recruit.co.jp/hotpepper/reference.html#a1to
https://jsbin.com/piqixapube/edit?output
0
そばみやび屋のページを予め用意するか、動的に生成するように組むしかないのでは。
複数のそば屋（店名/住所/連絡先/地図）が列記された一覧ページと、その各そば屋の詳細ページをそれぞれ作りこまないといけないのでは。
的外れな回答かもしれませんが。
私はあなたを応援しています。頑張ってください。
投稿2016/11/01 04:34
退会済みユーザー
総合スコア0
ありがとうございます。
Lhankor_Mhyさんがいうには検索ページとお店詳細ページを用意して、検索ページの結果(結果のURLにお店のIDを持たせる )からお店詳細ページへリンクを張るらしいのですが、お店詳細ページへリンクを張るとはどうやってやるのですか？そもそもお店詳細ページを作るやり方がわかりません。
あなたの回答
tips
プレビュー
