ECWorks Blogからダウンロードできます。

インストールと言うか、ダウンロードしたファイルを解凍してcakePHPの対象フォルダにコピーするだけです。
テンプのreadmeをよく読めば設置は難しくないですね。

ただ、今回は携帯からのアクセスとPCからのアクセスで異なるViewを表示したいことと、アドレスを分けたくなかったので
ちょっと工夫が必要でした。

/app/controllersにコピーしたAppControllerの中に必要な設定をコピーします。

ここで、コントローラ内にbeforeRender()を追加します。

    function beforeRender() {
    parent::beforeRender();

    if (
        in_array('Ktai', $this->components) &&
        $this->Ktai->is_ktai()
        ) {
            // Viewのパスへの書き換え
            $view_paths = App::path('views');
            $result = array_search(ROOT.DS.APP_DIR.DS.'views'.DS, $view_paths);
            if ($result !== false) {
                $view_paths[$result] = ROOT.DS.APP_DIR.DS.'views_mobile'.DS;
            }
            App::build(array('views' => $view_paths), true);
        }
    }

同じクラス内で

    var $components = array('Ktai');

としているのでif文のコンポーネンツ判断はいらないですね。
参考にしたサイトの記述ではここのif文がarray_key_existsになってて動かなかったのですが
$componentsは[0]->”Ktai”のようになっていてKeyサーチではtrueになりませんでした。

ここでちょっとはまりました。in_arrayならうまく動作しました。

この記述でPCからなら/app/views/以下のレイアウトとテンプレートを携帯からなら
/app/views_mobile/を見に行ってくれます。

/app以下のAppControllerを変更しただけなので、トップページの場合はこのAppControllerを継承した
PagesControllerを/app/controllers/に作成します。

あとは/app/views_mobileとそれ以下の必要なフォルダを作成してdefault.ctp home.ctpなどを携帯専用として作成すればOKです。

とりあえずiMode HTMLシュミレータではうまく動作しました。

MVCでデータベースに紐づいたページに必ずなるとは限りませんよね。一部新しいお知らせとかが入るくらいで。
今回構築しているシステムでは、トップページはPC用はシステムの案内としようか、それとも直接サービスが使えるようにするか迷ってます。そんな感じなので、まずルーティングについて再確認しておこうと思います。

最初の読込み

http://localhost/ktai/というurlでアクセスしたら、/index.phpをまず読み込みますが、ここに他のソースが読込まれます。

	require APP_DIR . DS . WEBROOT_DIR . DS . 'index.php';

appディレクトリのwebrootディレクトリですから、/app/webroot/index.phpを読み込みます。
このなかで/cake/bootstrap.phpをインクルードしている。

エントリポイントについてはここの説明がよくわかる。

このbootstrap.phpからConfigure クラスをインスタンス化している。このときに/app/config/core.phpと/app/config/bootstrap.phpが呼ばれている。
ああ、おんなじ名前が多くて混乱する。
そのあと/cake/dispacher.phpを読んでいる。ここでbaseurlなどを決めているようだ。
これに/app/config/route.phpが絡んでいる。

	Router::connect('/', array('controller' => 'pages', 'action' => 'display', 'home'));

pagesコントローラのディスプレイactionでhomeを呼べとなっている。
やっと、ここまで来た。

これはデフォルトでは/cake/libs/controller/pages_controller.phpのなかのdisplayメソッドが使われる。
このように固定されていると中々不自由です。

/app/config/route.phpを書き換えてcontrollerやaction などを書き換える方法もあります。
また呼ばれるテンプレートのhome.ctpの中でレイアウト変更も出来ますね。

home.ctp

<?php
    $this->layout = "main";
    $this->pageTitle = "携帯用タイトル";
?>

/app/views/layoutsにmain.ctpを作っておけばOKです。home.ctpでレイアウトだけ指定して何も書かなければmain.ctpの静的なページになりますね。

認証などでbeforeFilterを加えたりする場合は、/cake/libsにあるpages_controller.phpを
/app/controller/にコピーして書き換えると自由に出来ます。

