超初心者のための独学ガイド (3) : 4. PHPでベタ打ちするのも大変だ 〜 本で勉強する準備

  • DATE : 2014年02月11日

このブログシリーズ開始を投稿した4時間後に初心者中学生(勉強してて偉い!)から以下のような質問がきました。

「MAMPというソフトをつかっていてIt work!とはでるのですが書き込んだphpは反映されません..
どうやったらMacでphpの開発環境がととのえられるのでしょう?サイトもいくつかみましたがわかりませんでした…」

なるほど、かなりショッパナの基本的なことなのにGoogle先生でも解決できないのね。ちょうどこの問題に私も直面していて、今日の午後に生徒のMさんに教えるべくClub86の仲間に聞きまくっていたのでした。。。これがクリアできないとPHPの入門書を使って勉強が始まらなんですもの!

というわけで、この項目を先行公開することにしました。 それでできたお返事がこれ。

とりあえず、以下のことをやってみてください。

1) 添付PHPファイル niwata.php を アプリケーション/MAMP/htdocs に保存
2)MAMPを起動する
スクリーンショット 14:02:11 19:03

3)Google Choromから http://localhost:8888/niwata.php にアクセス
4)表示されるか確認
スクリーンショット 14:02:11 20:28
5)表示されたら、ファイルの中身を書き換えてみて、Google Chromeをリロード command+R で、表示が変わればOKだよ!
スクリーンショット 14:02:11 19:22

ポイントは以下のソースなんだ。これがないと

[html]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">
<meta charset="UTF-8">
<title>HTML5サンプル</title>
</head>[/html]

ー Google Choromeのキャッシュ機能のせいでうまくいかない
ー 文字化けする (UTF-8を指定する必要あり)

という症状が!! 以下に全コードを示します。

[php]
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">
<meta charset="UTF-8">
<title>HTML5サンプル</title>
</head>

<body>
<p>HTML5で作成しました!</p>
<h1>YUJI</h1>
<?php
echo "武井咲が好き!";
$a="DDDD";
echo $a;
?>
</body>
[/php]

以下の2つのサイトを参考にさせていただきました。ありがとうございます!
http://tech.bayashi.net/pdmemo/browsercache.html
http://www.htmq.com/html5/003.shtml

参考までに動作確認済のphpファイルはこちら

本稿は動作や品質や学習効果についてなんら責任を負うものではありませんので、その点ご了承願います。

ガイド

ご質問やご意見コメントは大歓迎です。こちらでも直メールでも構いませんのでドシドシお願いいたします。内容によっては当スクールの先生方から直接回答させていただきます。

念のためもう一度。当スクールは効率の点から超初心者の独学はオススメしないです。

一緒に勉強することにご興味のある方はTech Garden Schoolの無料説明会・見学会でお待ちしております! 仲間になってくれるひと大歓迎です。一緒に楽しく勉強していきませんか?

「超初心者向け IT創職メルマガ 」 もいかがですか?

 

無料体験から始めて、自分に合ったクラスや目標を探していきましょう!
近い目標の生徒さん達と共に、効率よく学ぶことが出来ます。

無料見学お申し込み

合わせて読みたい記事

【イケハヤブログ塾Day3】人を動かすための学校買収をイケハヤブログ塾で企む編集者 乙丸氏 〜 ”俺はイケハヤ塾を実験台にして大学を買う!”

2014年5月14日
ハートマン軍曹.jpeg

イケハヤブログ塾 Day1 〜 書いて書いて書きまくれ!!

2014年4月30日

【超初心者ITスクールによる書評#41】ビジネスモデル全史 (ディスカヴァー・レボリューションズ)

2015年4月15日

【超初心者ITスクールによる書評#127】「好きなこと」だけで生きぬく力~自分基準の仕事で世界一になれ~

2015年6月13日