---

データベースにどんなデータを保存するかを決めたので、
次はデータベースと、データベースに実際にデータを入れるためのテーブルを作ります。

Xdomainにログインしたら、無料レンタルサーバー、PHP・MySQLサーバー
MySQL設定の順に開いていきます。

---

次に、MySQL追加でデータベースを追加し、
MySQLユーザ設定でデータベースを扱うユーザを追加します。

そのあとで、データベースの追加可能ユーザからユーザを追加することで
そのユーザがデータベースを操作することができるようになります。

そして、phpmyadminを押してMySQLユーザ設定で追加したユーザの
名前とパスワードを入れることでMySQLの管理ツールである
phpmyadminにログインできます。

---

phpmyadminにログインした後は、データベースに新しいテーブルを作成する
という部分に名前とフィールド数を入力し、実行するを押します。



今回は要素数は６つなので、フィールド数を６にしています。

---

そうすると、各フィールドの名前や型を入力する画面になるので
入力し、保存するボタンを押します。



記事のタイトルやurlは、今現在で最も長いものが５０文字程度だったため、
255文字分入るようにしておけば安心かなと思い、長さは255としています。

---

これでデータを入れるためのテーブルは完成したので、
次はサイトで公開している記事のデータを実際に入れていきます。



phpmyadminの挿入タブを開いてデータを入力し、実行するを押します。
idはauto_incrementにしてあるため、挿入する際に値を指定しなくても
自動で１から順にインクリメントされてデータベースに入っていきます。

---

１つデータが入れば、後は同じようにしてひたすらデータを打ち込んでいきます。



とりあえず、今ある分のデータは全部入りました。

---

これでデータベースは完成したので、後はPHPのプログラムを書くのみです！

Xdomainのサーバー管理パネルから、FTPアカウント設定を開いて
アカウント名の右の方にあるログインを押すと、ファイルマネージャーを開けるので
今から作るPHPファイルはそこに保存していきます。

---

まずはTopページの更新履歴を表示するためのプログラムを書いてみます。



今回はPHPをJavascriptとして出力しているので、そのことを示すための
header("Content-type: application/x-javascript");
というのを書く必要があります。

また、変数$hostにはMySQLのホスト名、
$usernameと$passにはMySQLを使用するユーザの名前とパスワード、
$dbnameにはデータベースの名前を入れました。

---

これでPHPのプログラムは書けました。
htmlからこのプログラムを呼び出すには、
更新履歴を書いていた部分に

というような感じの文を書いておきます。

---

これで更新履歴はphpで表示されるようになりました！

今までは

こんな感じで書いていた更新履歴ですが

こんな風に見た目にもスッキリとしました。

---

次はコラムの記事一覧を出すためのプログラムです。
下のようになりました。

基本的な流れとしては、Topページの更新履歴を出すのとさほど変わりません。
mysqli_query()やJavaScriptのdocument.write()の中で
シングルクオーテーションやダブルクオーテーションが必要になるので
何処に何個バックスラッシュを入れるかさえ気を付ければ大丈夫かなという感じです。

---

htmlのソースコードは、

これが

こうなりました。
すっきりですね。

---

こんな感じで今回は終了です。
今までは１つの記事を更新するのに３つのhtmlファイルを更新しないとダメだったのが
１つのhtmlファイルを更新してデータベースにデータを入れるだけになりました。

これで少しはサイトの更新が楽になりましたが、
更新する記事自体にもまだ手を加えられそうな感じはあるので
そのうちやってみようかという感じです。