恥ずかしい話ですが実はpearって何。それっておいしいの?状態でした。

携帯用のwebを作成するためにアクセスしてきた対象が携帯かPCかを振り分ける方法を探していてnet_userAgent_mobileというライブラリを見つけまして、どうもこれがpearというもののひとつであると言うことがわかりました。

pearはPHPの機能を拡張するライブラリということまでわかりました。ww

さて、ローカルのテスト環境にはXAMPPを導入した際にpearは入っているようです。
その環境でNet_userAgent_mobileのインストールに取り掛かります。
pearと言うコマンドでインストールできると言うことまでわかったのでコマンドプロンプトを開いて

C:\xampp/phpに移動します。(xamppのインストール方法によって変わります。)
このディレクトリにpearコマンドがありますので
pear install net_useragent_mobile
とタイプすればダウンロードとインストールを勝手にやってくれます。

これでテストできそうなので以下のようなテストphpを書いてみました。
mobiletest.php

<?php
require_once('Net/UserAgent/Mobile.php'); 

$agent = Net_UserAgent_Mobile::singleton(); 

if($agent->isDoCoMo()){
    echo "docomo" . "<br>";
    echo $agent->getModel()."<br>";
    echo $agent->getSerialNumber()."<br>";
}elseif($agent->isSoftbank()){
  echo "Softbank";
}elseif($agent->isEZweb()){
  echo "au";
}elseif($agent->isWillcom()){
  echo "WILLCOM";
}else{
  echo "PC";
}
?>

この状態でxamppのapacheを起動させてブラウザからhttp://localhost/mobiletest.phpを呼び出すと
「PC」と表示されました。無事動いているようです。次にiモード HTMLシュミレータ2を起動して同様のURLにアクセスすると

このように表示されました。ユーザーエージェントなどの判別もうまくいっているようです。
ただシリアル番号は取れていないようですが、この部分は後で要検討です。

auやsoftbankもシュミレータでテストするべきですが、とりあえず実機でテストしてみたいのでレンタルサーバーにuploadする方法を検討します。

今回はお名前ドットコムのSD共用サーバーを借りています。
説明を見るとpearはインストールされていないようなので手動でセットしないといけません。

いろいろ調べてみるとpear.phpとNet_UserAgent_Mobileの必要なファイルだけアップロードしても出来るようですが他の機能も必要になりそうなのですべてあげておくことにします。

ブラウザからインストールする方法としてgo-pear.phpと言うソースをアップロードしてインストールする方法がありましたので
テストしてみましたがどうもうまくいきません?

SD共用サーバーはSSHやTelnetが使えないのでFTPに頼るわけですが、アップロード先がドメインを複数含むので以下のようになっています。
analyze
backup
files
hoge.com
hogehoge.com
ブラウザからアクセスできるのはhoge.comとhogehoge.com以下ですのでpearはfiles以下のブラウザでアクセスできない領域におくことにします。
hoge.comの直下にgo-pear.phpをアップロードしてブラウザでhttp://hoge.com/go-pear.phpを叩くとインストール画面が出てきます。
(go-pear.phpはぐぐるとソースが入手できます。)
ここでInstallation prefixのところに何を入れるかで悩みました。
/home/アカウント名/pearなどと解説してるところもあるのですが、SD共用サーバーではどうすればよいか。

仕方ないのでpearをインストールする前に先ほどのmobiletest.phpをアップしてエラー吐かせて見ました。
すると
/export/sdxx/www/jp/r/e/gmoserver/n/m/サーバーアカウントID/hoge.com/mobiletest.php
にエラーがあるとでました。(一部伏字にしてますので、ご自分の環境で確認してください)
これで参照位置がわかりました。ただしgo-pearでインストールする際には/files/hoge/以下にしようと思うのでパーミッションを777にしておかないといけないようです。

面倒になってきたのでWindows環境でインストールしているディレクトリを/files/hoge/PEARにすべてアップロードしました。
さて、pearへのパスが通っていないので、このままでは先ほどのmobiletest.phpは動きません。
include_pathと言う奴を指定しなくちゃいけません。
.htaccessでパスを通す方法が書いてあったので設置して
php_value include_path “.:/export/sdxx/www/jp/r/e/gmoserver/m/n/サーバーアカウントID/files/hoge/PEAR”
としてみましたが、動きません。.htaccessでは動かないこともあるとのこと。サーバー側の仕様でしょうね。

