参考書の表示と実際の画面表示が違う

Question

phpの参考書で勉強中です。
windows10、XAMPP for windows 7.3.12を使っています。
以下のphpのプログラムを実行するとご覧の通りになります。
php2では途中に改行タグ<br>を入れて改行はできるようになりました。
しかし、悪い箇所を特定するためにecho $html;を入れて見ました。
$html自体がうまく表示されていません。ここを直せば期待通りの表示に
なると思うのですが、どこが間違っているかわかりません。
それともecho $html;では$html全体
「<span class = "{class}">Fried Bean Curd<span>
<span class = "{class}">Oil-Soaked Fish</span>」
は表示されないのでしょうか。
よろしくお願いいたします。

// oreilly例2-14の内容
$html = '<span class = "{class}">Fried Bean Curd<span>
	<span class = "{class}">Oil-Soaked Fish</span>';
	
	print str_replace('{class}',$my_class,$html);
//説明は次のようになっています。

$my_classがlunchに設定されている場合、例2-14の出力は次の通りです。

<span class = "lunch">Fried Bean Curd<span>
<span class = "lunch">Oil-Soaked Fish</span>

str_replace()への3番目の引数として渡された文字列の{class}（str_replace()の最初の引数）
の部分が、lunch（$my_classの値）に置き換えられます。

<?php
	$my_class = 'lunch';
	
	$html = '<span class = "{class}">Fried Bean Curd<span>
	<span class = "{class}">Oil-Soaked Fish</span>';
	
	print str_replace('{class}',$my_class,$html);

      /* 期待される実行結果
　　　  <span class = "lunch">Fried Bean Curd<span>
　　　　<span class = "lunch">Oil-Soaked Fish</span>
      */
      /* 実際の実行結果
　　　　Fried Bean Curd Oil-Soaked Fish
      */

?>

<?php
	$my_class = 'lunch';
	
	/*$html = '<span class = "{class}">Fried Bean Curd<span><br>
	<span class = "{class}">Oil-Soaked Fish</span>';

	echo $html;

	print str_replace('{class}',$my_class,$html);

        /* 実際の実行結果
　　　　Fried Bean Curd
        Oil-Soaked Fish
        Fried Bean Curd
        Oil-Soaked Fish
       */
      

Comments

[date]

画面に
Fried Bean Curd
ではなく
<span class = "{class}">Fried Bean Curd<span>
と出ると思っているのでしょうか?

[退会済みユーザー]

はいそのように思っています。違うのでしょうか。

[退会済みユーザー]

<span class = "lunch">Fried Bean Curd<span>と出ると参考書には書いてありますが、違うのでしょうか。

Answer 1

実際の実行結果

画面表示より「ソースを表示」からhtmlを取得して想定通りになってるか確認してください。

いずれにしても、いきなりPHPから動的html作るよりも、固定値などいれて「モック」として静的html作られてからのほうが、確実に進みます。

Comments

[退会済みユーザー]

いつも回答をいただきありがとうございます。
回答いただいた内容がむつかしくて、解決できないでいます。
oreillyの初めてのｐｈｐで勉強を始めたばかりで、第2章の初めのところに出ているコードです。
読み進めていけない状態です。この参考書は例が載っているのですが、そのままではなかなかうまくいきません。

[退会済みユーザー]

別の参考書を読んでから、よみなおします。

[m.ts10806]

7対応ならPHP技術者認定初級対応のものですね。
私は書籍内容云々関係なく「開発の進め方」をアドバイスしています。
PHPでブラウザから実行する場合、結局あらわれるのはHTMLです。
となると、レイアウトが鍵になるわけですけど、そのレイアウトはPHP通さないとできないわけではないですよね。
動的に、変数などでかわるところは固定で適当な文言に置き換えてもレイアウトは作れます。
これは逆に言うと「画面レイアウトができてないのにPHPから正しい出力はできない」ことを意味します。
モックと言うのは「試作品」とも言いますが、これをhtmlだけで(静的)作っておくことで、PHPから出力するhtmlイメージが固まった状態でPHPに組み込めると言うことになります。
変数やループのところだけ書き換える形ですね。
そこでブラウザ出力して、ブラウザの「ソースを表示」で得られるHTMLとモックのHTML比較し、イメージ通りに出力されるかを確認する。
サーバーサイドの言語からHTML出力する場合は、気にするべきは画面表示そのものではなく、「イメージ通りのHTMLが組上がっているか」です。
その「イメージ通りのHTML」が「モック」となるわけですね。

