Coda + FuelPHPでお手軽開発環境を作る

今年、私がもっともはまった言語系のプロダクトと言えば「FuelPHP」になります。

そんな、FuelPHPの Advent Calendarが開催されていたので、私も参加いたしました。
昨日の @LandscapeSketch さんの「FuelPHP + NetBeans + Gitで高速開発環境を整える」を受けて、私からは「Coda + FuelPHPでお手軽開発環境を作る」をお送りします。

Codaとは、Panic社から販売されている OS X向けの Web開発ソフトです。軽量・高機能で筆者ももっとも愛用しているソフトの一つです。

この「Coda」、名前からしてHTMLのコーディングにしか使えないだろうと思われている方も少なくないのですが、実はプログラミングにも最適な開発ソフトです。ここでは、FuelPHPを少しでも開発しやすくするための、各種機能を紹介していきましょう。

セットアップ

Codaの最新バージョンは、「Coda 2（2.0.6）」です。Lion以降なら App Storeからワンクリックで購入・インストールをすることができます。それ以外の環境だったり、少しお試しをしてみたい場合は直販サイトから、ダウンロードすると良いでしょう。

Coda 2

起動すると、ファイルを開く画面が表示されますがキャンセルすれば「サイト管理」画面が表示されます。まずはこのまま無視して、右上の「＋」ボタンをクリックしましょう。

「ターミナル」をクリックすると、Coda内でターミナルを開くことができます。ここで、次のように打ち込んで、公式ドキュメントに従って次のようにプロジェクトを作っていきます。

oil create

oilがインストールされていない場合は、先にこちらを打ち込みます。

curl get.fuelphp.com/oil | sh

こうして、FuelPHPをダウンロードしてプロジェクトを作ることができました。

ローカルサーバーの構築

続いて、このプロジェクトを動作させるための、Webサーバーを準備します。コマンドラインに長けている場合には、HomeBrewなどを利用して Apache+MySQLをセットアップしても良いですが、筆者は手軽に MAMPを利用して構築しています。

MAMP

セットアップしたら、MAMPの環境設定から「Apache→Document Root」の設定を先ほど作ったプロジェクトの「public」フォルダに設定しておきます。

Webブラウザで、次のアドレスにアクセスすれば初期画面が見えるはずです。

http://localhost:8888

サイトの設定

次に、サイトを作ります。Codaのツールバーで一番左の「サイト」ボタンをクリックし、さらに左下の「+」ボタンをクリックします。

それぞれ、以下のように設定していきます。

サイト名：見分けのつく適当な名前をつけます
ローカルURL：「http://localhost:8888」を設定します
ローカルルート：先ほど作ったプロジェクトのディレクトリを設定します

その他の設定項目は FTPに関わるものなので、サイトを公開するときに設定すれば良いでしょう。こうすると、サイトのアイコンができあがります。

ファイルを編集する

サイトアイコンをダブルクリックすると、画面の右側にファイルのリストが表示されるので、ここから必要なファイルをダブルクリックして編集することができます。まずは、「fuel/app/config/config.php」を編集し、必要な設定項目を書き加えましょう。

ini_set('default_charset', 'UTF-8');

return array(
    'language' => 'ja',
    'locale' => 'ja_JP.utf8',
    'default_timezone' => 'Asia/Tokyo',
    'always_load' => array(
        'packages' => array(
            'orm',
        ),
        'config' => array(
        ),
    ),
);

さらに、「fuel/config/development/db.php」も編集します。MAMPのデータベースに接続するには、次のような設定にすると良いでしょう。

pre>
return array(
‘default’ => array(
‘type’ => ‘mysql’,
‘connection’ => array(
‘hostname’ => ‘:/Applications/MAMP/tmp/mysql/mysql.sock’,
‘database’ => ‘test’,
‘username’ => ‘root’,
‘password’ => ‘root’,
),
),
);

次に、oilでファイルを作ってみます。

右上の「＋」ボタンからターミナルを起動してみましょう。サイトを定義した状態でターミナルを起動すると、自動的にパスがプロジェクトのパスになるため、非常に便利です。

次のコマンドを打ち込んで、Scaffoldを作ります。