仕方ないのでmobiletest.phpに一行加えました。

    ini_set('include_path', ".://export/sdxx/www/jp/r/e/gmoserver/m/n/サーバーアカウントID/files/hoge/PEAR");

これをrequire_onceの前に加えたら、なんとか無事動作しました。

結構面倒でしたが、これでpear持つ変えるようになりました。

つぎは振り分けを行うためにcakePHPのルーティングについて、勉強しなおします。
これも結構ややこしやーーーー。

新規に1.3をインストールして、再度初心に帰って再入門します。ということで、いつもの覚書と言うかメモです。

ダウンロード
cakePHP日本語サイトのトップに1.3.0 stableのDOWNLOADがあります。
cakephp-cakephp1x-1.3.0-0-g1c06478.zipと言うファイルを落としてきて解凍チン!!。

テスト環境はxamppを使っているのでxampp/htdocs/以下に今回テスト用のktaiというディレクトリを作って中身をコピー。

とりあえず、このままfirefoxでhttp://localhost/ktai/を打ち込む。
まずエラーページが表示される。

まずは、お決まりのエラーですが、ちょっと新しいのが出ているのかな。
‘Security.cipherSeed’って無かったような気がする。

背景が黄色の部分がエラーです。
３箇所出ています。
最初の二つについては/app/config/core.phpを編集しないといけません。

「Security.salt」の定数がデフォルトだとみんなに知られていますから変更しろとのこと。

198行目の

Configure::write('Security.salt', 'DYhG93b0qyJfIxfs2guVoUubWwvniR2G0FgaC9mi');

を書き換えます。
DYhG93b0q…の部分を適当に書き換えます。この値はハッシュの作成に使われます。

CookBookの1.3を見ると CIPHER_SEEDがSecurity.cipherSeedに書き換えられたみたい。なんのことやらw
どうも乱数発生時の種みたいですね。これも適当な数字に書き換えましょう。

203行目の

Configure::write('Security.cipherSeed', '76859309657453542496749683645');

これでさっきの画面をリロードしたら、上の二つはグリーンになります。

3番目のメッセージはデータベースに関する設定をしろってことで、config/database.php.default　を config/database.phpにリネームして中身をいじくることになります。

class DATABASE_CONFIG {

	var $default = array(
		'driver' => 'mysql',
		'persistent' => false,
		'host' => 'localhost',
		'login' => 'user',
		'password' => 'password',
		'database' => 'database_name',
		'prefix' => '',
	);

	var $test = array(
		'driver' => 'mysql',
		'persistent' => false,
		'host' => 'localhost',
		'login' => 'user',
		'password' => 'password',
		'database' => 'test_database_name',
		'prefix' => '',
	);
}

$defaultが普通の設定　$testはテストの時なんかに別のDB使うときの設定って認識でいいと思います。
複数のDBなんか同時に使うことはないと思うけど。

ちなみにモデルの定義の中で

$this->useDbConfig = 'test';

とすると$testの定義を使ってくれるので、色々作っておいてモデルごとに使い分けることも出来るみたい。
Bakeとかでも自動判別するんだろうなあ。

[設定]
driverはMySQLなのでそのまま、persistentは持続的データベース接続ってことらしい。
ここに説明が書いてるけど、よく理解して使わないとちょっと怖そう。デフォルトどおりfalseにしておく。
hostはlocalhostのまま、本番動作時はレンタルサーバーとかの指定によって書き換えよう。
loginはMySQLのログインユーザー名、passwordはそのパスワード、databaseは使用するデータベース名。
prefixは接頭語だけど、いらないので省略。

こんな感じでdatabase.phpを書き換えたらOKかな。

とりあえず初期設定の一部が済みました。使用するデータベースはphpMyAdminとかで先に作成しておいたほうがいいですね。

