CodeIgniterでブログ作成!初心者向けPHPフレームワーク開発入門
生徒
「パソコンの電源を入れるところから始めたばかりなのですが、自分専用のブログシステムを作ってみたいんです。何から手をつければいいですか?」
先生
「素晴らしい挑戦ですね!ブログシステムを作るなら、CodeIgniterというPHPのフレームワークを使うのが一番の近道です。」
生徒
「フレームワークってなんですか?なんだか難しそうな名前ですね。」
先生
「フレームワークは、料理で例えるなら『便利な調理器具セット』のようなものです。これを使うと、難しい設定を自分でしなくても、美味しいブログ料理が作れるんですよ。まずは基本的な手順から見ていきましょう!」
1. CodeIgniterとは何か?その特徴とメリット
CodeIgniter(コードイグナイター)は、PHPというプログラミング言語を使ってWebサイトを作るためのフレームワークです。フレームワークとは、Webアプリケーション開発に必要な機能が最初から詰め込まれた、いわば「開発用のお道具箱」です。
初心者がなぜCodeIgniterを使うべきかというと、動作が非常に軽快で、設定がとてもシンプルだからです。複雑な準備に時間をかけることなく、すぐに動くプログラムを書くことに集中できます。ブログを作るためには、記事を書く機能、保存する機能、画面に表示する機能が必要ですが、CodeIgniterにはこれらを効率よく作るためのルールが整っています。検索エンジン対策(SEO)を考慮したWebサイトを作る際にも、このフレームワークの構造は非常に適しています。
2. 開発環境の準備とPHPのインストール
ブログを開発する前に、自分のパソコン上でプログラムを動かす準備が必要です。これには「ローカル開発環境」というものを作ります。例えるなら、お店を開く前に自分の部屋に小さな厨房を作るような作業です。
まずはPHPという言語が動くようにし、次にデータベースであるMySQLを準備します。Windowsなら「XAMPP」などのツールを使うと、これらをまとめてインストールできます。パソコンにまだ何も入っていない状態であれば、まずはこのツールを入れて、Webサイトが動く準備を整えましょう。この段階が、ブログシステム作りの第一歩であり、最も重要な土台となります。
3. MVCモデルを理解してブログの設計図を作る
CodeIgniterを使う上で絶対に覚えておきたいのが「MVCモデル」という考え方です。MVCとは、プログラムの役割を3つに分ける仕組みのことです。
- Model(モデル):データベースとやり取りする係。記事データを保存したり、読み出したりします。
- View(ビュー):画面の見た目を作る係。HTMLを使って、読者に見える部分を作ります。
- Controller(コントローラー):司令塔。読者からのリクエストを受け取り、モデルとビューを操作します。
この3つを分けることで、プログラムが非常に整理され、後から記事のレイアウトを変更したくなった時も、効率的に作業できるようになります。
4. データベースの構築と記事データの保存
ブログの命とも言える「記事」をどこに保存するかというと、データベースというデータの倉庫です。ここではSQLという言語を使ってテーブル(データの表)を作ります。例えば、「id」「タイトル」「本文」「作成日時」という列を持つ表を作成します。CodeIgniterのデータベース接続機能を使えば、以下のコードのように簡単にデータを操作できます。
$data = [
'title' => 'はじめてのブログ記事',
'content' => 'これはCodeIgniterで作った最初の記事です。'
];
$db->table('posts')->insert($data);
こうしてデータを倉庫に入れることで、いつでも好きな時にブログ記事を呼び出せるようになるのです。データベースの管理は少し難しそうに見えますが、CodeIgniterの機能を使えば、初心者でも安全に操作できます。
5. コントローラーでブログの動きを作る
次に、読者がブログのURLにアクセスした時に、記事を表示するための司令塔(コントローラー)を作ります。コントローラーは、データベースから最新の記事を取り出し、それを画面に渡す役割を担います。以下は、記事一覧を表示するための基本的なコントローラーのコードです。
public function index()
{
$model = new PostModel();
$data['posts'] = $model->findAll();
return view('blog_list', $data);
}
この短いコードの中に、データベースから全記事を読み込み、それを見栄えの良い画面に流し込むというブログの心臓部が含まれています。プログラムが一行ずつ順番に処理を実行していく様子を想像してみてください。
6. ビューを使ってデザインとSEOを最適化
最後に、読者が見る画面(ビュー)を作ります。ここではHTMLタグを使って、ブログのデザインを整えます。Googleの検索エンジンに好まれるサイトにするためには、見出しタグ(h1, h2など)を適切に使い、意味のある構造にすることが不可欠です。以下は、記事のリストを表示するためのHTML例です。
<div class="container">
<h1>私の技術ブログ</h1>
<?php foreach ($posts as $post): ?>
<h2><?= $post['title'] ?></h2>
<p><?= $post['content'] ?></p>
<?php endforeach; ?>
</div>
このように、PHPとHTMLを組み合わせることで、動的にコンテンツを生成できます。検索エンジン対策として、タイトルやメタタグを適切に配置することで、ブログがより多くの人の目に留まるようになります。ここまでくれば、世界に一つだけのブログシステムの完成です。
7. サイトを公開するためのサーバー設定
パソコンの中で動くブログができたら、次はインターネット上に公開して、誰でも見られるようにします。そのためには、「レンタルサーバー」を借りる必要があります。サーバーとは、24時間動いているインターネット上の貸し倉庫のようなものです。FTPソフトというものを使って、作成したプログラムのファイルをサーバーにアップロードします。これだけで、世界中の人があなたのブログにアクセスできるようになります。最初の一歩は難しく感じるかもしれませんが、公開した時の喜びは格別です。