[m.ts10806]

ちなみに読むなら参考書ではなくPHPマニュアルで機能の仕様確認をしてください。
現在使っている書籍にも随所にPHPマニュアルへのリンクURLがあるはずです。

[退会済みユーザー]

ありがとうございます。頑張ります。

[m.ts10806]

もしブラウザから動作確認していてそこでブラウザの「ソースを表示」して書籍の提示通りであれば「できている」と言えます。
ブラウザなのでhtmlと解釈されればそれはもちろんhtmlとして処理します。
状況からすると書籍はあくまでコマンドで実行したことを想定しているのだと思います。

※なのでHTMLのこともきちんと把握しておかなければなりません

[退会済みユーザー]

ありがとうございます。とりあえず先に進んでみます。
$my_class = 'lunch';は私が自分で書き込んで実行してみました。

[m.ts10806]

つまり、「実はなにも問題が起きてない」と思ってます。
書籍は「出力結果」を載せていて、質問者さんは「その出力結果をブラウザで見ている」だけではないかと。

[m.ts10806]

いずれにしても、ブラウザで見ているのなら、ブラウザの「ソースを表示」で出力結果を確認するのは必須です。
「なんだかわからないから先に進もう」では今後同じことでずっとつまずいた気になって質問を繰り返すことになります。

[退会済みユーザー]

str_replace()の関数はPHPマニュアルで機能の仕様確認はしています。ほかのstr_replace()関数の使い方は調べて実行してうまく表示されています。
http://localhost/php_oreilly/chap2/2-14.phpのようにして、ブラウザでみているのですが、
「ブラウザの「ソースを表示」で出力結果を確認するのは必須です。」の意味がわからないので、
説明していただけませんか。

[m.ts10806]

既にほぼ書いてるのですけど、ブラウザに表示されるのはあくまでHTMLを解析してレンダリングした結果であり、PHPから出力した情報そのものではないから、です。
「ソースを表示」で確認できるのはレンダリングされてない生文書であるので、PHPから出力した情報そのものが確認できます。
やってみればわかるんですけど、何度も書いてるのになぜやらないんでしょうか。

[退会済みユーザー]

すみません。未熟なもので、おしゃっていることが私には理解できません。
やる気はあるんですが、なにおどうやればいいのか、わからないのです。
勉強していけば分かるようになるのではとも思っていますが，意に添わなくてごめんなさい。

[m.ts10806]

調べればすぐ出てくるかと思いますけど。
例えば使ってるブラウザがGoogleChromeなら↓

https://support.google.com/surveys/answer/6172725?hl=ja

[退会済みユーザー]

google Chromeのデベロッパーツールのことでしょうか。
使い方は不慣れです。こちらも勉強しないといけませんね。
質問の件はFried Bean Curd Oil-Soaked Fishで正常みたいです。お騒がせしてすみませんでした。

[退会済みユーザー]

先に進んでいたら、似たようなコードの書き方があり、$で始まる変数が実際の値に置き換わって表示されていましたが、同じ書き方になっていました。ありがとうございました。

[m.ts10806]

デベロッパツールでなくても
「右クリック」→「ページのソースを表示」で充分です。
デベロッパツールのソースはブラウザ側の整形や調整が入るので「PHPの生の出力内容」を確認したい場合はむしろ不向きです。

[退会済みユーザー]

ありがとうございました。実行画面で「右クリック」→「ページのソースを表示」ですね。
１つ使い方がわかりました。

[m.ts10806]

一応、ブラウザで確認するだけが全てではないので、このことは頭の片隅に置いといてください。
書籍やプログラム関連の記事はほとんどのケースで「PHPから出力される生情報」が記載されます。
「出力結果」とはあくまで生情報であることは忘れては行けません。ブラウザはあくまでレイアウトの確認手段です。