当初はphpeditorやK2Editerを使って、php javascript cssなどのファイルをごしごしコーディングしていましたが、ひとつのファイルごとにWindowが開くし、コード補完も無いのでとても不便でした。
MVCで組み立てていくので、ひとつの画面作成するにもconroller view layout などなどたくさん開かないといけません。なんか良いのは無いかなと検討した結果Aptanaを導入しました。

eclipseのプラグインとしてではなくスタンドアロン版を使っています。eclipseは以前入れていたのですがなぜか動作しなくなっていました。スタンドアロン版でも充分便利です。
多少ですがコート補完があるとないとでは全然効率が違います。

IDEはやはり便利です。いくつもファイル開いても散らからなくて。しかし、コードウィンドの水平垂直分割が出来ないのが残念です。ひょっとしたら方法があるのかもしれませんが、見つけ切れていません。
知ってる人がいたら教えて欲しいw。

ダウンロードはこちらから。
日本語化はプレアデスのプラグインで簡単に出来ます。
Aptana 日本語化でぐぐれば出てきます。

php対応はインストール後にプラグインの追加でこれも簡単ですよ。

さて本題のcakePHP Debug-Kitプラグインですが。これもダウンロードして解凍したソースを
/app/plugins/に置くだけです。zipの中身をplugin配下にdebug-kitのディレクトリ作成して
そこにコピーでOKです。

そのままテストすると動作しません。ここでちとはまりました。
/app/controllers/app_controller.phpに以下のコンポーネント宣言を追加します。
public $components = array('DebugKit.Toolbar');

すでに何か追加していたら、DebugKitを付け加えてください。
/qpp/controllersにapp_controller.phpが無い場合は(初期設定のままだとありません。)/cake/libs/controllerからコピーして書き換えてください。

このデバッグキットはdebugの値を2以上にすると表示されます。
Sessionや変数、タイマーやメモリまで表示してくれて超便利です。これで開発が楽になりそうです。

ダウンロードDebugKit

それでGoogleCromeを入れてみたのですが、これは実に軽快だし使いやすいのです。
通常のブラジングには何の問題もありません。

しかし、やはり一部のサイトで不具合が生じて使えないこともあります。どうしても検証をIEだけにしていたり、IE依存機能を使っているサイトもあるんですね。

FireFoxは以前インストールしてみたことはあったのですが、操作とデザインに少し違和感があって消していました。
しかし、色々なアドオンがあって便利だという記事を発見。
ちょっと使ってみようかなという気になってます。

第2回　快適なWeb開発環境を構築する、Firefoxアドオン10選の記事に紹介されています。

アドオン1 ★Greasemonkey ページ切り替えを自動で行う
アドオン2 ★Resizeable Textarea テキスト入力ボックスを自分の好きなサイズにする
アドオン3 ★Form Saver 入力フォームのテストを素早く行う
アドオン4 ★Page Saver Webページ全体のキャプチャーを撮る
アドオン5 ★ViewSourceWith ソースを好きなエディタで開く
アドオン6 ★Html Validator HTMLがW3Cに準拠しているかを確認する
アドオン7 ★Server Switcher テスト／本番サーバのチェックを効率化する
アドオン8 ★CS Lite Cookieの中身を自由に編集する
アドオン9 ★Make Link ページタイトルとURLをクリップボードにコピーする
アドオン10★FireBug JavaScript、HTML、CSSをデバッグする

入力フォームのテストをすばやく行うとか、Cookieの中身を自由に編集するとか、他の方法でも出来そうですが、ブラウザのアドオンで出来ればテストや開発には便利そうです。

まだ導入してないので評価はこれからですが、インストールしてみようかなと思います。

pdt-all-in-one-win32-2.0.0GA.zip(105.6MB)のファイルをダウンロード。

解凍したら、もう終わりです。
eclipse.exe起動したら、タイトルが「ガニメデ」になってる。

あ、日本語化してなかった。
Eclipse Ganymede (3.4.1) 日本語化言語パック (サードパーティ版)ってのがあったが
http://sourceforge.jp/projects/nttdatagroup-oss-square/wiki/blanco_Framework/nlpack.eclipse.ganymede
php用が見当たらないな。

日本語化されたall-in-oneもあるんだ。
http://mergedoc.sourceforge.jp/index.html#/pleiades_distros3.4.html
Pleiades-PHPもあるからこれも落としてみよう。これは264MBもある。

Xampp環境まで入ってるんだ。さてどうすればいいのかな。

今日のところは、これまで。　寝よう。

まず、ローカルで動作させて確認しているが、なかなか無いですね。

最近はASPでサービスしているところが多くてオープンで開発するパワーが無いのかな。

phprojektをダウンロードして試してみました。

phprojektカレンダー画面

インストールはそんなに問題ありません。ひとまずXampp環境でテストしてみました。

CalenderやMail Project ToDoなど一通りの機能は揃ってますが、やはり日本語言語ファイルがあるにもかかわらず全体がすっきり日本語化が出来ていません。またスキンを編集すればよいのかも知れませんが、全体的にデザインがせせこましく感じられて好きになれません。質実剛健なドイツらしさが出ているともいえますね。あまりかざりっけはありません。

あまり操作はしていませんが、操作性や入力項目も今ひとつという感じです。

もうひとつ6zapというグループウェアもインストールしてみました。

こちらはAjaxを使っていて、操作性はなかなかです。

このソフトに関しては日本語で解説したページがほとんどありません。

install.txtの内容を何とか読んでインストールしましたが、なんとなく出来てしまいました。

このソフトも階層の深いところに言語ファイルらしきものがありますが、そこにあるen.jsファイルをコピーしてja.jsファイルを作ってみましたが

やはり一部しか対応していないようでうまくいきません。

それに言語切替はデータベースのテーブルも変更しないといけないようです。

本家のサイトで近日中に多言語対応するということなので、それに期待したいですね。

ダウンロードはこちらから。

ダウンロードするのはwp-slimstat-ex-plugin.zip(1.1 MB)とwp-slimstat-ex-pins.zip(188.8 KB)の二つのファイル。

それぞれ解凍した後、wp-slimstat-ex-pins.zipから作られるpinsフォルダをwp-slimstat-ex配下のpinsフォルダにコピー。

日本語化はサイト管理者のよんよん日記のサイトのここからダウンロードできます。

wp-slimstat-ex-ja_utf.zipを解凍して、作成されたランゲージファイルをwp-slimstat-ex配下のlangフォルダにコピーします。

そのあとwp-slimstat-exフォルダ全体を/wordpress/wp-conten/pulginsの下にコピーします。

インストールはこれだけでOKです。

あとはアドミンのダッシュボードを開いて、プラグインのところから「使用する」で有効化します。

WP2.5以上に対応なので最新版のWP2.7でも、今のところ動いています。

ところで、今回何度アップロードしても、プラグインのリストの中に「wp-slimstat-ex」が出てこない現象が発生して随分悩みました。

最終的にGoogleCromeを使ってダウンロードしたファイルを解凍したら、IE7.0でダウンロードして解凍したファイルと内容が違っていました。フォルダ直下のphpファイルなどがすべてなかったのです。

原因はわからないのですが、どうも最近IE7.0の動作が不安定なので、それも原因かもしれません。

それとも解凍ソフトなのかな。

これでアクセス解析できるようになったのですが、いかんせん自分以外のアクセスがない。

今はiAppli用のDojaに合わせて古いバージョンeclipse入れているけど、web用のall-in-oneパッケージ入れると、eclipse自体のバージョンも上がるんだろうな。

こちらの方が面白そうなので入れてみようと思ったが120MBあるので、時間のあるときに。

オープンソースのphpで作ったグループウェアなんてのもあるみたい。

個人用の覚書代わりにローカルPCにXamppでWordPress動かしているけど、グループウェアでオフラインのときはローカルのMySQLに書き込んで、オンラインになったらサーバーと同期できたらいいな。

出先でURL探したり、必要な情報を探すのに苦労したり、良くあるのでローカルで保存してても、サーバーに上がってて出先のPCからアクセスできると便利そう。

これはクラウドとは呼ばないかなww