仕事SPOT

AmidaMVC：設計方針を決める

2012-02-03T22:02:00.002+09:00

さてコントローラーのアミダ式チェーンが出来たので、
今度は中身のフレームワーク。

HTTPのリクエストはコントローラーが受け取り、
コンポーネントを次々と実行する。

で、コンポーネントで何をするか？
まずは、

リクエストから読み込むファイルを探して、
ファイルを読み込んで、
テンプレートに流し込んで、出力。

これが最低必要な流れでしょう。

それぞれ、Router、Loader、そしてRenderという名前のコンポーネントを開発することにしました。

試してませんが、今でもこの３つのコンポーネントだけで動くんじゃないかな？

◆Router

コントローラーからpath_infoを読み込む。

単純に最後のパスがファイル名で、残りがフォルダー名。

で、探し出せればLoaderにファイル情報を渡す。

今はルートマップから探索できるようになりました。どちらの方法でもファイルが見つから無ければPageNotFoundにアクションを変更。

◆Loader

ファイル情報からファイルの中身を読み込む。

拡張子から中身の種別を判断（HTML、markdown、テキスト、PHPのソースコード）したうえで読み込む。

PageNotFoundの場合は、前もって決めておいたファイルを読み込む。最初、ファイルはLoader内に直書きしてたが、今は設定コンポーネント（Config）で設定するよう変更済み。ファイルが正常に読み込めれば、アクションをデフォルトに戻してRenderに処理を渡す。

◆Render

中身の種別により、マークダウンならHTMLに、テキストならnl2brとhtmlspecialcharsをかけて、PHPならソースコードハイライトして、と前処理を行う。

それから中身のデータをテンプレートに流し込む。

とにかく簡単に。単なるPHPをインクルードするだけ。

◆$siteObj

コンポーネントで色んなデータを扱う必要があるので、必要な情報は全部このオブジェクトにぶち込んで、コンポーネント間で持ち回します。デザインパターンで言えばData Transfer Objectですな。

◆Toolsフォルダー

コンポーネントが行う実際の処理はここに書く。
コンポーネントは、処理を行うルーチンを呼び出すのが仕事。

こういう汎用的なルーチンは再発明しても仕方ないので、出来るだけ自分で書かないのが方針。実際、『パーフェクトPHP』のフレームワークの章から、ほとんどのコードを書き写しました。とても参考になったいい本だと思います。

理想はsymfonyなどのフレームワークのライブラリを再利用できるといいな。

◆以上、簡潔に方針をまとめると

・コントローラーは単純に、
・コンポーネントは薄く、
・ツールは汎用的かつコピペで書く、
のが開発方針です。

AmidaMVC：Amida式チェーンを思いついた流れ

2012-02-02T21:20:00.000+09:00

何故Amidaなんてチェーンを思いついたか？

昔作った簡単なページコントローラーがあったけど、
コードが汚くて使いづらくて。

つい書き直し始めたのが始まりだった･･･

最初は入力の値によって、決まった関数を呼び出すだけ。
次に、ひとつのクラス内のメソードを呼び出すようにしてみた。

ふむ。簡単すぎるぐらいの改造。

それではと、複数のクラスを登録して、
次のクラスを呼び出せるようにしてみた。

何か面白いぞ。

じゃぁ、デフォルトで次のクラスに進んでみよう。
お～、いい感じ。

おや？MVCフレームワークにちょうどいいんじゃない

じゃ作ってみようか。

作ってみた　←　いまここ。

Windows 7 買ってVirtualPCでXPを立ち上げてみる

2012-02-02T18:10:00.001+09:00

もう10年前のデスクトップが未だに必要なのはXPで納入したお客さんのサポートのため。今回こそは廃棄に回せるようWindows 7 Professionalの入ったノートブックを購入した。

◆まずは作業開始

ノートブックが来て最初にしたのは
avastというフリーのウィルス対策ソフト。
気が利いてることに一緒にChromeをインストールをしてくれる。

それからOSのアップデート。
半日近くかかったがダウンロードして再起動。
それを２～３回繰り返したら最新の状態になったようだ。

◆Virtual PC/XP Modeのインストール

スタート→全てのプログラム→Windows Virtual PCの
Windwos XP ModeをクリックするとMicrosoftのページが立ち上がる。

そこからXP Modeをダウンロードするんだけど、
RunしてOpenして･･･
どうにも動かない。

そうだ、Chromeだからだ。
IEで同じURLにアクセスしたら、なるほど、こういう意味だったのか。

Windows XP Modeをダウンロードして実行して、
しばらくするとXPが立ち上がった。パスワードを設定して･･･

あれ？Virtual PCはダウンロードしなくても動くようだ。

◆ファイルの共有のセットアップ

XPのコントロールパネルから
ネットワークセットアップウィザードを立ち上げて設定。
懐かしいねぇ。最初に見たときはすごいと思ったけど、今見ると面倒なだけ。OSも進歩している。

が、ファイルを共有してくれない。
XPの設定を色々いじくったけど、駄目だ。

これはホスト側のネットワークの設定を変更することで解決。
デフォルトでは「共有ネットワーク（NAT）」になっているので、
ここにホストPCのLANカードを指定して動きました。

◆ホストPCとのファイル共有が遅い

ホストPCからネットワークを開いて、VirtualXPの共有フォルダーへ、30MBほどのファイルをコピー。時間が30分とでた。何これ。遅い。

原因と対策はここに一緒に書いてありました。

しかし。

面倒だ。

別のPCからVirtualXPの共有フォルダーへコピーしたら、

早い。問題なし。

これなら使えそうだ。

何とかなりそうです。

AmidaMVC：アミダ式チェーンとChain of Responsibilityパターン

2012-02-02T11:25:00.001+09:00

Amida式Chainのコードです。

function dispatch( $action, &$data=NULL ) {
    // set current action.
    $return = NULL;
    $this->_dispatchAct = $action;
    $this->setAction( $action );
    $this->fireStart();
    // -----------------------------
    // chain of responsibility loop.
    while( $this->moreModels() )     {
        $this->fireDispatch();
        $action = $this->getAction();
        $return = $this->execAction( $action, $data, $return );
        if( $this->useNextComponent() ) {
            // go to next component. 
            $this->nextComponent();
        }
        else {
            $this->useNextComponent( TRUE ); // reset to TRUE. 
        }
    }
    // -----------------------------
    return $return;
}

内部に$this->_componentsという配列にコンポーネントを登録しておいてwhile文でループしているだけです。

◆コンポーネントの扱い

nextComponent()でarray_sliceをして、
次のコンポーネントに進みます。つまり、後へは戻れません。

ただしコンポーネント内で別のコンポーネントを登録できます。
例：prependComponent( 'appHello', 'app' );

これで自分自身の次に実行するコンポーネントを追加します。
その他、チェーンの最後に追加する、チェーンを終了するする、指定したコンポーネントまでスキップする、などが出来ます（まだAPIで全てに対応はしてませんが）。

◆アクションの扱い

$actionはコンポーネント内で必要に応じて変更されます。それ以外は変わらず同じアクション（つまり同じ名前のメソード）を呼び続けます。

◆Chain of Responsibilityパターン

Amida式チェーンは、Chain of Responsibility (CoR)パターンの一種だと思ってます。WikipediaでのCoRのページを見てもよく分かりません。

自分の理解では、何かを達成するのに複数のオブジェクトを使う、複数のオブジェクトを使うためにAPIを共通にする、そして実行するオブジェクトの順番を適宜変更できるようにする、というパターンだと思ってます。

なのでCoRの実装方法はいろいろあると思います。
多分、LithiumというPHPのフレームワークは、各オブジェクト内で次に呼ぶオブジェクトを指定しているようです。リンクトリストみたいですね。

それに比べるとAmida式チェーンは比較的単純だと思います。実行するオブジェクト（あるいはクラス）を最初に配列で持っています。一方、途中でオブジェクトの順番を変えたり、呼び出すメソード名を変更できるのが特徴です。

AmidaMVC：appHelloを書いてみよう

2012-02-01T21:46:00.000+09:00

今度はちゃんと俗に言うModelみたいな書き方を。

「demo/hello」フォルダーを作ります。
その下に「_App.php」ファイルを作って、

<?php
$_ctrl->prependComponent( 'appHello',  'app' );
class appHello extends \AmidaMVC\Component\Model
{
    static function actionDefault(
        \AmidaMVC\Framework\Controller $ctrl,
        \AmidaMVC\Component\SiteObj &$siteObj  )
    {
        $html = '<h1>Hello Application</h1>' .
            '<p>Hello World from Application</p>';
        $siteObj->setContents( $html );
    }
}

と書き込みます。

次のURLにアクセス。
http://your.host.here/pathto/AmidaMVC/demo/hello/

your.host.hereとpathtoは適宜環境に合わせてください。
すると、

と表示されます。

今度はたくさんのルールがあります。

◆_App.php

アプリケーションは_App.phpファイルにあるという規約になってます。

◆自分自身をコンポーネントとして登録

Componentとして自分自身をチェーンに登録する必要があります。
AmidaMVCのコントローラーが$_ctrlで取得できるので、prependComponentメソードを使って登録しています。

$_ctrl->prependComponent( 'appHello',  'app' );

ここにクラス名（appHello）を入れます。
この時点では、Loaderコンポーネント内で動いています。次に実行するコンポーネントとしてクラスを登録することになります。

正直、これは格好悪いと思いってます。クラス名を固定にしてコントローラー側で自動で読み込ませようかと思ったのですが、規約を増やすより、自分でコード書いた方がいいかな、と思って。というのは嘘で、ここでViewも読み込ませたいのですが、二つのクラスを上手に読み込ませるよい規約を思いつかなかったからです。

◆actionDefaultメソード

Loaderがファイルを読み込んだ後、appHelloクラスを実行します。
このURLだとアクションはデフォルトになります。なのでactionDefaultメソードが呼ばれることになります。

変数は３つあります。

$ctrl：AmidaMVCのコントローラーオブジェクト。
$siteObj：ウェブサイトに関するデータを収集するオブジェクト。
$data：前のコンポーネントから受け渡されるデータ（必要なければ無視）。

◆HTMLを返す

結果のHTMLは$siteObjに登録します。

これがRenderに運ばれて、テンプレートなどの処理を行います。

$siteObj->setContents( $html );

◆個人的な感想･･･

ちょっと書いてますが、もっと規約を増やして自動で処理する項目を増やしたほうがいいかもしれません。

たとえばRenderが受け取る$data（3番目の変数）は常にコンテンツにするとか。するとappあるいはviewメソードの最後にHTMLをreturnすればRenderが受け取ってコンテンツとして処理してくれるとかです。
それから、コンポーネントの登録を自動で行うとか。
_initメソードを前もって呼び出すとか。

フレームワークは作っていて楽しい理由は、ここら辺でしょうね。
やりすぎて使いにくくならないようにするのが難しいのかもしれません。

AmidaMVC：Hello Worldを書いてみよう

2012-02-01T21:18:00.000+09:00

何はともあれ「Hello World」
一番簡単な方法からです。

◆マークダウンでHello World

AmidaMVCを落としてくるとdemoフォルダーがあります。
この下に「hello.md」というファイルを作ります。

ここに

#Hello World
Hello to AmidaMVC.

と書きます。

そして次のURLにアクセス。
http://your.host.here/pathto/AmidaMVC/demo/hello.md

your.host.hereとpathtoは適宜環境に合わせてください。
すると、最初のHello World画面が出るはず。

demoフォルダーの下に置いたのは、AmidaMVC直下だとルータマップが効いてしまって直接ファイルを指定してもアクセスできないためです。

中身のマークダウンファイルをHTMLに変換しています。

◆PHPでHello World?

次は「hello.php」を作ってみましょう。
「demo/hello.php」ファイルを作って、

<?php
echo 'Hello World from AmidaMVC';
?>

と入力して、アクセス。すると、どうでしょう。
PHPのソースコードが出てきました。

面白いでしょう？

◆現状でPHPを走らせるには･･･

「demo/hello.html」ファイルを作って、こう書きます。

<h1>Hello World</h1>
<?php echo '<p>Hello World from Html</p>'; ?>

と入力して、アクセスすると･･･

ちゃんとPHPとして動きました。

◆スキャンモードで各種ファイルを表示

AmidaMVCは要求されたURLを元にファイルシステムをスキャンできます。
ファイルを見つけたら、拡張子から中身を推測、HTMLに変換して、テンプレートに放り込んだ上で表示します。

ルートマップもあります。ルートマップに引っかかったファイルを優先して読み込みます。

対応している拡張子は：

マークダウン（md、markdown）
HTML（html）
テキスト（text,txt）
PHP ソースコード（php）

があります。

ソースコードを表示する機能は、ちょっとgitHubみたいで気に入っているのですが、さすがに変すぎるので、PHPファイルなら実行して、HTMLとして表示する予定です。

AmidaMVC：ComponentとAction

2012-01-31T21:13:00.001+09:00

AmidaMVCが何をしているのか？

一言で言えば、コンポーネント（部品）を次々と実行するだけ。
格好良くコンポーネントと言ってますが、要するにクラスです。

◆コンポーネントの登録

たとえば、こんなコードです。

// Controllerを作成、
$ctrl = new \AmidaMVC\Framework\Controller();
// コンポーネントを追加。
$ctrl
    ->addComponent( 'Config', 'config' )
    ->addComponent( 'Router', 'router' )
    ->addComponent( 'Loader', 'loader' )
    ->addComponent( 'Render', 'render' )
;
// フレームワーク実行
$data = new \AmidaMVC\Component\SiteObj();
$ctrl->start( $data );

最初にSiteObjとControllerのオブジェクトを作成してから、
コントローラーにコンポーネントを追加してゆきます。

これらのコンポーネントを順番に実行してゆきます。

クラスなので、実際に走らせるにはメソード名が必要です。
最初は「actionDefault」というメソードを呼び続けます。つまり正常に動いている場合の処理をこのメソード内に書きます。

上の例だと、
・Config：設定用クラス。必要そうな値を設定。
・Router：URLから読み込むファイルを決定する。
・Loader：見つけたファイルを読み込む。
・Render：テンプレートを呼び出してHTMLを出力する。
という処理を順番に行います。

◆アクション

実行するメソード名は、アクションと読んでいます。
実際はactionAction、最初に「action」をつけて呼び出します。
例えばactionHelloとかです。

もしアクションが存在しない場合。
デフォルトのアクション「Default」を呼び出します。
つまり「actionDefault」のメソードが呼ばれます。

◆エラー処理の例

途中でエラーが起きたとします。
たとえばRouterでファイルがみつからなかった場合について考えてみます。

Routerでファイルがみつからない。
この場合、Routerはアクションを「_PageNotFound」に変えて、次のコンポーネントに処理を渡します。
これ以降、「_PageNotFound」が呼び出されます。無ければデフォルトのアクションを実行します。
さて、Loaderの「_PageNotFound」のアクションでは、設定で指定していたファイル（PageNotFound.md）を読み込みます。
この時点で、表示に必要なデータはそろったことになるので、正常系に戻します。つまり「actionDefault」を呼ぶようにコントローラーに命令します。
Renderはファイルが読み込まれているので、正常系の処理と同じになります。

とまぁ、こんな感じで、エラーがあった場合に異常系の処理をして、処理が終われば正常系の処理に戻したりが出来ます。これでフレームワークの設計が簡単になるんじゃないかと思った訳です。

AmidaMVC：今更PHPマイクロフレームワーク作ってみた

2012-01-30T21:29:00.001+09:00

ちょこちょこ書いてますが、PHPのmicroframework作ってみました。
今更の感覚が強いですが、

勉強のため、

と思って作ってみました。

でも勉強のためだけで作ることは無かったですね。
実は

アミダ式Dispatcher（と勝手に命名）

というロジックを思いついてしまって。
それをMVCフレームワークに応用したら面白そうだなと思ったら、作ってみたくて仕方がなくなり作ったという次第です。

ウェブサイトを作っていて、面倒なのがエラー処理。
ページが見つからないなどの処理をきれいに行いたいと思ってました。

アミダ式の説明は後で行いますが、
標準の処理が簡単なだけでなく、エラーなどの異常系の処理も簡単にできるのではないかと思っています。

まぁ自分が初めて考えついたロジックとは思いませんし、誰かがMVCに応用していてもおかしくはない、というか実はこれがMVCの標準的な処理だった、なんてオチはないといいのですが。こういうのは広い知識を持ってないのがつらいところです。

◆特徴は？

せっかく作ったので、何か特徴があるはず…

モデルやビューが無くても動く。
一つのファイルにPHPとHTMLが混在していても、ちゃんとテンプレート内に入るようになります。もちろんクラスを作っても大丈夫。
ルートを設定してもしなくても動く。
ファイルビューワーとして、マークダウンファイルやテキストファイルをHTMLとして表示することが出来ます。PHPファイルもソースコードとして表示できたりします。
ファイルシステムがベース
特徴なのかどうか分かりませんがデータベースは必要ありません。遅いと思いがちなファイルですが、今後SSDが普及するにつれ十分なスピードが出るようになるのではないでしょうか？すると簡単にファイルで作れるフレームワークも便利かなぁと。

その他、ファイルを直接修正したりすることも（多分簡単に）出来るはずなのですが、こうなるとフレームワークなのかCMSなのか分からなくなるので、適当なところで切り上げないと。

クロージャーを使ったPSR-0準拠のクラスローダー

2012-01-17T13:57:00.005+09:00

PSR-0をベースにしたクラスローダーを探したのですが、全てクラスベースのクラスローダーしか見つかりませんでした。でコピーするのが面倒だったので、クロージャーを使ったクラスローダー作ってみました。

こういうのにクロージャーって便利なんですね。
初めてクロージャーをちゃんと使った気がする。

ソースコードはgitHubのGistにて公開しました。
https://gist.github.com/1620960#file_class_loader_ns.php

特徴は、パラメータ無しで動きます。

◆使い方は、たとえば次のようなクラスをロードする場合。
new AmidaMVC\Folder\SomeClass();

対応するクラスのが次の場所だったとします。
pathto/src/AmidaMVC/Folder/SomeClass.class

こういう場合は、pathto/src/AmidaMVC/bootstrap.php
などに上のGistコードを貼り付けてください。

spl_autoload_register( ClassLoader() );

普通、多分、他のコードを見る感じだとクラスをロードするには、ライブラリで使っているネームスペースとパスを指定する必要があります。
この関数は、呼ばれた場所がライブラリの一番上と仮定して、現在のフォルダーをネームスペース（例の場合はAmidaMVC）、そして現在のフォルダーをのぞいたパス（例の場合はpathto/src/）を設定します。

◆ただし、関数の定義が別ファイルにある場合は、先のbootstrap.phpで

spl_autoload_register( ClassLoader( __DIR__ ) );

とすれば動く「はず」です（動作は未確認）。

◆注意

今コードを見たら、バグがありますね。
少なくとも自分の環境では動いているので、ちょっと修正すれば動くと思います。また時間を見つけたら修正します。

[PHP] Chain of Reponsibility (CoR)を使ったDispatcher

2012-01-11T00:00:00.001+09:00

なぜかChain of Reponsibility (CoR)を使ったDispatcherをPHPで書いている。今、必要なこととも思えないが、一度始めたら見切りを付けるまで頭から離れない。仕方ないので書いている感じ。

そもそもは、Html5のローカルアプリ開発にJavaScriptのMVCいるよね、という話から始まって、Mediatorパターンいいよと言われたところからスタートした気がする。

で、JavaScriptの簡易MVC・フレームワークを探したら…
簡単に見つかる。
で、コードを読んでも追いかけられない。
モデルが既に存在しているので、Cenaをそのまま使えない。

じゃあ自分で書いてみるか、となって、
MVCを勉強することにした。

MVCモデルって、要はリクエスト（httpの要求ですね）をもとに、
処理するルーチン（関数でもクラスでも）を決めるだけだよね？
それってなんて言うDispatch？
だからDispatchを書き始めた。

◆車輪の再発明だけど

書いているうちに、簡単なのだと使いづらいと思い始めた。
実際にデータを読み込むところをモデルと考えた場合、
その前後にたくさんの処理が必要になる。

例えば認証、キャッシュ。
認証でエラーがあればモデルなんか読み込む必要がない。
キャッシュにヒットすれば、これまたモデルを読み込む必要がない。
一方、モデルの処理中に致命的エラーが起きたら、まったく別の画面に飛ばす場合もあるでしょう。
で、全部OKだったら、読み込んだデータをHTMLに直す処理を始められる。

つまり途中で処理をかえる必要がある。
思ったより、複雑。

◆CoR

で、CoRを使ってみることにした。
これしか使えそうなパターンを知らなかったからだけど、symfonyやstrutsでも使われてるとどこかで読んだので間違った選択ではなかったみたい。

と、この辺りで気づいたのは、
リクエストから処理するルーチンをDispatchする部分（Router）と、
実際に処理を行うルーチンでのDispatchする部分（なんて言うんだ？）と、
別の話だなと。

2012年の抱負

2012-01-06T14:25:00.004+09:00

おめでとうございます。
2012年（平成24年）が明けました。

せっかくなので今年の抱負を書きます。

◆アウトプットを増やす

もともと書くのは遅いと思うので、今年は余り推敲せずに書くことにして、アウトプットを増やしてみたいです。

もう上の一行で何度も推敲してますがｗ

◆Cena-DTAを何とかする

ひとまず日本での特許を取得。

今はアメリカで特許の出願済み、まだ取得は出来てません。

今年はCena-DTAを広める動きをしたいです。

また、コーディングも「着々と」進める予定。

◆ちゃんと仕事する

今まで適当に仕事をしてきたわけではないのですが。

つい後回しにする悪い癖があるので、今年は頑張りたいです。請求書をちゃんと書く、とかですかね。

それと、受注した仕事が中心だったので、今年は少し能動的に仕事したいです。というかCena-DTAに力を入れてみたいです。

◆個人的なその他の目標

家族サービスは今までどおり（むしろ増やしたい）

勉強会を月2回ぐらい参加する（家族との協議が必要）

体重を5kgぐらい減らす（減らしすぎないようにするｗ

◆東日本大震災を受けて

今年の抱負を考えるにあたり、忘れられないのが東日本大震災。

家族･親戚で直接的な被害をこうむってはいませんが、

「今まで通りでは駄目だ」

という思いをいっそう強くしました。

一昨年のリーマンショック以来感じてたことでもあります。

まだ大きな地震が来るという予想もあります。

いろんなことを見直して、しっかりと生き延びてゆきたいです。

コンポーネント指向について調べてみた

2011-12-14T16:18:00.005+09:00

イベント駆動から始まって、次はコンポーネント指向について調べてみました。

いつものようにWikipediaでコンポーネント指向を見ると、まったくわけが分かりません。いや、部品から組み立てようということらしいんですが、それって当たり前だし、ほとんど全てのフレームワークはコンポーネント指向でしょう。

◆要はGUIのあれと同じ･･･

困って別のサイトを見てたら、いい解説がありました。
全然別のフレームワークの紹介なのですが、上手に説明されていたので、そのまま抜き出します。

コンポーネント指向のフレームワークでは，リクエストごとではなく，コンポーネントが発火するイベントに対するハンドラとして処理を記述します。これは既存のGUIアプリケーションと同様のモデルです。
http://itpro.nikkeibp.co.jp/article/COLUMN/20070305/263875/

既存のGUIアプリと同じモデルだそうです。
あれ、イベント駆動についての最初の例と同じだ。

つまりコンポーネント指向とは、
・ウェブの画面上の各要素に対して、
・サーバー上のクラスを一対一に対応付けて処理する、
という設計方針という意味だと理解しました。

一方、イベント駆動とは、コンポーネント指向を実現するための実装技術なのでしょう。

◆Yiiのコンポーネントについて想像をめぐらす

YiiのウェブサイトにComponentについての説明があります。コンポーネントとは、パブリックなプロパティを持って、イベントを発生・処理できるとあります。

いまひとつよく分かりませんが、Yii Blog Demoを見ていて、面白いフォーム構造をしているのに気がつきました。

新規ポストの登録で、タイトルの名称は
<input type="text" name="Post[title]" />
となってます。

残念ながらデモのソースコードが見つからなかったので、想像ですが、おそらくPostというコンポーネントクラスが存在するのでしょう。新規投稿をすると、何らかのイベントが発生してPostコンポーネントを呼び出して、titleというプロパティに値を設定して、DBに保存する、という流れになっているのではないでしょうか。

ちなみにコメントの追加では、名前のところは
<input type="text" name="Comment[author]" />

です。

ポスト先を見ると、
http://www.yiiframework.com/demos/blog/index.php/post/1/Welcome%21
Commentという文字がURI内に見当たりません。
どうやってCommentコンポーネントに処理を渡しているのか･･･
単にURIを解析して対応するコンポーネントを決定しているわけではなさそうです。

◆バインディング

最後に･･･

このように、フォームや画面上に表示された要素と、バックエンド側での処理クラスを関係付けることをデータバインディングと呼ぶようです。

最初にこの言葉を聞いたのがJavaServer Faces(JSF)でした。
調べてみるとWindowsなど様々な場所で使われてる技術･言葉みたいですね。

リクエストを処理→テンプレートで表示、というウェブの作りとはちょっと違っていて面白いですね。

Underscore.phpとarryと_wwの速度比較してみた

2011-12-14T11:21:00.000+09:00

PHP Advent jp 2011で書いた_ww（Underscore-Walla-Walla）ですが、せっかくなので他の実装と速度比較してみました。

比較対象は、実装の元ネタの__と、同じくPHP Adventで発表されたarryです。

また比較用のコードとデータはarryで使われていた「悲しき今シーズンの結果」を利用させてもらいました。ありがとうございました。

◆まずはリファクタリングから

が、利用するにはsortがないし、クラスは二つに分かれてるし。
最初は_wwのリファクタリングから始めました。

まずはgitでブランチを切って、開発開始です。
次にテストクラスを作成してから、さくっとクラスをマージ。
簡単に出来ました。テストがあると、変更するのに気が楽ですね。

◆速度比較について予測してみる

測定する前に予測を立てます。

まずは、自分の_wwが一番遅いと予想。
理由はマジックメソードを使っているので。

一番早いのはShinさんのarryクラス。
最初からチェーンするようにメソードが組み立てられているので、一番早いはず。

すると中間は、Underscore.php。
これもマジックメソード使ってないけれど、各メソード内での処理があるので、チェーンすると少し処理が増えると予想。

◆速度比較の結果

ソースコードはgistで公開してあります。
インストールですが、どこかのフォルダーでgit bashを開始して、

git clone git://gist.github.com/1460352.git gist-1460352
git clone git://github.com/shin1x1/arry.git
git clone git://github.com/brianhaveri/Underscore.php.git
git clone git://github.com/asaokamei/_ww.git

と打ち込んで、からgist-1460352内のcompare.phpを走らせてください。
測定ですが、Core2Duo 2.13GHzのWindows Vistaでの結果です。

2.2504210472107  // 素のPHP
5.0997409820557  // arry
9.1629009246826  // Underscore.php
7.959762096405  // _ww

予想通りarryが一番早かったです。
素のPHPに比べて2倍強になりました。結構、速い気がします。

意外だったのがUnderscore.phpより_wwのほうが速かったこと。
何度か走らせると、値が結構変わるので「ほんの少し速い」だけですが、各メソード内での処理が意外と重いのでしょう。

◆PHPのプロファイリング

そういえばプロファイリング（速度の測定）なんて何年振りです。
PHPだとxdebugを使えば出来るようですが、今回は簡単な関数を自作して計ることにしました。最近使い始めたNetBeansから直接測定結果が見られると便利なんですけどね。

Pradoのイベント駆動を想像してみる

2011-12-13T11:49:00.000+09:00

PradoというPHPフレームワークのイベント駆動がどうなっているのか、Pradoのホームページを眺めているうちに、何となく想像がついてきました。

ただし、ソースコードは一切読まずの想像ですので、間違ってるかもですが。

◆QuickStartサンプルから

単純なラジオボタンのデモですが、このページからソースコードを眺めると、

Home.pageの97行目：
<com:TButton Text="Submit" OnClick="selectRadioButton" />
Home.phpの10行目：
public function selectRadioButton($sender,$param)

とあって、サブミットボタンがクリックされると「selectRadioButton」というイベントが発生して、HomeクラスのselectRadioButtonメソードに処理を渡しているようです。

なるほど、Pradoのいうイベント駆動は、まさGUIでのイベント駆動に近いようです。JavaScriptを使ってHtml上のボタンなどにイベントを発生させて、サーバー側のPHPクラス・メソードに結び付けているのでしょう。

◆Yiiはイベント駆動ではないのか？

さて、Pradoは「終了？」したのか、
新しい「Yii」というフレームワークの開発を始めているということです。

Yiiの特徴は「コンポーネント指向」

これまた新しい言葉が･･･
いや、よく見たらPradoでも同じ言葉を使ってました。

ともあれ、Yiiはイベント駆動をやめたのでしょうかね？

これまた想像ですが、Restが優勢になってイベント駆動というパラダイムが分かりにくくなったからではないでしょうか？

要するにリクエストがあった場合に、どのクラスのメソードに処理をさせるのかを決定できればいいわけで、RestならURIだけで決定できます。ボタンクリックでわざわざイベントを発生させるのは無駄な気がします。

さ、次は「コンポーネント指向」について調べてみよう。

PHPでイベント駆動（event driven）って何だろう？

2011-12-08T09:57:00.001+09:00

PHPのPradoというフレームワークがイベント駆動で、すごいらしい。
で、イベント駆動って何だろう？と思って、ちょっと調べてみた。

◆オブザーバーパターン

イベント駆動というと、jQueryを使って、あるDOM要素にクリックしたら～～する、というのが、まさによい例だそうです。

$( '#button' ).click( function() { alert( 'hi' );});

が、一般的にオブザーバーパターンというらしい。

しかし、イベント駆動のPHPフレームワークと言われても、サーバー側でどうイベントを利用するのかぴんと来ません。

◆こういうときは、自分で書いてみる。

Stackoverflowで見つけた「Event-driven architecture and hooks in PHP」を参考に、自分で書いてみました。

イベント駆動というよりは、「dumb hook」あるいは「単なるdispatcher」と書いてあるように、非常に簡単なものです。

ともかく、

◆eventHookというクラス（github）が出来ました。。

最初にイベント名に対して実行する関数（クロージャーでも何でも）を登録します。

eventHook::hook( 'some_event', 
  function() {  echo 'do something'; });

イベント発行は、イベントメソードを叩きます。

eventHook::event( 'some_event' );

簡単だなぁ。

でも、イベント実行時に必要な情報はどうやって渡すんだろう？

そのとき、例に挙げられてた通信バッファーを思い出した。

通信を受け取ると、（OSが？）受け取った内容をメモリ上のバッファーに書き込み始めます。オブザーバーはバッファーを監視していて、バッファーの状態が変わるとイベントを発行、関連付けられてた何かを実行します。当然バッファーに必要な情報が入っている「はず」です。

つまりイベントとは観察している対象が変わることであり、対象自体に情報があるはずです。

eventHookクラスの場合は、eventメソードのイベント名はあくまでバッファーの場所（の代わり）であり、バッファー内の情報はeventメソードと一緒に渡せばいいわけです。

説明すると難しいですが、コードにすると簡単。

eventHook::hook( 'more_event', 
  function( $arg1=NULL, $args=NULL ) {
    echo "doSomething: '$arg1', '$args'\n";
});
eventHook::event( 'more_event', 'arg#1', 'arg#2' );
// 出力：doSomething: 'arg#1', 'arg#2'

単にeventメソードに必要そうなデータを渡せば、実行関数にも同じものを渡します。

うん？実行関数で生成された何か（プライマリキーとか）受け取りたい場合はどうするんだろう？別のイベントを発行してもらうのかな？？？やばそうな匂いがするなぁ。

◆で、イベント駆動って何？

未だに肝心の「イベント駆動」がよく分かりません。
多分、イベントを連続して発行することでフレームワークの動きを実装しているのでしょう。MVCの代わりみたいなイメージなのかな。

そういえばワードプレスにもフックがたくさんあると聞いたことが･･･
あぁ、こういうことか。

先は長いなぁ。

PHPからlocalStorageに書き込み・読み込み（PHP Advent JP 2011）

2011-12-06T08:00:00.000+09:00

「PHP Advent Calendar jp 2011」6日目（12月6日）のエントリーです。

初めてアドベントカレンダーに参加したのですが、いきなり内容が被ってしまいました。そのまま公開しようと思ってたのですが、急遽ネタを思いついたので、早速作ってみました。

ちなみに最初のネタは_ww（アンダースコア･ワラワラ）というクラスです。

◆PHPからローカルストレージを使う

HTML5とスマートフォンが登場してから、クライアント（ブラウザー側）の技術が急速に進化していると感じます。今までのPHPでサーバー側でHTMLを構築するとは違ったウェブの構築になるのではないでしょうか。

という前振りで、HTML5で登場したlocalStorageをPHPからを操作するクラスを作ってみました。

ソースコードはgithubのphpadventjp2011で公開してあります。
localStorageクラスとサンプルが入っています。

一応、妙なスクリプトを入れられても大丈夫なはずですが･･･
セキュリティに関しては自己責任でお願いします。

◆基本的な使い方

基本的な考え方は

PHPの変数をlocalStorageに保存するJavaScriptを自動生成。これをHTMLのどこかに貼り付けると、ブラウザーにデータを保存。
ブラウザーのlocalStorageから値を読み出て隠しタグに変換するJavaScriptを自動生成。これをHTMLのフォーム内に貼り付けて、サブミットしてもらう。
フォームデータを受け取るときに隠しタグから値を取得。

です。

◆ローカルストレージに保存してみる

PHPコードです。

require_once './localStorage.php';
$data = array( 'test'=>'test', 'more'=>'more' );
$js = localStorage::saveStorage( $data, 'testID' );
$js2 = localStorage::saveStorage( 'just value', 'valID' );

この$jsや$js2をHTML内で出力すると、$dataの中身をブラウザーに保存します。

ちなみに生成されたJavaScriptです。
PHP変数をJSONに変換して、localStorageに保存しています。

<script>localStorage.setItem( 
'saveID_testID', '{"test":"test","more":"more"}' );
</script>

この後、クライアント側で保存した値を使えるようになります。

◆PHPで受け取ってみる

面倒ですが、まずはフォームが必要です。そこで次のPHPコードを走らせてJavaScriptを生成します。

require_once './localStorage.php'; 
$js = localStorage::loadStorage( 'testID' );
$js2 = localStorage::loadStorage( 'valID' );

保存する際につけた名前（「testID」や「valID」）を指定します。

生成されたJavaScriptです。
これをフォームのどこかに出力しておきます。

<input type="hidden" name="saveID_testID" id="saveID_testID">
<input type="hidden" name="saveID_testID_EncType_" value="json">
<script>
 document.getElementById( 'saveID_testID' ).value =
 localStorage.getItem( 'saveID_testID' );
</script>

<input type="hidden" name="saveID_valID" id="saveID_valID">
<input type="hidden" name="saveID_valID_EncType_" value="json">
<script>
document.getElementById( 'saveID_valID' ).value =
localStorage.getItem( 'saveID_valID' );
</script>

◆PHPで受け取ってみる（パート２）

こんなPHPコードで受け取れます。

require_once './localStorage.php'; 
$data = localStorage::loadPost( 'testID' ); 
$val = localStorage::loadPost( 'valID' );

保存する際につけた名前（「testID」や「valID」）を指定してください。

保存したままの値が入ってくる（はず）です。

◆使い方を考えてみる

勢いで作ったクラスですが、どう使うか考えてみました。
意外と使いどころがないｗ

フォームに一旦出力するので使い勝手が悪い気がします。サーバーだけで使うデータならセッション使ったほうが楽でしょう。ただクライアント側のJavaScriptと変数を共有したい場合に便利かもと思ってます。

Underscore-Walla-WallaというPHPクラスを作ってみた

2011-12-06T00:00:00.000+09:00

初めてアドベントカレンダーに参加したのですが、いきなり内容が被ってしまいました。~~別のトピックを考えたのですが、思いつかず。まぁ実装が違うので、このままで参加することにしました。~~別ネタを思いついたので、そちらを書きました。

◆Underscore.phpという面白いクラスが紹介されてました。

なんでもはunderscoreというjavaScriptをPHPにポートしたものだそうです。何が面白いって、

jQueryみたいにPHPコードが書ける。

早速ソースコードを追いかけてみたのですが、すぐ理解できなかったので自分で書き直してみました。なるほど、分かってしまえば、単純なことを丁寧に積み重ねていたんですね。

理解のために書いたコードですが、せっかくなので、衆目の下に晒すことにしました。クラス名は_ww。アンダースコア・ワラワラと読んでください。

ちなみにWalla Wallaはアメリカ合衆国はワシントン州にある小さな町です。昔、あの近くのもっと辺鄙な場所で学生してたことがあったので、名前に使ってみました。

◆簡単な使い方。

まずは一番簡単なスタティック・メソードで呼ぶ方法。

// use as static method. 
$ww = _ww::each( 
    array( 1,2,3 ), 
    function($n) { echo $n . "\n"; } 
  );

実際のeachの中身は、_wwmというクラス内で定義されています。

class _wwm
{
  static public function each( $collection, $iterator ) {
    if( !empty( $collection ) )
    foreach($collection as $k=>$v) {
      call_user_func($iterator, $v, $k, $collection);
    }
  }
}

$collectionが配列で、foreach文を使って各要素について$iterator関数を呼んでいます。

これだと、普通なPHPといった感じです。
次はメソードチェーンをしてみます。

◆チェーンで次々と処理する

eachとかをつなぎ合わせてチェーンのように使えます。

// use as a chain of methods. 
_ww::chain(  array( 1,2,3 ) )
  ->each(  function($n) { echo "in chain $n" . "\n"; } )
  ->get(   $mid )
  ->map(   function($n) { return $n * 2; } )
  ->value( $result );
var_dump( $mid );
var_dump( $result );

ポイントは、

chainメソードで始めること。
valueメソードでチェーンを終了して、結果を受け取ること。
チェーンの途中で値を使いたい場合はgetメソードが使うこと。

といった所でしょうか。

◆チェーンの仕方を理解する

一体どうなっているか、_wwクラスの中を少し見てみます。

class _ww
{
  private $_wrapped = NULL;  // holds the data
  
  public function __construct( $collection ) {
    $this->_wrapped = (array) $collection;
  }
  public static function chain( $collection ) {
    return new _ww( $collection );
  }
}

chainメソード内で、自分をnewしてます。いや、自分自身のインスタンスを作成してます。入力された配列はオブジェクト内の$_wrappedという変数に保存されます。

で、作ったオブジェクトをすぐにreturnしてます。
これでチェーンが始まるというわけです。

◆メソードの呼び出し方は？

次はeachを呼ぶのですが、_ww自体にはeachなどのメソードは実装されてません。その代わりに「magicメソード」と呼ばれる__callメソードが呼ばれます。

class _ww
{
  public function value( &$result=NULL ) {
    $result = $this->_wrapped;
    return $this->_wrapped;
  }
  public function __call( $method, $args ) {
    $arg  = array_merge( array( $this->_wrapped ), $input );
    $return = call_user_func_array( "_wwm::$method", $arg );
    if( !is_null( $return ) ) {
      $this->_wrapped = $return;
    }
    return $this;
  }
}

この中で、最初に$_wrappedに保存しておいた配列を呼び出して、残りの引数と一緒にして、実際のeachメソードを呼び出しています（call_user_func_array( "_wwm::$method", $arg )の部分）。

ここらへんがShinさんのarryクラスと実装が違うところです。あちらはeachとかが最初からチェーン内で使われることを想定して書かれてます。一方、元ネタのUnderscore.phpは書くメソードがチェーン内にいるかどうかを判定して、引数と返値を制御しています。ちなみに、_wwはスタティックはチェーン外、インスタンスの場合はチェーン内と割り切って、__callマジックメソードで引数などを作り直しています。

メソードの最後にreturn $thisをして次のチェーンへつなぎます。
この後のmapメソードも、同じように処理されます。ただmapだと返り値があるので、$_wrappedの値が変わることになります。

こうして次から次にチェーンにしたがって、$_wrappedに入っている配列に対して処理を行ってゆくことが出来ます。

◆チェーン部分の出力です

in chain 1       // each内で出力
in chain 2
in chain 3
array(3) {       // $midのvar_dump
  [0]=>  int(1)
  [1]=>  int(2)
  [2]=>  int(3)
}
array(3) {       // $resultのvar_dump
  [0]=>  int(2)
  [1]=>  int(4)
  [2]=>  int(6)
}

◆最後に

_wwのソースコードはgithubでホスティングしています。
ライセンスはMITライセンスです。

コードをちゃんと見ると、テストコードが入り込んでる、クラスが二つに分かれた、とか問題はたくさんあるのですが、ひとまず動いたので今回はここで完了としました。

よく「車輪の再発明」とか言われますが、こういう小さなクラスを書くのはとても楽しいです。実際に使うとか考えると微妙ですが、細かいことは気にしないで作ってみると楽しいと思います。

Synergyで「failed to save autostart configuration」エラーが出る

2011-12-01T10:08:00.001+09:00

Windows VistaでSynergyを1.3.1から1.3.8に
アップグレードして、「Start」ボタンを押すと

failed to save autostart configuration

というエラーメッセージが出て動きませんでした。

◆解決方法：

このページにて発見。
http://code.google.com/p/synergy-plus/issues/detail?id=256
まぁグーグルの一番最初のエントリですが。

まず、synergy.exeを「管理者として」走らせます。
自分のPCだと以下のフォルダーにありました。
C:\Program Files\Synergy\synergy.exe

次に、Optionsの中の「AutoStart...」ボタンを押す。

「Uninstall」を押して、一旦オートスタートをリセット。
OKを何度か押す。

これで解決しました。

例によって、管理者権限の問題のようですね。

PHPのNullとissetとarray_key_exists

2011-11-30T10:49:00.001+09:00

先ほど気がついたのですが、PHPのissetの動きを勘違いしていました。

$var=NULL;
isset( $var ); // returns FALSE
is_null( $var ); // return TRUE
is_null( $none ); // E_NOTCE

issetはNULL値をFALSE判定します。

いつから勘違いしてたんだろう。

たとえばis_nullで調べればいいのですが、
変数が存在しない場合はE_NOTICEが出ます。

実は、あることにNULL値を使おうと思ってたのです。PHPだと空白（''）、FALSE、NULLと三種類あるので便利だなぁと思ってたのですが、変数の判定が出来なければ使いにくい。困ったぞ、というわけです。

で、気がついたのがarray_key_existsを使うこと。
こういう構造になっている場合、NULLでも存在判定が出来ます。

$data[ 'test' ] = NULL;
array_key_exists( 'test', $data ); // returns TRUE

何とかなりそうです。

formUpDownというJavaScript

2011-11-28T16:55:00.001+09:00

Ctrl＋矢印キーで、テーブル内のフォーム要素間を動き回るコードを書きました。
長らくリンク切れになってましたが、デモをアップしました。

http://www.workspot.jp/tech/formUpDn/formupdnTable.html

かなり格好の悪いHTMLですが、実際に動きます。
ちなみにソースコードはgithubにあります。

まだjQueryのプラグイン化すらしてませんが。

実際に使うと分かりますが、セレクト要素の動きが変です。
作ったときから、そして今でも、更にはブラウザーによって挙動が変わります。

こういったところは、JavaScriptの問題かなと考えてます。

yet another な Validator クラス

2011-11-23T10:57:00.001+09:00

なんで、世の中に数あるValidatorクラスを作ってるのか、
などと自問自答しながら作ってます。

開発中なのですが、特徴をはっきりさせておくために、ブログでまとめます。

◆まず、面白くも何ともない普通の特徴から。

できるだけ簡単に使えるインターフェース、
タイプ（テキスト、メールアドレスとか）を指定すると前もって決めておいたルールに従ってバリデーションする、
フォーム入力だけでなく、普通の変数・配列でも適用可能。

とかでしょうか。
こういうのルールベースでのバリデーションとか言うのでしょうか。

◆これだけなら、別に作る必要はないわけで、一応自分なりの理由があって作ってます。ただ、他のValidatorクラスで実現してるか確認してはいませんが。

バリデーション、サニテーション、フィルター、全部入り
ルールの適用順番があらかじめ決まっている
複数に分割している項目も一つとしてバリデーション可能
配列入力もバリデーション可能

◆もう少し詳しく説明します。

１．全部入りルール

次のような３種類のルールがあると思うのですが、全部に対応しています。

サニテーション：
ヌルバイトアタック、エンコーディングチェック、を行い、
問題があれば安全な内容で上書きします。
フィルター：
全角→半角、大文字・小文字変換、その逆、など。
バリデーション：
レギュラーエクスプレッションによるフォーマットチェックなど。

２．ルールの順番を決めてある

まぁ大量のルールがある訳です。
が、例えば日本語だと、大文字→小文字変換を行う前には、全角→半角に変換しないと行けません。こういう順番を意識してルールを適用しても問題がないよう、ルールの順番を内部で持ってます。

３．複数分割項目対応

日付など、一つのデータでありながらフォーム上は複数の項目から成り立っている場合があります。例えば

$_POST = array(
'date_y' => '2011',

'date_m' => '11',

'date_d' => '23',

);

find( $_POST, 'name', array( 'multiple' => array(
'suffix' => array('y','m','d'),
'sformat' => '$4d/$02d/$02d',
) ) );

４．配列入力のバリデーション

フォームのチェックボックスからだと、入力が配列の場合があります。
入力が配列の場合でも、それぞれの要素ごとにルールを適用してバリデーションします。またエラーがあった場合は、入力と同じ構造でエラーメッセージを返します。

例えば、数値のみの入力を可能にしている場合、
input: $input = array( 0 => '1', 1=>'3', 2=>'x', 3=>'4' );
error: $error = array( 2=>'not a number' );
という構造でエラーメッセージを作ります。

◆ソースコード

まだ開発中。
Cena-DTA内に組み込む予定なので、それから公開します。
githubにおいてあるので、探せば見つかりますが。

Simple@高円寺、2011/11/19

2011-11-19T14:08:00.001+09:00

今日はいつものSimple勉強会＠高円寺。
何をしようか考えながら、だらだらとして昼食して・・・

◆注目のPHPのフレームワーク

いろんなソースコードを読めるようにしようと思い立ち。
いくつか、すごそうな最新のPHPフレームワークなどを選んでみた。

Lithium
CakePHPの人たちが作ってるPHP5.3用フレームワーク。
Fuel
CodeIgniterの人たちが作ってるPHP5.3用フレームワーク。
underscore.php
underscoreというjavaScriptのPHPポート。

コードをみても、追いかけられないorz

◆macでnetbeansでPHPのデバッグ環境を設定

コードを追いかけられないならデバッガーで追いかける。
MacBookAirにxdebugインストールして、デバッグ環境を整えました。
詳細は、こちらのページで。

◆で、underscore.phpを追いかけてみた。

が、追いかけられない。
何となくやってることは分かるけど。

staticクラスでメソードチェーンを、実現するため、引数を統一処理して、次のメソードに渡して、それを次々と処理している・・・と思う。が、追いかけきれない。

本当にすごいと思う。けど、
「こういうコードが書けるようにならなくてもいいはず」
と思うようにしよう。

◆Dioのコーディングでも

することにしました。
えぇと、フィルター（サニテーションとかバリデーション）を行うのに無名関数を使うように変更。これで変更しやすくなるはず・・・

と、static変数に無名関数を代入できない・・・
多分、staticなのに無名関数を実行しようとしてエラーなのか。
う〜ん、Lithiumみたいに__initとかで設定するか。

してみた。が、こんなのでいいのか悩む。

MacのbrewでxdebugインストールしてnetbeansでPHPのデバッグ

2011-11-19T13:18:00.001+09:00

Simple勉強会＠高円寺の作業ログ。

◆xdebugのインストール

マックでライオンでbrew使ってxdebugどうやってインストールするのか検索したが、いい感じのページが見つからず。そんなときは打ち込んでみる。

> brew install xdebug==> Downloading http://xdebug.org/files/xdebug-2.1.2.tgz######################################################################## 100.0%==> phpize==> ./configure --disable-debug --prefix=/usr/local/Cellar/xdebug/2.1.2 --enable==> make==> CaveatsTo use this software: * Add the following line to php.ini: zend_extension="/usr/local/Cellar/xdebug/2.1.2/xdebug.so" * Restart your webserver. * Write a PHP page that calls "phpinfo();" * Load it in a browser and look for the info on the xdebug module. * If you see it, you have been successful!==> Summary/usr/local/Cellar/xdebug/2.1.2: 348K, built in 15 seconds

なんだ。
インストール一発でできたみたい。

◆次はphp.iniの修正。

インストールからのメッセージを読めば書いてある、親切設計。
が、その通りに書いただけではnetbeansからデバッグできなかった。

ちょっとググって、下記のURLから
http://wiki.netbeans.org/HowToConfigureXDebug
これをxdebugのセクションの下にコピー。

xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000

これでnetbeansでデバッグできるようになりました。

Chromeのuserスクリプト書いてみた

2011-11-09T10:34:00.002+09:00

なんて簡単に･･･
FireFoxでGreacemonkey書いたときは苦労した記憶がある。
まだJavaScriptに慣れてなかったからか、jQueryのインストールに苦労したのか･･･

ともあれ、
JavaScript書く⇒Chromeにインストール
がこんなに簡単なんて。

◆書いたコード：

// ==UserScript==
// @match http://dev.example.com/*
// ==/UserScript==

links = 
  document.evaluate(
    '//a[contains(@href,"http://www.example.com")]|', 
    document, null, 
    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (i = 0; i < links.snapshotLength; i++) {
  links.snapshotItem(i).href = 
    links.snapshotItem(i).href.replace( 
    /\/\/www.example.com/i, "//dev.example.com" );
}

開発サーバー（dev.example.com）を立ち上げたけど、絶対パスでリンクが張ってある箇所が多いので、ユーザースクリプトでリンク先を強制書き直し。

◆上のファイルを自分のPCに保存。

「test-server.user.js」とかにして保存した。

で、Chrome上にドラッグ＆ドロップで、ドロップ。

すると、

左下に確認画面（Extensionはコンピュータにダメージ与えるかもしれないけど、続けていい？）が出るので「Continue」を押す、
ダイアログウィンドウが出るので「Install」ボタンを押す、
で、インストール完了。

何度もやる作業なので、インストールが簡単なのは素晴らしい。

ChromeでGreasemonkey：JavaScriptでリンク先を変更

2011-11-08T17:09:00.002+09:00

仕事で使いそうなので。メモ。

◆ChromeでもGreasemonkeyが使えるらしい。
http://internet.watch.impress.co.jp/docs/news/20100202_346437.html

知らなかった～
早速、ウェブページ内のリンクを書き換えるスクリプトを書きたい。

◆が、jQueryが使えないとの話。

まぁこういうスクリプトを入れればよさそうだ。
http://stackoverflow.com/questions/2246901/how-can-i-use-jquery-in-greasemonkey-scripts-in-google-chrome

◆でも、もっとピュアJavaScriptでリンクの書き換えぐらい出来ないのか？

ちょっとググルと、サンプルコードがあった。
http://userscripts.org/topics/1966?page=1

◆document.evaluateってなんだ！

そんなメソード知らなかった！！！
XPathって言うんだ。。。
うん？「XPath」は聞いたことがある気がする･･･

なんか、とてつもなく、使えそう。
http://www.softel.co.jp/blogs/tech/archives/2067

こちらは、引数について説明が細かくある。
http://deltatech.blog90.fc2.com/blog-entry-332.html

ちょっとしたことでも、jQueryが便利だから使ってたけど、
ピュアJavaScriptでも、かなりのことが出来そう。

gitのbranchを覚える

2011-11-06T10:32:00.000+09:00

gitを使うなら、branchを覚えるべきらしい。
なので、勉強がてらにメモ。

◆githubにレポジトリがある状態から

既にgithubでレポジトリを作ってるとして、まずはclone。

git clone git@github.com:asaokamei/test.git

◆ブランチの作成と確認

覚えるのはgit {branch|checkout} コマンド。
これでローカルレポジトリ上でbranchを作成したり、
branchを行ったり来たりできる。

まずはブランチを作成。そして現在のブランチを確認。

> git branch jpn
> git branch
jpn
* master

新しいブランチ「jpn」に切り替え。そして現在のブランチを確認。

> git checkout jpn
Switched to branch 'jpn'
>git branch
* jpn
master

◆で、ここからgit gui（笑

軟弱ものなので、gui版を使ってます。
「git gui &」でgui版を走らせます。

すると「現在のブランチ jpn」と出てます。
うまくいってる感じ。

適当にファイルを追加・編集したら
コミットしてプッシュを押すと、「元のブランチ」で

jpn
master

が出た。
「jpn」が選ばれてるのを確認してから、
「リモート：origin」でプッシュ。

githubで確認したら、ちゃんとブランチが切られてできてました。

◆簡単でした。

なんか悩んでましたが、これだけなら簡単ですね。
gui版を使えば、どこにプッシュするかもわかりやすいので、
間違えないですみそうです。

まぁブランチの入門編でしかないですが。

fluxflexを使ってみる＠Simple

2011-10-22T16:36:00.002+09:00

PHPが使えて、githubから簡単インストール、で有名な？
Fluxflexを使ってみます。
https://www.fluxflex.com/

日本人がサンホセ（シリコンバレーのことですね）で立ち上げた新しいPaaSらしいです。

◆アカウント作成・認証。

簡単にtwitterを使って認証。
ものの５分たたずに最初のsandoboxが立ち上がった。
http://sandbox-6bh0ihgi.fluxflex.com/

素晴らしい。

◆新しいプロジェクト作成

適当にプロジェクト名を決定して・・・
もしかして大文字不可？

ともあれ、名前を入力して、Create A New Project を押して、完了。

名前：cenadta-demo

◆fluxflex用のgithubレポジトリを作成

CenaDTA-fluxflexというレポジトリを作成。

次に作業フォルダーを作って、
public_htmlというフォルダーを作成。ここが公開フォルダーになるとのこと。

その中に、Cena-DTAを放り込む。
噂ではgit内に別のgitがある場合、fluxflexが動かないらしい。
ので、.gitフォルダーはすべて削除。

データベース接続の設定ファイル内のユーザー名などをCENA_DB_USERに変更。後述しますが、設定を変換できるらしい。

そんで、git commit してpush。

◆fluxflexでの設定の方法

さて、githubからimportする際に、DBへの接続パラメータを上書きできるようになってます。これがないと、公開レポジトリ使うとパスワードが漏れてしまいます。

まずは、SetUpの中のDatabaseで、データベース接続パラメターを確認。
同じくSetUp内のInitialize Scriptで、Initializer ScriptとSetEnv Variablesをセットアップ。こんな感じ。

[replace]
public_html/demo/dba.ini.php CENA_DB_USER DBA_USER

DB_USER cenadta-demo

ここで、Github Importで、先のgithubレポジトリ

git@github.com:asaokamei/CenaDTA-fluxflex.git

を指定してimport！

◆動いた・・・が、

早速、DBの初期化。
が、データベースの接続で

SQLSTATE[HY000] [2002] Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2)

と怒られた。

◆なぜでしょう？

まずimportする際に、「Run initialize scripts for setting up the project.」にチェックを入れて押すことに。これで少し前進した様子。

次に、fluxflexのstatistics内のInitialization Logsにエラーを発見。

[!FAILED] invalid fixture key : XPS in line 3

とあって、XPSという文字列の変換に失敗している様子。その後のファイルが見つかりませんのエラーは、最初のエラーが原因で発生しているようで、無視して大丈夫みたい。

うん？XPSなんて文字は指定してないぞ。
どうやら、XPSは環境変数に設定されていない場合のエラーのようです。

◆もう一度、落ち着いてimportとinitializationから

まず、Initialize Scriptの[replace]ですが、
ファイル名、変換する文字、変換後の文字、
なのですが、変換後の文字はEnvironemntを通して設定するようです。

ただし、最初から次の変数は環境変数に設定されているようです。

# DB_USER ... The username of the project database. This name is the same as project name in almost all cases.
# DB_PASSWORD ... The password of the project database.
# DB_HOST ... The hostname of the project database.
# PROJECT_NAME ... The project name.

なので、Initialize Scriptに、

[replace]
public_html/demo/dba.ini.php CENA_DB_USER DB_USER
public_html/demo/dba.ini.php CENA_DB_PASSWORD DB_PASSWORD
public_html/demo/dba.ini.php CENA_DB_HOST DB_HOST
public_html/demo/dba.ini.php CENA_DB_NAME PROJECT_NAME

と設定するだけで動きました。

追記：最初は.fixファイルを使うつもりだったのですが。
忘れてた。こちらの方がgitで管理できるので便利と思われる。

◆Cena-DTAのでもサイトが公開！

http://cenadta-demo.fluxflex.com/

よろしく〜
まだセキュリティ関係があれなので、気をつけて使ってください。
変なデータ入れられても、XSSしてしまいます。
また、定期的にDB内はクリーンアップしますので、大事なデータとか入れないように。

◆文字化けしている。

が、ちょっとみたら文字化けしていますね。
DBに入れた文字が化けてるみたいです。

fluxflexからphpMyAdminを使えますので、早速ログイン。
データベースの操作メニューで、照合順序をみたら、latinとなってます。
これをutf8_unicode_ciに変更して、実行。
一旦テーブルをドロップしてから、作り直したらなおりました。

午後いっぱいかかりましたが、サイト一個アップするのも簡単になりました。
素晴らしいサービスです。いい時代です。

Simple@中山

2011-10-22T13:42:00.004+09:00

いつもの勉強会＠中山。

◆まずは血圧の測定。

最近、医者に高血圧といわれ薬を飲み始めた。
ので、今日は一日の血圧の変動を測定する。

測定器は、アマゾンで評価のよかった手首ではかるタイプのやつ（右）。ただ医者で測定するより２０ぐらい低く出る。

０６：０９　１１６−６６
１１：４５　１２６−７９
１６：５４　１３９−８０

◆何しようかな。

◆Dioモジュール作ってます（PHP）

https://github.com/asaokamei/Dio

Yet-another-validatorですが、入力値のサニタイズ、文字種変換、バリデーション、の全部入りモジュールです。こんな感じで使える予定。

$mail = Dio::request( 'user_mail', 'email',
array(
'default' => 'text@example.com',
'required' => TRUE,
'toHankaku' => TRUE,
'string' => 'lower',
'regexp' => array( '*jp$', 'err_msg' => '日本ドメインのみ可' ),
)
);

特徴は：

できるだけ簡単に。
例のような感じで、普通に簡単に使えるようにしたい。
文字種変換など順番を指定できる。
全角英数字を半角に変換してからバリデーションする、とか順番が大事なので、前もって順番を指定しておいて、適当に使っても大丈夫にしたい。
複数の項目を一つにして読み込める。
例：date_y, date_m, date_d を「date」として読み込めます。

まだ一度も走らせてません。シンタックスエラーすら未チェック状態。

◆今日の課題を決定：fluxflex

to-be-continue

Simple@高円寺、Qunitなど

2011-09-17T16:08:00.003+09:00

いつものSimple勉強会。今日は高円寺にて。
まったりとスタート。

◆QUnitでユニットテスト

Cena-DTAのJavaScriptのユニットテストをするためにQUnitを使ってみた。
http://docs.jquery.com/Qunit

テストコードを作るのはとても簡単。

非同期（asynchronous）の場合のテストもできる。
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/

「QUnit asynchronous」でググって最初のページだけど。
疑似コードは：

test( "asynchronous test sample", function() {
  stop(); // テストを一旦止める
  async( callback_func );
    var callback_func = function() {
      start(); // テスト再開
      ok( true );
    }
{);

・時間の読めない関数（async）を呼ぶ前に、一旦テストをstop、
・コールバック関数で、実際に実行される箇所で、テストstart、
・それからテスト条件を書く、
という感じ。

面倒な点といえば・・・
テストしたいのがDOMに正しく書かれたかどうかのため、テストの設定が大変だった。また書かれた内容をjQueryで読み込んでとかも面倒。

これはQUnitが原因ではなくて、おしなべてJavaScript全般にいえることでしょう。

◆もっとテストを

結構、テスト書くのは大変です。
どの機能を、どうやってテストしたらいいのか、考えるだけでも時間がかかってます。先にテストを考えてから作るといいんですかね？

それって、ボトムアップみたいな開発ならできそうなのですが、トップダウンで作ってるとき（つまり試行錯誤しながらクラス設計する場合）後回しにしてしまいそう。いや、後回しにして、後でテスト足りなくて困るという・・・

PHPカンファレンスでCena-DTA発表

2011-09-13T13:14:00.002+09:00

2011年9月10日のPHPカンファレンスでCena-DTAの発表してきました。
緊張したなぁ～

UStream：
http://www.ustream.tv/recorded/17175804

発表資料：
http://www.slideshare.net/asao_jp/cenadta-php-conference-2011-slides

技評さんの「PHPカンファレンス2011 スペシャルレポート」
http://gihyo.jp/news/report/01/phpcon2011/0001?page=2

技術評論社さんには
「まだ過渡期の技術ですが今後どんどん
　開発が進んでいく注目の技術かもしれません。」
と書いてもらえました。

うん？
「今後どんどん開発が進んでいく～かも」とは、どういう意味でしょう？
もっと頑張れ、ということかも知れません。

確かに、発表内容は技術の紹介が半分近くを占めてます。
発表タイトルにある「アプリ開発」には、ちょっとしか触れてません。
聞いてくれた人には、思ってたのと違う内容だったかも知れません。

そういう意味で、まだまだ過渡期。
次こそは、「ぜひ使ってください」という発表をしたいです。

使ってもらえるためには、何が必要でしょう？
コードとプロトコルをきれいにする？
セキュリティを極める？

自分としては、摘要可能なRDBの範囲を見極めたいです。
まだまだ単純なケースでしかCena-DTAが有効であることを示せてません。
もっと複雑な構造だったら？
もっと大量のデータだったら？

それと、他の技術もあるけど、
どういう場合にCena-DTAを使うべきなの？

こういった疑問に答えられるようになりたいです。

Mac OS X Lion で homebrew を使ってみる。

2011-08-11T19:26:00.001+09:00

◆homebrewかmacports

今はhomebrewがおされらしい。
macportsの問題は色々あるみたいだけど、OSアップデートしたら環境全部壊れた、見たいな事がある、らしいと理解しました。

◆インストール

色々なサイトを参考に、インストール自体は問題なく出来たように見えました。

◆が、インストールがおかしい

最初はインストールしたのですが、

brew update
/usr/local/.git: Permission denied
Error: Failure while executing: git init

などといわれます。
もう一度homebrewをインストールしてみても、似たようなエラー。

まさかね、と思いながら探していると
http://stackoverflow.com/questions/6936678/cant-install-homebrew-on-mac-os-x-lion

ちょっと怖いけど、次のコマンドを発行。

chmod 777 /usr/local

エラーは直りました。

◆早速、mysql.server start

エラーはなし。
が、今度はmysql -u root -pでソケットがありませんとエラーが出ます。
mysql_config --socketなどで調べたけど、訳が分からず。
リブートしたら動いた。

Simple@Idx 2011/06/25

2011-06-25T15:29:00.000+09:00

CenaをGithubに登録する作業。

数ヶ月前にSSHを設定して、動いていたのだけど、
パスフレーズをなくしてしまった。

ので、SSHの再設定するのに四苦八苦。
いろいろググッたけど、結局Githubのヘルプ読むのが
一番簡単だった。

https://github.com/asaokamei/Cena-DTA

で、Cena-DTAのソースコードをプッシュ。
友人のマック上で展開して、動作確認してもらって、

　　動＊い＊た。

MySQLの設定部も問題なく進んだし。

さて、GPLｖ２で公開した。
ということは、もう後戻りはできない、ということですね。

Simple@Idx 2011/04/23

2011-04-23T16:25:00.000+09:00

久々に中山で勉強会。

◆CenaDTAと名づけることに

cenaはイタリア語で夕食の意味。
意味のある言葉をプロジェクト名にすると、後々面倒なので「Cena-DTA」にすることにした。
「Cena Data Transfer Agent」の略ということで。

◆gitHub

今後のバージョン管理はgitHub使うことにした。
有名だからという程度の理由。今まではローカルHDD上でmercurial使ってたので、過去の履歴はすべて破棄されることになる。が、仕方ないんだろうなぁ。

で、早速インストール。
セットアップの方法にしたがって、インストーラーをダウンロードして走らせると、説明とまったく同じ画面とバージョン番号が出ていた。これって、実はすごいことだと思う。

説明にしたがってSSHキーを取得したりしているうちに動き出した。

が、コミットしてもgitHubに反映されない。
これはpushが必要だから、と思ったがgitGuiからpushできず。
結局、gitBashから説明どおりに打ち込んで公開完了した。

https://github.com/asaokamei/Cena-DTA

◆眠くなってきたのでウェブサイトでも作ることに

ざっくりとデザインを決めてアップ。
http://www.workspot.jp/cena/

Simple@Idx 2011/02/26

2011-02-26T17:27:00.000+09:00

デモをアンドロイドの実機で動かすのが目標。

実機はGalaxy S。Android 2.2が乗ってます。
デモはノートブックPCのローカル環境で動いてます。

◆無線LAN環境を整えよう

LogitecのUSB無線LANはAPモードになる。
アンドロイドからWiFiでPCにつなげられる。

つながったと思ったら不安定だったので、
最新のドライバーにアップグレード。

◆つなげてみよう

PCのローカルIPを調べて、
ブラウザーに直接打ち込むと、
お、動いた。

ここまでは簡単。

◆デモが動かない。

HTMLは表示されるが、WebSqlDatabaseからの読み込まない。
PHP、JavaScript自体の問題はないみたい。
デバッグ情報もalertもOK…
さて、どうしたものか。

◆Android SDKをインストールしてみる。

するとJDKもインストールしろといわれたので、した。
インストールは簡単に終了。が、動かない。

どうもコンポーネントのダウンロードに失敗していたらしい。
Windowsなので、「管理者として実行」としたら動いた。
例の「Program Files」フォルダー以下に書き込めないのが原因だろう。

・・・

なんか動いたみたい。
すごく遅い。

お、動いた。
WebSqlDatabaseも動いた。
エミュレーター上では問題なし。

◆Galaxy Sの問題？

お、Galaxy Sのファームウェアバージョンアップがあった。
Samsung KiesをPCにインストールする必要があるのか。
どうしよう。

簡単なWebSqlDatabaseのサンプル･デモを作ったのを思い出した。
Galaxy Sで確認すると、動いた。

◆jQueryをアップグレード

デモのjQueryが1.4.1と古かったので、1.5.1にアップグレードしてみた。
すると、PC上のChromeでも動かない。
直さないといけないみたい。

仕方ないので1.4.4にアップグレード。PC、エミュレーターでは動く。
が、実機では動かない。

◆実機でデバッグ

しろと。
ADBとやらを動かして、consoleのアウトプットをみると。
このあたりのリンクを参考にして。
http://www.nanaze.com/2009/01/debugging-javascript-on-android.html

以上で、時間切れ。

Simple@Idx 2010/12/19

2010-12-19T17:15:00.000+09:00

本年度最後のSimple勉強会です。
気がつけば終わってました。

◆特許について

特許取得を考えてます。
詳細は以降。

◆Dioモジュール

もう6年目も昔に書いた、いまだに使っているクラスを書き換えてました。

実は一昨年に書き換えようと思い立って90%ぐらい作ったのがあるんですが、気に入らなくて没にしてました。もう一度、インターフェースを考え直してみました。

名前だけは思いついてます。
Data Input/Output、すなわちDIO！

が、だらだらと書いているうちに、
気がつけば勉強会終了。

NetBeansでPHPのデバッグ

2010-12-10T17:26:00.000+09:00

今まで何度も試してみたPHPのデバッグ。
WebStudio、TruStudio、PDTと試したけれど、うまく動かない。
やはり自分は設定作業が苦手らしい。

で、本日NetBeansでPHPのデバッグ出来るようになりました。
ブレークポイントで、一行ずつPHPを実行できる気持ちよさ。

面倒なので、Twitterのまとめです。

しかし、いい加減、ドリームウィーバーから卒業したいな。
NetBeansでPHPデバッグしようかと2時間ばかり設定したが、ブレークポイントが効かない。でDreamWeaverに戻る、と。この5年ぐらい、この繰り返しな気がする。
あ、動いた。ブレークポイント。
PHPのデバッガーが動いているのを見るのはTruStudio以来だｗ
要するにphp.ini内のxdebug設定が間違ってただけだった。ただxdebugが中途半端に動いてたので間違いに気づくのに時間がかかったと。
php.iniで「zend_extension=...」でxdebugを設定するのだけど、なぜか「zend_extension_ts」を使ってた。
あぁ、まとめがあった。http://goo.gl/qRpya
NetBeansで気になった点。１）最初の<?phpタグで必ずブレークする。２）制限時間30秒ルールが生きてること。２）は仕方ないか。１）は設定できないのかな？

付け加えるならextensionでxdebugを読んではいけない、ということです。

php.iniにextension=php_xdebug_...dllが入っていて、中途半端に動いてました。

分かってしまえば簡単。

これでDreamWeaverから卒業できるか？

あとNetBeansで気になった点ですが、いまだに解決できてません。

Cenaとは何？特徴は？

2010-11-20T16:31:00.003+09:00

Cenaを使うと何が便利になるのか？
前回のエントリーで書いたローカルデータベースを使った場合の問題を解決できます。

つまり、データのシンクロナイズ、ローカル上のデータをサーバーにアップロードする処理が簡単になります。

新規登録および既存データのID（プライマリキーですね）の追跡が簡単になるため、レコード間のリレーションを含めてアップロードできる。
更新したデータのみをサーバーにアップロードできる。
しかもレコード単位でなく、修正した項目のみのアップロードが可能。
一度に複数の更新および新規登録データのシンクロが可能。

そもそもが難しい問題（と思う）ので、簡単にシンクロが出来るというよりは「（比較すれば）簡単になる」と書くべきかもしれません。

また、HTML5などのようなサーバー&クライアントといった関係でのみ対応が可能と考えてます。全てのどんなデータベースでも通信、というのは解決できてません。

◆Cenaの本質は？

Cenaの本質は、多分トランスファープロトコルです。
データをシンクロするための通信内容を規定しています。

このため、クライアント側とサーバー側の両方でプロトコルを理解する必要があります。サーバーはPHP（5.3以降）、クライアントはJavaScript（jQueryプラグイン）で開発しています。

◆CenaのPHPライブラリ

ORMの上にCenaのレイヤーをかぶせることで、Cenaに対応しています。ただしORMは自分で開発しているものになります。

理論的には他のORM（Doctrine2とか）でも使えると思いますが、今のところは作業は進んでいません。

◆CenaのjQueryプラグイン

HTML5のローカルデータベースを使うためにjQueryのプラグインを開発しています。現在はWebSqlDatabaseを使っているため、Webkit系（Chrome、Safariなど）のブラウザーで動作します。

WebIndexDatabaseが安定したら、対応する予定です。
個人的にはsynchronous APIが早く動いて欲しいところですが。

HTML5のローカルDBを使う場合の問題点

2010-11-19T05:07:00.001+09:00

Cenaというフレームワーク、のようなものを作ってますが･･･
なぜCenaを作る｜使うのか？

HTML5が登場し、ブラウザーにローカルデータベースが出来たことで、ウェブアプリケーションの機能が飛躍的に向上します。サーバーと通信することなく、大量のデータを変更したり追加することが可能となります。リレーショナルデータベースを扱えるので、複雑な構造のデータでも扱える利点があります。

ただし、ローカルデータベースを使った場合、
難しい問題がいくつかあります。

◆データのシンクロにおける問題

ローカルで作成したデータをサーバーにアップロードする際、リレーションを保つのが難しいです。

たとえば、新たにデータを追加したうえで、既存のデータをリンクさせる場合です。新しいデータにはIDが振られていません。サーバーにアップロードするとIDが振りなおされるため、リレーションが切れてしまいます。

◆複数デバイスの更新問題

複数のクライアントにデータをダウンロードして、アップロードした場合にどうなるのか？

たとえばデバイスAとBがあったとします。
まずデバイスAとBの両方にデータをダウンロード。
次にデバイスAでデータ１を修正、アップロード。
そしてデバイスBでデータ２を修正、アップロード。

そのとき、データ１はどうなるのでしょう？
デバイスBのデータ１には、デバイスAの修正は反映されてません。このデータを全てアップロードすると、データ１は元のデータに戻ってしまいます。

つまり修正したデータのみをアップロードする必要があります。

◆Cenaフレームワーム

Cenaは上記二つの問題を解決するために開発しています。
汎用性のある解決法だと思っていますが、クライアント（HTML5）とサーバーの両方で対応する必要があります。

Simple@Idx 2010/10/30

2010-10-30T15:12:00.005+09:00

台風（ほぼ？）直撃の中のSimple勉強会。
作業は、いつものCena開発。

前回までに、既存データの
→　サーバーからダウンロード
→　ローカルHTMLでデータ修正
→　サーバーにアップロード
の一連の作業が動くようになった。

今回は、新しいデータをローカルで追加→サーバーにアップ、の部分。

◆新規登録できるようになった

何箇所かはまったが新規登録を追加。
UpdateからReplaceにSQLを変更するところで少しはまった。ぜんぜん違う文なのを忘れてた。

既存のデータを修正する場合に比べると、リレーションを作ったりといろいろな作業が増える。

ともあれ、新規登録ボタンを押すと何も入ってないフォームを表示。
後は修正と同じ要領で登録してゆく。

◆フォームの動きについて

今までは、
フォームで修正してchangeイベントが発行されたら、
即ローカルDBにアップデート、
としていた。

わざわざボタンを押さなくてもいいので簡単かな？と思ったからだけど。

が、操作ミスがあっても、すぐDBが書き換わることを考えると、従来のようにフォームにすべてを記入・修正してから「完了」ボタンを押させるほうが安全な気がしてきた。

アンドゥが上手にできれば別かもしれない。

◆機能が豊富になってきた。

するとボタンを増やしたり、意味合いを変えたりと面倒。

いい方法はないか考えないと。

MVCを導入するのがひとつあるが、もう少し簡便な方法があるといいけどなぁ。

◆TODO

アップロードしたら、アップしたデータのステータスを変更。
ダウンロードしたら、localStorageの変数をイニシャライズ。
フォームの動きを調整。
データの削除（これが大変。。。）
WebSqlDatabaseでcallback関数を指定するように変更する。
データ数を増やして、パフォーマンスチェック。
フォームのバリデーション（HTML5の機能）

まだまだ、たくさんあるなぁ。

PHP5.3でJavaScriptのようにメソードを上書きする（ように見せる）方法

2010-10-22T16:27:00.003+09:00

JavaScriptをしばらくいじくった後、PHPに戻ると、一旦メソードを上書きでいないのにいらいらします。継承するか、インスタンス化して別クラスに委譲して別メソードをかぶせる、とかぐらいしか出来ません。

で、PHP5.3のクロージャー（無名関数）と__callを使って、
メソードを上書きできる、ように見せることが出来ました。

◆まぁ、こんな感じ。

echo 'test closure' . '
';

class test
{
 var $name;
 // +------------------------------------------+
 function __construct() {
  $self = $this;
  $this->name = 'my test';
  $this->getName = function() use( $self ) {
   echo $self->name . '<br />';
  };
 }
 // +------------------------------------------+
 public function __call( $name, $args ) {
  if( is_callable( $this->$name ) ) {
   call_user_func_array( $this->$name, $args );
  }
 }
 // +------------------------------------------+
}

$t = new test();
$t->getName();   // works.

$t->name = 'new test';
$t->getName();   // works fine.

// kind of overwriting method... 
$t->getName = function() use( $t ) {
 echo 'new: ' . $t->name . '
';
};
$t->getName();   // works great!

自宅のローカルPCでは動いてます。出力は、

test closure
my test
new test
new: new test

となって、ほぼ想定どおりの動きです。
クロージャーを作るときにuseを使って、クラス自身を受け渡すこと、クラス内の変数にクロージャーを渡して、__callでオーバーライドするのがポイント。

$selfとかjavaScriptっぽくて、妙ですね。

実際使うかといわれると･･･
う～ん、

Simple@Idx 2010/10/02

2010-10-02T17:12:00.002+09:00

今回のSimpleは朝倉さんの事務所にて。
自転車で4km。明大前→下北沢経由で16kmに伸ばしてきました。

前回から、Html5のWeb Sql Databaseと格闘。
昨日、やっと動き始めました。

で、Simpleでは残りの開発。

サーバー上のDBからデータをダウンロード
→ローカルのWebSqlDBにデータを登録。
→Html5+JavaScript(jQuery)のみでデータの表示・修正。
→データのアップロード、サーバー上のDBを書き換え。

までできました。

これで
－差分アップロード（修正した部分のみの変更）
－参照関連の変更（別項目へのリンクの変更）
ができるようになりました。

まだ新規データの登録ができてませんので、
次回への宿題？ということになりました。

Cena/HTML5でのローカルアプリ開発を考えてみる

2010-08-17T17:54:00.002+09:00

開発中のCenaですが、
本命はHTML5のローカルアプリの開発です。
それもIndexed Databaseを使って、ローカル側のDBを使ったアプリです。Cenaを使えば、そういうウェブサイト･アプリが「簡単に」出来るような気がするもので。

と書いておいて、Indexed DatabaseのAPIを読み始めたばかりという状態なので、どれだけ「簡単」なのかは検討もつきません。少なくとも頭の中で考える分には･･･簡単なはず。

◆現状のクラス構造

今のCenaクラスの動きを図にしました（下図）。

パッと見、簡単です。
Active Record (AR)のクラスをCena Record (CR)が委譲して受けて、そこからHTML要素を出力しています。

が、ARとCRの関係が意外と面倒。
もともとCenaはHTMLなんて（あまり）知りません。
結局ARなりDAOなりが、頑張ってHTMLになる元を作る必要があります。

◆できたらいいなの理想の構造

そこで、Cenaからの出力は単なるメタデータ(MD)とし、実際のHTML要素とのバインディングはJavaScriptに任せてしまいます。MDとは、つまりスキームやクラス名やらのデータの配列みたいなイメージ。

もし、簡単に、ローカルDBにメタデータを登録できたら。そして簡単に読み出せたとしたら。同じ処理でHTML要素を作成できます。

◆で、何が便利になるのか？

まぁ実現するのは可能でしょうが、
これにどんなメリットがあるのでしょう？

う～ん、考えられのは、
メタデータとしてCenaをあらわしているので、既存のみならず新規データの管理が簡単、新規と既存のデータも組み合わせられるし。それに複数データ間の関連も表せるし。何でもできるきがします。

サーバーもローカルも同じように開発できそうなところが気にいってます。

「Restっぽいやつ」あらためcenaに

2010-08-16T14:06:00.002+09:00

例の「Restっぽいやつ」ですが、
リファクタリングを機に名前付けました。

クラス名をつけるときに統一しないとめちゃくちゃになるので。

で、

cena ：Chained Entity Notation and Augumentation

です。
すでにインパクトにかけるとか悩んでますが。

他には、
CONST: Chained Object Notation for State Transfer
REPPOI: Rest PPoi

とか考えましたけどね～
名前のセンス無いな～

変えるかもです。

「Restっぽいやつ」を書き直し

2010-08-10T12:33:00.000+09:00

ざーっと開発していた「Restっぽいやつ」ですが、
さすがに書き直すことに決定。

今まで、DAO（Data Access Object）というパターンを使っていて、AR（Active Record）というのは横目でうらやましいなぁと思いながらも使ってませんでした。

が、この「Restっぽいやつ」はARと親和性が高い。
というかARを想定して考えてるようなもの。

なので、がーっと作ったら、ARとRestっぽいやつが混ざり合ったクラスになってしまいました。ということで、AR＋RestっぽいRecord＋Restっぽいマスター、の3レベルに分離。

が、元のコードが350行、分離して→合計700行に増えた。
まだ無駄なコードが少しあるけど、すっきりとした。

PHPUnitで一度の複数のテストを実行（addTestFile）

2010-08-06T14:06:00.000+09:00

日本語の情報が少なかったので…
PHPUnitでテストを書いてますが、複数のテストクラスを一度に実行する方法。
PHPUnitの第7章「Organizing Test Suites」を読んだのですが、いまひとつ理解不能でした。で、ググって見たら簡単な方法を見つけました。

◆複数のファイルを読み込む方法

下のコードのように書きましょう。

require_once 'PHPUnit/Framework.php';
class allTests
{
 public static function suite() {
  $suite = new PHPUnit_Framework_TestSuite( 'all tests' );
  $folder = dirname( __FILE__ ) . '/';
  $suite->addTestFile( $folder . 'someTest.php' );
  $suite->addTestFile( $folder . 'moreTest.php' );
  return $suite;
 }
}

AllTestのあるファイルと同じフォルダーに、各テストファイルを作成。各ファイルにはひとつずつユニットテスト用のクラスを記述。

class someTest extends PHPUnit_Framework_TestCase {
 public function a_test() {
  // do some test...
 }
}

これで、一度の複数のテストを実行してくれました。

HTML5のローカルストレージまとめ

2010-08-03T14:17:00.000+09:00

ローカルで動くウェブアプリケーションを作ってみたいと思い立って、HTML5関連について調べてます。今はローカルストレージ中心。

◆たくさんありすぎのローカルストレージ

ちょっと調べたところ「cookie」「SessionStorage」「LocalStorage」「Web SQL Database」「Indexed Database」の5種類がありました。多すぎっ！

ただし、「Web SQL Database」はドロップされる模様。
このあたりを参考に。
http://groups.google.co.jp/group/...
http://www.publickey1.jp/blog/09/websql.html

SQL互換地獄に陥らなくてよかった…

また「SessionStorage」「LocalStorage」は大きく「Web Storage」という括りで理解すべきみたい。そして「Cookie」は、もういいでしょう。

◆となって、要するに

Web Storage (Session+Local）
Indexed Database

の２つを追いかければよさそうです。
ただ肝心のIndexed Databaseは、正式サポートしてるブラウザーがない･･･

簡単なサンプルデモを作るだけならLocal Storageで出来るかも。でも、ちょっと複雑なことをする必要があれば、今のところ「Web SQL Database」で作るしかなさそうですね。

Simple@Idx 2010/07/24

2010-07-24T15:15:00.006+09:00

中山でSimple勉強会。
暑い一日。でも勉強会は結構涼しい。

◆データバインディングについて

例の「Restっぽいやつ」に関して、JavaServer Facesを調べてみた。
で、こちらのページに上手にまとまっていた。
http://dev.ariel-networks.com/articles/workshop/javaee6

JSF2.0:「データバインディング問題」(直感的にはHTMLフォームの表示/編集と内部オブジェクトのマッピング)

その通りでございます、という気分。

◆いい加減に「Restっぽいやつ」に名前をつけたい。

Chained Object Notation for State Transfer (CONST)
Entity Notation for Augumented Forms (ENAF)
Chained Entity Representation for Manipulation Injection and Transfer (CERMIT)

とか考えたけど、いまひとつピンとこない。

◆「Restっぽいやつ」に参照を実装

今までは基本的機能、つまりHtmlフォームから実体（オブジェクトのこと）に対して操作を行っていた。

今回は、操作のデータとして他の実体を参照させることを行った。
なお今回もデモと割り切って作ってるので汎用性は？です。

◆「Restっぽいやつ」の予定

どこまでできるかわかりませんが、今後の予定を考えて見ます。

遅延参照
俗に言うリンカーの実装。
リファクタリング
クラス設計を見直して書き直したい。いや、次にやるべきかも。
エンベロープ
順番を指定できるように。
ドロップボックス
ドラッグ＆ドロップに対応したい。
ローカルDBの保存＆同期
ブラウザー上のローカルDBに保存して、サーバーDBと同期して…

という感じでしょうか。
これ全部できたら、すごいことじゃあるまいか。

Simple@Idx 2010/06/26

2010-06-26T18:31:00.003+09:00

◆PHP5.3のPDOでMYSQL_ATTR_INIT_COMMANDが未定義だと？！！

お隣のY本さんがささやいた。
phpMyAdminで文字化けすると。

おや、自分のphpMyAdminでも文字化けしている。

で、調べ始めたら…
このページでPHP5.3で上記のコンスタントが定義されていない、とある。

え、この間納品したプロジェクト大丈夫か？
一瞬青ざめた。

あ、あれはPDO使ってないので大丈夫。

とはいえ、これって本当？
バグレポートを見ると、本当なのは確か。
ただバグはCloseされているので、もう直っている。ただ、PHPのどのバージョンで直っているのかがよくわからないので、もうちょっと調べないとなぁ。

◆RESTっぽいフォーム

相変わらず、RESTっぽいフォームの作成。
今度は複数のテーブルを一度に作成・修正・削除するやつ。

一応、複数テーブル・複数レコードに対応はできたが、
リレーションまでは手が回らなかった。

実は、リレーションはRESTっぽい考え方と相性が悪いと思う。
リレーションに対応しようとすると、処理の順番が重要になる。
が、RESTはステートレス、つまり順番という考え方がない。

なので、リレーションに対応するには、ちょっと考え方を変える必要がある。
たぶん、リンカーのような処理になると思う。

なので、リンカーは今後の対応。。

◆RESTっぽいフォーム２

今回対応したもうひとつが新規登録の場合。
何も入力しない（つまり登録しない）場合、フォームを無視するように修正。

ちょっとアドホックな修正だけど、ともかく対応完了。

PDFLibで「Invalid UTF-16 string (odd byte count)」エラー

2010-06-24T12:17:00.000+09:00

久々にPDFlibをいじくってたら、エラー。
ppsでfill_textblockした際に発生する。

動いてたコードを、そのまま持ってきたのになぁ…
バージョンの問題？CMapがおかしい？

頼みのグーグルもそれらしい答えをなかなか見つけられない。
やっと見つけたとき、グーグル検索では2件しかヒットしてなかった。
http://www.google.co.jp/search?q=PDFlib+"odd+byte+count"

PDFlibの情報少なすぎじゃあるまいか？

そもそもマニュアルとかもPDF、しかも200ページ超えてたりして検索しづらい事といったら。端的にまとめられた大量のHTMLとグーグル検索が仕事効率が一番いいんじゃないかと思った次第。

◆で、解決方法は？

PDF_set_parameter( $pdf, "textformat", "utf8");
と設定すること。

まぁバージョンが変わって、デフォルトの挙動が変わったのか、
普通は設定してあるものなのか…

PDOとPrepared Statementへ対応するぞ、と

2010-06-03T10:59:00.004+09:00

こちらも長年の課題だったPrepared Statement。
なにしろ今使っているSQLマッパー（ORMなのか？）は2002年ごろ作ったコードを基にしてます。改良を加えつつ、使ってたのですが、いよいよPDOとプリペアドステートメントへ対応させることに決定。

しかし･･･PDOも、そしてPrepared Statementも、
なんて使いづらいんだ！

◆Prepared Statementへの対応方法

方向としては、下記のように名前つきのパラメータ（以下、ホルダーと呼称）を使って構築します。

// 古きよきqueryを使った方法 
$rdb->query( "SELECT * FROM table WHERE id='1234'" );
// Prepared Statementを使った方法
$h = $rdb->prepare( "SELECT * FROM table WHERE id=:id" );
$h->execute( array( ':id' => '1234' ) );

どこかで、'1234'と':id'を結び付けておく必要があります。
次のような関数でホルダーを一元管理することにしました。

function getHolder( &$val ) {
  static $prepare_values=array();
  if( $val ) {
    $holder = ':prep_' . count( $prepare_values );
    $this->prepare_values[ $holder ] = $val;
    $val = $holder;
  }
  return $prepare_values;
}

$id = '1234';
getHolder( $id );
$h = $rdb->prepare( "SELECT * FROM table WHERE id={$id}" );
$h->execute( getHolder() );

SQLマッパーはクラスなので実際はメソードですが、こいつをマッパーのあちこちに仕掛けておけば、簡単に対応可能、というわけです。

◆PDOではrowCountが使えない

薄々知ってましたが、SELECTを発行した場合、結果セットの総数が分かりません。「SELECT COUNT(*) ...」で対応しろという話です。

仕方がないので、対応しました。
「SELECT ～ FROM...」の「～」部分をCOUNT(*)に無理やり変更。

SELECT文を保存しておいて、rowCountが呼ばれたら、裏でSQL文を変更して、発行して、数を数えて、返す。
お、動いた、動いた。

が、これとPrepared Statementを組み合わせると大変な事態に。

◆MySQLのHY093エラー

MySQLで動作テスト開始をしたとたんのエラーコード。
テストのXAMPP環境だとエラーメッセージすら出ない。

調べると、「無効なパラメータ番号」という意味らしい。
なんとexecuteで与える配列で使ってないデータがあるとエラーになるらしい。

どんだけ細かいんだよ！
と文句をいいながら、適度なタイミングで「$prepare_values」をクリアすることに。この適度なタイミングってのが難しい。使っているうちにぐちゃぐちゃになりそうだ。

◆で、気がついた。

Prepared Statementを使って数える場合、万が一COUNT(*)に変更した部分にホルダーがあったら、絶対に動かんじゃないか。たとえば

例）
SELECT :what AS what, id, name FROM table WHERE type=:type

SELECT COUNT(*) FROM table WHERE type=:type

これだとHY093エラーで動かないのは確実。

こういうSELECT文の場合、裏で上手カウントするのは無理っぽい。
使う人が、明示的にSQLを二つ作って対応するしかないか。

◆まだまだあるぞPDOの妙なエラー

こんなエラーメッセージもありました。

Cannot execute queries while other unbuffered queries are active. Consider using PDOStatement::fetchAll(). Alternatively, if your code is only ever going to run against mysql, you may enable query buffering by setting the PDO::MYSQL_ATTR_USE_BUFFERED_QUERY attribute.

書いてある通りにアトリビュート設定しても駄目。
バージョンの問題なのか？

原因は･･･
一度に二つのSQL文を渡してたからでした。
DROP TABLE IF EXIST table;
CREATE TABLE table ( ... );

ひとつずつ発行するとエラー無しになりました。

◆感想

新しいライブラリが登場しても、すぐ飛びつかない理由を思い出した。
マニュアルに出てこないような癖があるので避けてしまう。
面白いと思う人もいるけど、私は面倒くさがりだから。

Simple@Idx 2010/05/29

2010-05-29T16:31:00.001+09:00

今回は久々に5人集まった勉強会。
お、iPad登場。

◆iPadに触ったよ

触ってみて、「おぉ～」
やっぱり欲しくなった。

単に大きくなっただけだが、大きさは大事だ。
これならおじいちゃんでも大丈夫だ。

一家に一台、になるでしょう。

それと子供にもぜひ欲しい。
でもまだ3歳だから、落としたりして壊すだろうな～
実際、壊すのは子供が触ってというパターンが多いらしい。
もう少し子供が大きくなってからにしよう。うん。

◆RestっぽいHTMLフォーム

実装してみた。
家で作業してアップロードしておいて、勉強会でダウンロードして・・
パスワードが入ってない！
仕方ないので適当にエラー処理すくなめで作ってみた。

そしたら動いた。
簡単な修正だけだが1時間でできた。
削除も・・・表示修正も含めて1時間でできた。

簡単だったなぁ。

ただし、データのバリデーション、変数汚染への対策などはなし。

100個ぐらいのデータを10個ずつでページ送りをしている一覧表に実装。
適当なページで編集、とすると表示されてた10個だけ、修正できる。
ウェブのUIを少し複雑にできそう。

◆なんとなくePub触ってみる

SigilというePub編集ソフトをインストールしてみる。
ePubというのは、iBooksやSonyなんかでサポートされている電子書籍の標準フォーマットのひとつ。中身は、要するに~~劣化版~~コンパクトなHTML+CSS。それにXMLをつけて、ある順番にZipしたもの。

何か作るのは簡単。
ただ、見た目があまりにもNetscape時代のWWWを思い出すような出来だ。
よささげなCSSを探したが、タイムアップ。

SQLのストアドプロシージャー使ってCMS多言語化の設計を考えてみた

2010-05-28T14:57:00.006+09:00

ここしばらくCMS評価をしてましたが、
「多言語化がサードパーティのプラグインでサポートされてる」
場合が多いのが気になります。本体をバージョンアップしたら多言語化プラグインが対応してない場合、最悪はサイト全てがダウンするかも（試してないので分からないけど）。

ということで、CMSなどで多言語化に対応するためのデータベース設計について考えてみました。で、今回は初めてストアドプロシージャーを使ってみました。

なんて、実際に走らせてないので動きませんが、上手に使えば便利そうですね→ストアドプロシージャー。

◆単一言語のページデータ

まぁ次のような構造じゃないでしょうか？

page_contents
  page_id     serial PRIMARY KEY,
  lang_code   char(2),
  title       text,
  content     text,
  active      date

languages
  lang_code    char(2),
  lang_name    text,
  lang_default char(1)

各ページにつきひとつレコード作成。
レコード内にはタイトルとコンテンツ、そして言語コードも入れてみた。こういう設計だと、複数言語データを入れることは出来ても、ウェブサイトの動きは制限されるでしょう。

なので、title・contentといった文字が入るところを多言語化しようと思います。

◆多言語化したページデータ

pages
  page_id     serial PRIMARY KEY,
  title_id    int,
  content_id  int,
  active      date

nodes
  node_id     serial PRIMARY KEY,
  active      date

contents
  node_id     int,
  lang_code   char(2),
  contents    text,
  PRIMARY KEY( node_id, lang_code )

ここでpagesのタイトルとコンテンツは、それぞれtitle_idとcontent_idに変更してnode_idをさします。で、node_idと指定された言語コードから、contentsテーブル内にあるcontentsを取ってくることが出来ます。

この設計のいいところは、多言語化できる項目･テーブルに制限がないことです。たとえばコメントも多言語化しようと思ったら、たとえば次のように作れます。

comments
  comment_id  serial PRIMARY KEY,
  page_id     int,
  title_id    int,
  comment_id  int,
  active      date

◆ストアドプロシージャーで多言語データを読み書き修正

とはいえ、こんな設計のテーブルに書き込んだり読み込むのは大変。
そこでストアドプロシージャーを使ってみました。

-- 新しいページを書き込む
INSERT pages SET
  title_id  =new_contents( '...title...', '{l_code}' ),
  content_id=new_contents( '..content..', '{l_code}' ),
  active=CURR_DATE();

DELIMITER //
CREATE FUNCTION new_contents( content text, l_code char(2) ) 
RETURNS int
BEGIN
  DECLARE n_id int;

  IF l_code IS NULL THEN 
  SELECT lang_code INTO l_code 
    FROM languages
    WHERE lang_code='l_code'
    LIMIT 1;

  INSERT nodes; 
  SELECT last_insert_id() INTO n_id;

  INSERT contents SET
    contents='{content}',
    node_id ='n_id'    

  RETURN n_id;

END;
//

-- ページデータを読み込む
SELECT page_id, 
  get_contents( title_id,   '{l_code}' ) AS title, 
  get_contents( content_id, '{l_code}' ) AS contents
FROM pages 
WHERE page_id='{id}' 

DELIMITER //
CREATE FUNCTION get_contents( n_id int, l_code char(2) ) 
RETURNS text
BEGIN
  DECLARE text content;

  SELECT contents INTO content 
    FROM contents
    WHERE node_id='n_id' AND lang_code='l_code'
    LIMIT 1;

  IF content IS NOT NULL THEN RETURN contents;

  SELECT contents INTO content 
    FROM contents JOIN languages USING( lang_code )
    WHERE node_id='n_id' AND lang_default=TRUE
    LIMIT 1;

  RETURN contents;

END;
//

生まれた初めて書いたストアドプロシージャーと思う。
ちなみにMySQLのV5.1を参考にして書いてみた。

書込・読込のときに言語コード（l_code）を指定します。値がなかったら言語テーブルのデフォルト言語コードを使います。

nodesテーブルの構造が激しく簡単すぎるが･･･
もうちょっと改善できるかな？
そもそも動くのか？

まぁ動くと仮定して・・・
いや～、実は、昔から、ストアドプロシージャーを使ってみようかなと思ってたんです。

SQL側の複雑さを上手に隠せば、使う側（つまりミドルウェア側）の負担を大きく減らせそうでいい感じです。

やはりSQLは「知っておいて損はない」と思った次第。

WordPressで多言語化のメモ

2010-05-27T14:12:00.001+09:00

WordPressを使って多言語対応のウェブサイトを作るメモ。
メインは「qTranslate」というプラグイン。

◆qTranslateは簡単に使えた

ちなみにWordPressは日本語版の2.9.2、
qTranslateは2.5.7というバージョン。

普通にWordPressをインストールしてからqTranslateプラグインをインストール。最初は管理者画面が英語になって、3言語（独･英･中）がデフォルトとしてインストールされているので、qTranslateの管理画面で日本語をEnableする。と日本語が使えるようになった。

で、ページなり投稿なりの作成画面では…
お～タイトルが言語ごとに設定できる。
本文の上に言語ごとのタブが出来てる。
すご～く、使いやすい。

多言語化プラグインとしてはWPMLというのもあって、技術的な側面から両者を比較したページ（英語）なんかを読んだ感じでは、qTranslateだとちょっと不十分なところがあるらしい。そういう部分はテンプレートを編集する必要があるとのこと。

◆言語ごとに違うメッセージを表示する場合

たとえばテンプレートのどこかで文字を表示するような場合、qTranslateだけで対応しきれない。みたい。そういう場合は、テンプレートに次のような一行を加える（or修正する）。

    <?php _e("english日本語");?>

まぁ、見た目そのままです。英語ならenで囲まれた部分を表示してくれます。ちなみに_eはechoの多言語版という感じしょうかね。

◆言語ごとにイメージを変更したい場合

同じような状況で、言語によってヘッダーのイメージを変更するには、たとえば次のようなPHPコードが使えた。

    <img src="<?php bloginfo( 'template_url'); ?>/images/
    img-<?php echo qtrans_getLanguage();?>.jpg" alt="NPO" />

画像ファイルとしてimg-en.jpgとimg-ja.jpgを用意しておいて、言語コードそのものを「qtrans_getLanguage()」という関数で取得して、イメージを指定できます。

もっといい方法があるかもしれませんが、ちょっと調べた中では上記の方法で対応可能でした。

RESTっぽいHTMLフォームについて考えてみる

2010-05-24T11:45:00.006+09:00

RESTのようなHTMLフォームについて考えてみた。
何を言いたいのか上手に説明できないので例を使って説明してみる。

◆まずは下記のようなHTMLフォームがあったとして･･･

<form name="html_form" method="post" action="users/put/1234">
  <input type="..." name="user_name" value="my_name">

あるRDBの「users」というテーブルで、プライマリキーが「1234」のデータの「user_name」という項目を書き換えるフォーム、だとする。

これを、次のように書いてみたい。

<form name="html_form" method="post" action="restic">
  <input name="restic[users][put][1234][user_name]"
    value="my_name">
  <input name="restic[users][put][1235][user_name]"
    value="my_name">

要するに変数名に色々な情報を入れ込んでみた。

こう書けるなると、IDが「1235」の修正も一度に出来る。
別テーブルの修正も簡単に入れ込むことが可能になる。

<input name="restic[addr][put][1234][address]"
    value="my_addr">

◆何に使うのかというと、

一度に複数のデータを登録･修正･削除するようなUIが必要な時に便利かな、と。エクセルのような表形式に大量のデータを一覧表示するようなケース。

ひとつのフォームで、データの新規登録、既存データの修正、既存データの削除、が入り乱れたりするような場合。

今まで一度に一レコードのCRUD（登録･修正･削除･読込）だったけど、少しずつ複雑怪奇なUIが求められるようになって来た。毎度ロジックを書くのだけど、複雑なUIに対応すると、「ロジックが汚くなる」のが嫌で嫌で。クリーンな方法はないかと考えて出てきた。

◆一般化すると、フォームの変数から受け取る内容は：

restic[ scheme ][ model ][ method ][ id ][ column ] = value;

と書けることになる、と思う。

ここで、

schemeはオブジェクトの大雑把な分類（データベース名とか）、
modelがオブジェクトのインスタンス（テーブル名とか）、
methodがCRUDに対応、
idでレコードのキーを指定、
columnのデータ項目にvalueを設定する、

といった感じ。
実装する場合、schemeやmodelあたりは省略するかも、かな。
削除の場合はcolumnは不要、新規登録の場合のidの処理も要検討でしょう。

ともあれ、これで、一つのHTMLフォームで複数のデータを処理可能になる。

◆こういう考え方はすでに存在するのだろうか？

ちょっとウェブを調べた限りでは見つからなかったけど、自分の不勉強＝知らないことの多さに気がめいる。ちょっと考えただけで、アクティブレコード、O/Rマッピング、など聞きかじっただけ、実装を見たことすらない。

ともあれ、これで、本当に開発が簡単になりそうなら、実装してみようかと考えている。

久々のjQuery：checkboxの扱い方、eachとmapの違い、など

2010-05-20T14:38:00.002+09:00

久々にjQuery使ったら、指が止まった。
ので、適当にメモ。

◆checkboxの扱い方

// チェックボックス要素を取得
$( "input:checkbox" )
//チェックされたチェックボックスを取得
$( "input:checkbox:checked" ) 

// チェックボックスを全てチェックする
$( "input:checkbox" ).attr( { checked: "checked" } );
// チェックボックスのチェックを全て外す
$( "input:checkbox" ).attr( { checked: "" } );

//チェックされたチェックボックスの値のリスト
$( "input:checked" ).map( function() {
  return $(this).val();
}).get().join(",");

◆mapとeachの違いは？

jQueryは常に配列を扱う感覚。
配列を一括で操作する場合は、ピリオド（.）で関数をつなげればOK。
配列内の要素について、一つ一つ操作する場合は「each」か「map」を使う。

両方とも、配列内の各要素をループする感じ。
違いを自分の解釈で言えば、

each：元の配列を操作する。
map：元の配列を操作して、新しい配列を返す。

上の例で言えば、最初に出来る配列にはcheckbox要素そのものが入ってます。なのでmapを使って、各チェックボックスの値を返すことで、値の配列が出来るわけですね。

面白いことに、returnの挙動も違います。

eachの場合、return falseでループが終了。
mapの場合、何もreturnしないと配列に入らない。

◆formとfunctionの名前が同じ

関数が見つからない、といって怒られました。

<script language="javascript" type="text/javascript">
function do_this() {
    $( ".do_this" ).val();
}
</script> 
<form name="do_this" action="do_this.php" method="post">
...

FireFox 3、Chrome 4で確認。

Drupalで多言語サイトの構築メモ

2010-05-19T13:14:00.003+09:00

このページを見てリンクを辿れば、今回のエントリーはいらなかったかも。
http://www.drupal-module.info/mod/i18n

◆ダウンロード＆インストール

まずは日本語版ディストリビューションがあるので、そちらをダウンロード。
http://drupal.jp/

インストール手順は、とても簡単に

ダウンロードしたファイルを解凍
アパッチのドキュメントルートのどこかに移動。
（たとえばhttp://localhost/drupal/とか）
MySQLでDrupal用のDBを切っておく
（drupalとか）
おもむろに移動したDrupalのURLを叩く。
するとインストール画面が表示される。
今回は英語を標準として使うので、英語版でインストール。

◆次に多言語化

こちらにサイト構築手順があります。

http://drupal.org/node/275705

ので、下記のメモはほとんど訳したようなものです。

まず多言語化モジュールをダウンロード。
http://drupal.org/project/i18n
解凍して「INSTALL.txt」に書いてあるとおりにインストール。といっても解凍したi18nフォルダーを「sites/all/modules/i18n」に移動するだけ。
管理者メニューの「Administrator/Site Building/Modules」でDrupalを多言語化します。次のモジュールにチェック。
・Locale
・Content Translation
で、「Save Configuration」ボタンをクリックすると、国際化モジュールを使えるようになります。
国際化モジュール（Multilanguage）の全てのモジュールにチェックを入れて「Save Configuration」をクリック。
管理者メニューの「Administrator/Languages」から日本語言語をインストールします。「Add language」をクリック。Language name:でJapaneseを選んで「Add language」ボタンで一発インストール。
うわ～まだたくさんあるよ。
後はDrupalサイトの多言語化のページを見てください。

◆メニューの構築

ひとつメニューの入れ物を作って、そこにメニューアイテムを追加してゆく。で、各言語のアイテムを複数入れる。たとえばHome （英語）とホーム（日本語）を二つ作って、それぞれに言語を指定する。

◆多言語化、一応できた。

最初に入れたとき、日本語をデフォルトにしたからなのか、マニュアル通りになってなかったからか、言語ネゴシエーションが駄目だった（日本語と英語が区別つかない）。が、今回は問題なし。マニュアルをよく読め、という話か。

記事やブログを投稿すると、言語選択が分かりやすく表示されている。

日本語でブログを登録、
内容を確認すると･･･ブログ記事ないよ、といわれた。
おや？
お、言語に日本語を選択したら出てきた。

メニューもそうだけど、複数の言語毎のサイトを作って、ひとつのサイトのように表示する、と考えればよさそうだ。

後は、もう少し軽いといいのだけどな。

遅まきながらの･･･PHPUnit

2010-05-18T16:38:00.005+09:00

前からやろうと思いつつ、後回しにしていたユニットテスト。
遅まきながら手を動かすことにしました。

◆PHPUnit

これからはアジャイルですよ、テスト駆動型ですよ、と思いつつも後回しにしていたユニットテスト。今後、長く使っていたライブラリのリファクタリングが出てきそうなので、PHPUnitを導入。

似たようなのにSimpleTestというのも見つけた。
どうも機能としては、こちらのほうがいいらしい。

が、ウェブサイトをちょっと見て、最新版が2年前リリースされたまま。微妙にサポートを心配したり、やはり有名どころを使うのがよいだろう、と判断して無難にPHPUnitを使うことにした。

◆インストール

Pear経由でインストールするとのこと。
そういえば開発環境のPearは何年もアップデートしていない。
しかもVista上にXamppを使って環境作ったためか、いきなりCLI版が動かない。
対応方法はphp.iniのphp_mysqli.dllをコメントアウト。

ついでにVistaのコンピュータ→プロパティ（あるいはコントロールパネルのシステム）→システムの詳細設定→環境設定→システム環境変数の「Path」にPHP.exeのあるフォルダーを追加。

いよいよPearのフォルダ（\xampp\PHP）で作業。
確か、以下のコマンドを打ち込んだら動いた。

pear channel-discover pear.phpunit.de
pear channel-discover pear.symfony-project.com
pear upgrade --force PEAR
pear install phpunit/PHPUnit

ここまでで半日以上使ってる。

◆ユニットテスト

早速コードを書いてみた。カートクラスをテストしてみよう。

require_once( "PHPUnit/Framework.php" );
class CartTest extends PHPUnit_Framework_TestCase
{
    private $cart;
    public function setUp()
    {
        $this->cart = new svCart();
    }
    function testAdd() {
        $this->cart->add( '100', 1 );
        $cart = $this->cart->get_list();
        $this->assertEquals( $cart[0]['pid'], '100' );
        $this->assertEquals( $cart[0]['num'], 1 );
    }
}

「testCart.php」とかいう名前で保存して動かしたら･･･動いた。
そりゃそうだ。

が、いちいちコマンドを叩くなんて、非常に原始的だ。
もうシェルなんか、ましてはcmdなんて、コピペすら出来ない。
ので、簡単にウェブから走るようにした。

if( preg_match( '/[-_a-zA-Z0-9]+/', $_REQUEST[ 'test' ] ) ) {
    $test = $_REQUEST[ 'test' ];
    $msg  = do_unittest( $test, $result );
}

function do_unittest( $test, &$result )
{
    $cwd     = dirname( __FILE__ );
    $command = "PHPUnit {$cwd}/{$test}.php";
    $results = my_exec( $command );
    
    $result = $results[ 'stderr' ];
    return $results[ 'stdout' ];
}

function my_exec( $cmd, $input='' )
{
    $proc = proc_open( 
        $cmd, 
        array( 
            0 => array('pipe', 'r'), 
            1 => array('pipe', 'w'), 
            2 => array('pipe', 'w')
        ), 
        $pipes
    );
    fwrite( $pipes[0], $input );                fclose( $pipes[0] );
    $stdout = stream_get_contents( $pipes[1] ); fclose( $pipes[1] );
    $stderr = stream_get_contents( $pipes[2] ); fclose( $pipes[2] );
    $rtn    = proc_close( $proc );
    return array(
        'stdout' => $stdout,
        'stderr' => $stderr,
        'return' => $rtn
    );
}

この「my_exec」というのはPHP.netのsystemに書いてあるコード。
PHPUnitはメッセージをstdoutとstderrの両方に書き込むので、必要になった。後は「test.php?test=testCart」とか叩くようにするとテスト結果が出る。

【追記：あ～セキュリティホール見つけた！】

Joomlaのセクション/カテゴリとMenuについて

2010-05-14T15:35:00.004+09:00

Joomla!で迷ったこととしてセクション･カテゴリがあります。
ちょっと思ったことがあるので、書いて見ます。

◆Joomlaで最初の作業は･･･記事の投稿。

管理者メニューのコンテンツ→記事管理から「新規」ボタンを押すと、記事の新規登録画面になります。

「Hello Joomla!」とか書いて保存しようとすると「セクションとカテゴリを指定してください」とか何とか文句言われました。未分類を選択できますが、まずはセクションとカテゴリを作ってみました。作ること自体は簡単ですから。

でも、どういう構造がいいのだろう？

そもそもセクション･カテゴリって何だ？

◆メニュー構造からセクション･カテゴリを決めてみた

ウェブサイトを作る際、大体のメニューは想像がつく（はず）。
たとえば会社のサイトなら、会社情報・所在地・製品情報・サポート、などのメニューが並ぶと思う。そこで、メニュー構造からセクションを作ってみたのだけど･･･

実際にメニューを作ってから気がついたが、

メニューと同じにする必要はないみたい。

◆Joomla!のメニューの作り方

たとえば「所在地」というメニューを作ってみる。所在地や地図のあるページ（記事）を作っておいて、所在地のメニューでクリックで、そのページを表示したい。

管理者メニューのメニュー→メインメニューを選び、「新規」ボタンでメニューアイテム（メニューの中身）を追加する。

すると、メニューアイテムタイプを選択しろといわれる。
この中の「記事」をクリックすると、更に色々な選択肢が出現する。

所在地ページを選ぶには「スタンダード記事レイアウト」を選択する。
するとメニューアイテム（タイトル、メニューの構造などを設定）と一緒に記事を選択できる。セクションやカテゴリ関係なく、どの記事でも選択できるのがポイント。

今度はブログをメニューに追加したい場合、あるいは製品の紹介をブログのように追加して、メニューから見せたい場合、メニューアイテムタイプに「Blogカテゴリレイアウト」を選ぶとブログのような表現になる。

Joomla!のメニューはかなり自由度が高くて、セクション･カテゴリとはまったく関係なく構築が出来るのがわかった。

◆セクション･カテゴリは編集者の勝手に合わせてOK

なので、メニュー構造に一致させるよりも、たとえば

静的コンテンツ
動的コンテンツ

ぐらいのセクションのほうが分かりやすいと思った。

で、カテゴリで、静的コンテンツには「会社情報」ぐらいにして会社情報や所在地をぶち込んでおく。動的コンテンツには後から追加されるタイプ、たとえば「ブログ」や「商品情報」などを作る。

複数の編集者がいるなら、それこそセクションを編集者の名前にしてもかまわないかもしれない。

そういう意味では、Joomla!のセクション･カテゴリって、記事を見つけやすくするためにある、と考えてもいいのじゃないだろうか。ひとつのカテゴリに記事が多すぎても少なすぎても管理しづらいので、適度な分類を考えるのがよいのでしょう。この「適度」というのがむつかしいのですけど。

Joom!Fishで多言語の管理について

2010-05-13T14:23:00.002+09:00

前回は、Joomla!にJoom!Fishを導入してウェブサイトを多言語化しました。

が、ひとつ不満だったのが、どの記事が翻訳されたのか分からなかったことでしたが、素晴らしい管理者画面が用意されてました。

◆Joom!Fishの管理

管理者メニューのコンポーネント→Joom!Fish→翻訳、にありました。
アクセスすると空っぽのテーブルが出てくるだけ。
何のことやら？と思ってましたが、

言語を選ぶ　：English
選んで下さい：Contents

とすると、記事の一覧が出現。
どの記事が翻訳済みか、元の記事に修正が入ったか、一目で管理できるようになってました。素晴らしい。

選んで下さい：Menus、

を選択すると、今度はメニューの一覧が出現。
日本語のメニューを英語にして翻訳、（状態を有効に変更）するとメニューが英語になりました。

素晴らしい。

◆その他の機能

言語構成からは、ウェブサイト全体で使うメッセージなどを翻訳できます。本番環境では必須でしょう。

統計も面白そうな数字が表示されます。
その他、Joom!Fishのコントロールパネルを見ると、様々な機能がありますね。
一体何に使うのか、よく分からないのも多いです。

ともあれ、素晴らしい。

Joomla 多言語のインストールのメモ

2010-05-12T15:37:00.005+09:00

メモメモ。

◆Joomla 1.15をインストール

日本語版Joomlaをダウンロード→解凍して、Apacheのドキュメントルートにコピー。
前もってJoomla用のDBを切っておく。
おもむろにJoomlaのフォルダーにアクセス（http://localhost/joomlaとか）。
するとインストールプロセスが自動的に開始される。
ほぼ「Yes」ばかり押してておくとインストール完了。

◆多言語化（Joom!Fish2.0.4インストール）

Joom!Fishをダウンロード。ZIPファイルのままでOK。
ついでにJoomFishJapaneseLanguage_2.0.3.zipもダウンロード。
管理者メニューのエクステンション→インストール/アンインストールをクリック。
パッケージファイルのアップロードで、Joom!Fishのジップファイルを参照してから「アップロードファイル＆インストール」ボタンを押す。で、インストール完了。ちょっと感動した。
同じくJoomFishJapaneseLanguage_2.0.3もインストール。これでJoom!Fishメニューも日本語になった。
管理者メニューのコンポーネント→Joom!Fish→言語をクリック。
日本語（Japanese(JP)）の「能動されてます」にチェックを入れて、
上にある「保存」ボタンをクリック。「能動」って（有効のことだよね）。
これで日本語と英語の多言語化が完了。

◆まずは日本語のコンテンツを作成

管理者メニューのコンテンツ→記事管理をクリック。
上にある「新規」ボタンを押して、記事の新規登録を始める。
多分、日本語ページ（つまりデフォルト言語）で最初に登録が必須と思われる。
最初はフロントページ（ウェブサイトの最初に表示されるページ）を作成。
タイトル、エイリアス、セクション、本文、を入力。
タイトルには「トップページ」と入力したとする。
「フロントページ」のラジオボタンがあるので「はい」を選択する。これで、ウェブサイトのフロントページになる、っぽい。複数のページをフロントページに選択できるのは謎。（コンテンツメニューにフロントページ管理に出現する）。
最後に「保存」ボタンで記事の作成完了。これで日本語の記事が作成される。
サイトにアクセスして、記事が表示されること＆日本と英語の言語選択が上に表示されることを確認。

◆次に記事を翻訳して作成

次は英語コンテンツの作成。
管理者メニューのコンテンツ→記事管理をクリック。
すると、作成した記事の一覧が表示される。
「トップページ」のチェックボックスにチェックを入れて、
上部にある「Translate To:」でEnglishを選択。
すると「Joom!Fish::通訳」という別ウィンドウが開く。
これは翻訳の間違いですな。
元記事のデータとともに翻訳する箇所が表示されるので、
ラベル、アライアス、本文、を入力して「保存」ボタンを押す。
これで多言語コンテンツの作成が完了。
サイトにアクセスして、英語を選択すると英語版が表示されるはず。

結構簡単に複数言語のページを作成できる。

選択した言語（たとえば英語）のページがない場合は、デフォルトの言語から表示されるのはGood。また「There are no translations available.」と表示されて、選択された言語でないことが分かる。

思ったのは、どのページが翻訳済みか管理者画面から確認しにくい。言語が二つぐらいならいいが、４つとか増えたら管理できない気がする。
【追記：記事やメニューの翻訳一覧機能を見つけました。素晴らしい（2010/05/13）】

ひとまず、こんなところで。

CMSを試してみる

2010-05-10T17:33:00.007+09:00

出世払いでウェブサイトの構築をすることになった。
簡単にページの更新ができて、そして複数言語（日本語、英語、それから色々）サポートが必要ということで、CMSを使ってみることにした。

◆家のローカルPCにはWordPressがインストールされていて、ちょっとしたリンクを管理している。さすが有名なBlog用CMSのことはあって、ウェブサイト構築にも使える。多言語化はqTranslateというプラグインを使えば可能らしい。

が、実際に個人で使っていて、WYSIWYGエディタや管理者画面に不満があった。また、ブログとページとに分かれているのは分かりやすいと思うけど、ページ内にブログの一部を表示とか出来ない（みたい？）だし。ちょっと複雑なこと言われたら、対応できない気がする。

◆一度だけDRUPALをインストールしたことがあったけど、管理者画面を一目見て、使うのをあきらめた。むつかしすぎます。ホワイトハウスのウェブサイトにも使われている高機能＆オープンソースということだけど、もう少し簡単そうなものを物色することにした。

【追記：2010/05/11】
もう一度試してみた（Ver.6.16）ところ、随分と管理者画面がすっきりしていてびっくり。記憶違いなのか、バージョンアップで改善されたのかは分からないけど、使いやすそうでした。

◆eZ Publishは試してみたいのだけど、一社が開発しているらしいので後回し。

◆そして、Joomla!。

ぱっと使った感じはよさそう。
管理者画面も、すっきりしていて好き。
プラグインやテンプレートのインストールする際、ZIPファイルごと読み込んでインストールできるのに感動した。そして安定してそうな雰囲気がある。

テンプレートにはBeezを選択してみたら、レイアウトDIVのIDの解説ページがあった。

しかし･･･セクションにカテゴリ、複数メニューにメニューアイテムが入り乱れて、最初は混乱した。というか、まだよく分からない。おそらく最初の2つが記事についてであり、後者はメニューに関すること、らしい。

管理者の「コンテンツ」にて、
セクションとカテゴリを設定する。
記事を投稿する際にはセクション･カテゴリを指定する。
管理者の「メニュー」にて、
メニューアイテム（まぁページのこと）を作成する。
その際、どのセクション･カテゴリの記事を表示するかを指定。
で、メニューは複数のメニューアイテムをまとめたもので、
さらに複数のメニューを作成可能。
管理者の「エクステンション」のモジュール管理にて、
各メニューの表示場所などを指定している。

分かりにくいかも。
でも、一度理解できれば、便利＆かなり使いでがありそう。

Simple@Idx 2010/04/24

2010-04-24T17:50:00.013+09:00

Simple勉強会＠中山にて。
今日は何をしようか…
ひたすらPHPのコーディングをすることにした。

◆ページ・コントローラー作ってみた

今までMVCといったパターンを避けてきましたが、少し作ってみることに。
あるプロジェクトで、ちょっと複雑なことをしたら、コードが汚くなってしまった。IF文が続いて、追加・修正が面倒な感じ。そこで、ページコントローラー（Page Controller）なるパターンのクラスを作ってみた。

ちょこっと60行程度のクラス。
連続するIF文の代わりに関数で区切って、コントローラーに関数と条件を登録。
たとえばこんな感じ。

$mc = new pageMC();
$mc->setFunc( 'search_data', 'act',   'search' );

URIに「act」という変数に「search」が入っていると「search_data」という関数を走らせます。

次々と関数と条件を設定してあげると、比較的簡単に移植はできた。

すべての関数で共通して使うオブジェクトの渡し方とか、メッセージ表示方法など、使い方を取り決めておかないと問題が起きそう。

その代わり、一度作ってしまえば、新しい関数を追加するのは簡単になりそうだ。

◆データアクセスの制限

たとえば会員専用のデータがあったとして、
DBのレコードに会員IDを記録させるとして、
他の会員のデータの読み書きを制限したい。

それをDAO（Database Access Object）のレベルで自動的？に制限するルーチンを書いてみた。
コードとしては20行程度のメソード二つ追加して、5箇所ぐらいの修正でできた。こんなに簡単にできると、かえって心配になる。

本当に便利になるのかどうか、バグとかは使い込まないと分からないかも。

PHP：エラー処理いろいろ

2010-04-01T19:51:00.024+09:00

例外について書いていて、本当に楽になるのかエラー処理を何通りか書いてみたくなりました。元ネタはこちらのページで、コードをそれっぽく写したものです。

◆コード＃１：エラー処理なし

まずはエラー処理無しの場合。
なんてシンプルなんでしょう。これで納品できれば天国のような（後で地獄になるような）世界ですね。

$conn = DB::connect( 'test', 'test' );
$stmt = DB::parse( $conn, 'sql statement' );
DB::execute( $stmt );
$num  = DB::num_row();
for( $i = 0; $i < $num; $i ++ ) {
  DB::fetchRow($i);
}

◆コード＃２：if文でネストしたエラー処理

ここに適当にエラー処理を書加えてみます。
これはif文をネスとして処理を行ってます。こんな単純な処理にもかかわらず、ネストが4重（3重か？）になってます。これで処理が20行とか続いたらバグ発生率が高くなりそう。

$conn = DB::connect( 'test', 'test' );
if( $conn === FALSE ) {
  $error_msg = "DBにつながりません";
}
else {
  $stmt = DB::parse( $conn, 'sql statement' );
  if( $stmt === FALSE ) {
    $error_msg = "SQLが理解できません";
  }
  else {
    DB::execute( $stmt );
    $num  = DB::num_row();
    if( !$num ) {
      $error_msg = "データが存在しません";
    }
    else {
      for( $i = 0; $i < $num; $i ++ ) {
        DB::fetchRow($i);
        // 何か処理しよう
      }
    }
  }
}

◆コード＃３：連続したif文のエラー処理

深いネストは嫌いなので、出来るだけネストしないよう、elseで続けてみます。が、一箇所大変なことになってます。こんなコード書いたら･･･

if( !$conn = DB::connect( 'test', 'test' ) ) {
  $error_msg = "DBにつながりません";
}
else 
if( !$stmt = DB::parse( $conn, 'sql statement' ) ) {
  $error_msg = "SQLが理解できません";
}
else 
if( DB::execute( $stmt ) || TRUE ) {
  // こんなコード書いたら仕事失うかも･･･
}
else 
if( !$num  = DB::num_row() ) {
  $error_msg = "データが存在しません";
}
else {
  for( $i = 0; $i < $num; $i ++ ) {
    DB::fetchRow($i);
    // 何か処理しよう
  }
}

こう書き直してみようかな。
それでも、何となく気に入らないなぁ。
DB::executeの戻り値が分からないので、怪しいコードです。

else 
if( DB::execute( $stmt ) &&
    !$num  = DB::num_row() ) {
  $error_msg = "データが存在しません";
}

◆コード＃４：例外を使ったエラー処理

では例外をメッセンジャーみたいに使ってみた例です。
こういう使い方をしていいのかどうか、実はよく知らないのですが、まぁ、これはこれで動きます。メンテもやりやすそうです。例外投げると遅くなるらしいですが、めったに投げるエラーではなさそうなのでOKではないでしょうか？

class AppException extends Exception {}
try {
  if( !$conn = DB::connect( 'test', 'test' ) ) {
    throw new AppException( 'DBにつながりません' );
  }
  if( !$stmt = DB::parse( $conn, 'sql statement' ) ) {
    throw new AppException( 'SQLが理解できません' );
  }
  DB::execute( $stmt );
  if( ! $num  = DB::num_row() ) {
    throw new AppException( 'データが存在しません' );
  }
  for( $i = 0; $i < $num; $i ++ ) {
    DB::fetchRow($i);
    // 何か処理しよう
  }
}
catch( AppException $e ) {
  $error_msg = $e->getMessage();
}

◆コード＃４b：DBが例外を投げる場合のエラー処理

最後に、この「DB」なるクラスが例外を投げる場合。
かつ、DBが例外投げたら外でキャッチしてOKな場合です。
もうちょっとシンプルになりますね。

class AppException extends Exception {}
try {
  $conn = DB::connect( 'test', 'test' );
  $stmt = DB::parse( $conn, 'sql statement' );
  DB::execute( $stmt );
  if( ! $num  = DB::num_row() ) {
    throw new AppException( 'データが存在しません' );
  }
  for( $i = 0; $i < $num; $i ++ ) {
    DB::fetchRow($i);
    // 何か処理しよう
  }
}
catch( AppException $e ) {
  $error_msg = $e->getMessage();
}
catch( Exception $e ) {
  $error_msg = "申し訳ありませんッ！";
}

◆まとめ･･･のようなもの

例外を使ってエラーメッセージを処理すると楽になるかどうかですが、
後から条件を追加するのが楽だった気がします。何しろエラーと一緒にメッセージも飛ばせるので、余りコードを追いかけることなく変更できると思います。

PHP：例外をメッセンジャーとして使ってみる

2010-03-30T17:24:00.008+09:00

プログラミングで一番重要で面倒でつまらないのがエラー処理で、
少しでも楽にならないかと、例外を使うことにしたわけですが･･･

エラー処理の中でも、一番面倒でつまらないエラーメッセージの扱いが楽にならないか例外使ってみました。って、簡単な話で、例外中にエラーメッセージ入れて飛ばします。

class AppException extends Exception {}
try {
  try {
    ABC::do_something();
  } 
  catch( NotBadAbcException $e ) {
    throw new AppException( 'ちょっと変だよ' ); 
  }
  if( !ABC::count_something() ) {
    throw new AppException( '何もないよ' ); 
  }
}
catch( AppException $e ) {
  $error_msg = $e->getMessage(); 
}
catch( Exception $e ) {
  $error_msg = '申し訳ございませんッ！'; 
}

AppExceptionというは、エラーメッセージを運ぶための例外です。
下流のライブラリで例外をキャッチしたら、適当なエラーメッセージをAppExceptionに入れて飛ばします。その他、どんな条件でも問題があればAppExceptionを投げます。

で、AppException以外の例外は極めて深刻なエラーでしょうから、ひたすら謝るとかするわけです。実際は、もう少し細かく対応すると思いますが、こんな使い方です。

ようするにgoto文のような使い方ですね。
でもメッセージを内包できるのが少し楽。

これで実際に開発してみたのですが、ほんのちょっとコードが見やすくなったと思います。またエラーが起きた場所でエラーメッセージを書くので、的確なメッセージを考えやすいのもいいです。

PHP：例外の投げ方を考えてみる

2010-03-29T20:22:00.020+09:00

長い間悩んでいたが、PHPの例外を使うことを決心しました。
ただしキャッチの話じゃなくてthrowの方です。例外を投げるライブラリを使うと、catchしないといけません。ずっと「勝手に例外を放り投げるなよ」と思ってたのは秘密です。

◆そうじゃなくて、自作ライブラリで例外を投げることにしました。

こうなると、今後全てのコードで例外対応する必要があるわけですね。
大変だ。

さて、例外を使うと決めたのはいいのですが、いざ投げようとすると疑問が。
何を投げればいいんだ？
メッセージはどうする？
下の方のライブラリのエラーメッセージなんか表示してもねぇ･･･

◆で、調べたところ、例外はネストして使うと便利なようです。

たとえば「ABC」なるライブラリがあったとして、このライブラリが投げる例外をこうやって定義します。

class AbcException extends Exception {};
class NotBadAbcException extends AbcException {};
class WrongAbcException extends AbcException {};

こう書くと、どういうメリットがあるのでしょう？
こんなcatchの仕方が出来ます。

try {
  abc::do_something_wrong();
}
catch( NotBadAbcException $e ) {
  //  何かエラー処理
}
catch( AbcException $e ) {
  // その他のエラー処理 
}
catch( Exception $e ) {
  // わけの分からないエラー処理 
}

つまり例外のクラスを見るだけ何が起きたかが分かります。
つまりメッセージは読まなくてもいいのです。多分。
さらにライブラリの例外をまとめてキャッチしたりと、様々なケースにも対応可能。
エラーコード？そんなもの知らん。

またエラーの種類が分かるので、キャッチした側でメッセージを作ってしまえば、大体大丈夫みたいです。今のところ。

続き：「PHP：例外をメッセンジャーとして使ってみる」

Simple@Idx 2010/03/13

2010-03-13T16:39:00.002+09:00

前回から3週間と短い間隔でSimple。
う、何しよう？
面倒なので、思いっきり仕事することに決定。

◆HTMLデザイン＆スクレイピング

お得意様のウェブサイトはこつこつと10年かけて作り上げたもので、全部で1000ページ以上あります。これのリニューアルをしたいと、長いこと話をしてたのですが、さすがに手間とお金を考えて二の足を踏んでました。

で、この間ですが意を決して、リニューアルすることにしました。
方法は、PHPを使ってスクレイピングを利用すること。
まず、.htaccessファイルを使って、すべてのHTMLファイルをPHPファイルとして認識させ、つぎにHTMLファイルについて、あるPHPファイルを読み込みます。

AddType application/x-httpd-php .html .php
<Files ~ "\.html">
php_value auto_prepend_file '/usr/.../scrape.php'
</Files>

この、「scrape.php」でHTMLファイルを読み込んで、Bodyタグに囲まれた部分だけを抽出して、前後にメニューとフッターを出力して出来上がりです。

やってみたら数時間でひとまず完成。
まぁ本番環境でどうなるかはわかりませんが、開発環境では意外と簡単に動きました。

ついでにHTMLのデザインも。

◆開発環境でVirtualHostを使ってみる

HTMLをデザインしていて、DocumentRootが違うと面倒なことが多い。VirtualHostを設定してみたところ、
「client denied by server configuration:」とか吐いたままストップ。

ひとまず、Aliasだけ設定して作業を進めてたが、いよいよデザインの段階でにっちもさっちも行かず、調べてみた。らすぐに原因がわかった。
http://blog.plastik.jp/archives/24

Simple@Idx 2010/02/27

2010-02-27T13:48:00.018+09:00

今日は勉強内容を決めずに出発。
何しようかなぁ…

◆AMQP

最初に会話に出たのがAMQP (Advanced Message Queing Protocol)。
何ですか、それ？

スケールアウトしてすさまじい量の処理を行えるらしい。自分の仕事に使うことはなさそうだなぁ。と、ちょっと調べて、すぐギブアップ。

でも、今バッチ処理で対応していることをメッセージキューを利用すると簡単にできそうだ。ただ、わざわざAMQPを使うほどの量ではないと思う。ので、自作で簡単なキューを作ったほうが早くてメンテナンスも楽なきがする。

PHPでも簡単にできるみたい。ただ、ずっとPHPをCLIでまわすのもいやだし、CRONだとタイミングが会わないかもしれない。とすると、親プロセスからthread使って子プロセス走らせて、サブスクリプト側を処理して…、みたいな実装がいいのだろうか？

◆HTML5

微妙に気になってきたHTML5。何が変わるのだろうか？

・フォーム要素

サンプルでHTML5のフォーム要素をいくつか作ってみた。
使いやすいフォームが簡単に作れそう。これは、素直に便利になりそう。

・HTML5のローカルデータベース機能

ローカル（つまりブラウザー側）にデータベースを作成して、データを保存できるようになるそうだ。これができると…オフラインで動くウェブアプリケーションができる。すごい。そういえばGoogleが昔からやろうとしてたことだっけ…

ただ、今のお客様で必要なケースが思いつかない…
どこでどう利用しようか考えてしまう。

と、考えていたらアイディアがひとつ浮かんだ。
フォームに入力をしていて、間違ってウィンドウを閉じた場合の処理。フォームの内容をローカルDBに保存しておいて、次にあけたときはローカルDBから中身を読み出す。
そんなサンプルを作ってみました。

Synergyに感動した･･･

2010-02-16T18:32:00.005+09:00

世の中バンクーバーで盛り上がってるみたいですが、
私は、Synergyというソフトで一人で盛り上がりました。

「オープンソースソフトウェアで強化するWindowsデスクトップ」というページで見つけてインストールしてみた。インストールして立ち上げて、一瞬、設定が分からなかったけど、5分ぐらいで動いた。

おぉ、カーソルがPCの間を行き来する。すげぇ。
もうKVMとかいらない。いや、モニターはつけてないと動かないか･･･

設定方法の和訳があったけど、微妙に違ってたので訂正してみた。
なお、Windows Vistaの場合のみなので。

SynergyInstallerをダウンロードしてインストール。
サーバー側とクライアント側の両方のPCにインストールします。
サーバー側でSynergyをスタートして設定する。

「Share this computer's keyboard and mouse (server)」のラジオボタンにチェックを入れて、「Configure」ボタンを押す。すると「Screens & Links」という設定画面がポップアップ。
「Screens:」の下がPCの一覧。要するに「コンピューター名」のこと。
「＋」ボタンを押して、Screen Nameにサーバーのコンピューター名を入力。
もう一個、クライアントのコンピューター名も入力。
この時点で、Screens:の下に2台のPCの名前がリストされます。
次は「Links:」でスクリーンのつながりを設定します。
たとえば、「.... [right] of [server PC] goes to ... [client PC]」みたく設定してみました。もひとつ、「.... [left] of [client PC] goes to ... [server PC]」とすると、両方向で行き来できます。
以上、設定が終わったら「OK」ボタンでOk。

クライアント側でSynergyをスタートして設定する。
- 「Use another computer's shared keyboard and mouse (client)」のラジオボタンにチェックを入れて、「Other Computer's Host Name:」にサーバーとなるコンピューター名を入力。
- 以上で設定は終了。
サーバーとクライアント、それぞれ「Start」ボタンを押して完了。

一瞬戸惑ったのはScreensがコンピューター名のこと、という点。
そしてLinksで双方向（要するにマウスの行き先を2箇所）設定すること。
それさえ分かれば、後は適当に設定してたら動いた。

メモ：アパッチのログ解析

2010-02-09T14:40:00.001+09:00

ふとアパッチのログ解析について調べてみた。

◆ApacheLogViewer
今まで使っていたWindowsのソフト。
結構使いやすいのだけど、ログのサイズが増えると重い･遅い･メモリ食いすぎる。
バージョンも古く2004年に出たのが最後っぽい。なのでOS/ブラウザーなどの判別が出来てない。ということはBotも弾けてないのじゃないか？

◆Visitors
http://www.hping.org/visitors/index_jp.php
なんだかすごく早くて、すごい感じのソフト。が、Windows用のバイナリが有料･･･
別のを探すか･･･

◆AWFFull
http://www.stedee.id.au/awffull
これもコンパイルが必要と･･･

ここにいたって、PHP自作でログをDBにぶち込んで、
という考えが頭に浮かびました。

◆Apache Log Analyzer 2 Feed
http://code.simonecarletti.com/projects/apachelog2feed/wiki
すごそうなPHPクラス。RSSフィードとして解析結果を報告するそうな。ダウンロードできないのですが、どうなってるのでしょう？
そのクラスを使ったPHPのサンプルコード。確かに簡単に解析できそう。
http://memo.mashmesh.net/?%28PHP%29Apache%A5%ED%A5%B0%A4%CE%B2%F2%C0%CF

◆「アクセスログ解析スクリプトの作り方」
http://www.geekpage.jp/web/access-log/
そのものずばりな、作り方指南。

◆「Parsing Apache access log files using PHP」
http://www.php-scripts.com/php_diary/012103.php3
もうひとつ、PHPでのログのパーシングの仕方。ただし英語のみ。

なんだか、もう自作した気分･･･

クラス設計は難しい

2010-02-02T18:44:00.001+09:00

この一年近く、ライブラリを全面的に書き直している。
PHP5も出て随分経つし、早く移行したかったのだけど、なかなか機会がなくって。つい後回しにしてたのです。

で、色々なライブラリ、つまりクラスを書いてるのだけど、
やはりクラス設計は難しいなぁ、と。

汎用クラスを書いているのに、プロジェクト専用の値の入ったメソードを書いてたりする。作っていて、まずいというのはわかっていても、どうすればよいのか先が見えないので、ひとまず動くものを書いてしまう。

で、後で、新しいプロジェクトを始めると、
そのたびに書き直したり、別のクラスで継承して修正したりするのだけど。
クラス名が変わったりして、面倒だったりする。

その点JavaScriptやRubyは後からメソードを追加したりオーバーライトできる（よね？）のがうらやましい。PHPもこうなればいいのにね。

Simple@Idx 2010/01/23

2010-01-23T16:28:00.005+09:00

2010年、最初のSimple。
お題目は「俺々ツールの拡張」。
ツールの名前はfmDB3。面白くない名前だ。何をするかというと、DBの登録・修正・削除を簡単に行うツール。なんというかRailsみたいな感じだろうか。

で、その俺々ツールで、

ワードで仕様書作成、
エクセルで設定、
必要なPHPコードを生成、
ファイルに生成、

を行うというのが目標。
現状、1～3まで一応できていたので、今日は4のステップ。

で、できました。
まずは3.で使ったクラスを拡張。
そして中身を適当なファイル名に出力すればOK。

と書くと簡単だけれども、微妙な修正が多くて一日かかった。

コードについて書くこともないので、
俺々ツールを作っていて思うことをいくつか。
過去の失敗などから、以下の点について注意しています。

設定は簡単に
出力は簡潔かつ訂正が確認しやすい
ライブラリの進化に追いつける修正の簡単なツール

以上。

PHP::いろんな日付のフォーマットを統一するクラス

2010-01-21T12:41:00.008+09:00

知り合いがTwitterでつぶやいたので、PHPでさくっと作ってみた。
いろんな日付＋時間の入力を統一するクラスです。

◆使い方：

echo my_datetime::parse_datetime( 'Wed, 21 Jan 2010 11:41:25 +0000' );

◆出力：

2010-01-27 11:41:25

◆コード：

class my_datetime {
 /* ------------------------------------------------------------ */
 function parse_datetime( $str )
 {
  $date = self::std_date( $str, $e_part );
  $time = self::std_time( $str );
  
  return trim( "$date $time" );
 }
 /* ------------------------------------------------------------ */
 function std_time( $time )
 {
  if( preg_match( '/([0-9]{1,2})[:]([0-9]{1,2})[:]([0-9]{1,2})/', $time, $regs ) ) {
   list( $h, $m, $s ) = array( $regs[1], $regs[2], $regs[3] );
   $t_part = sprintf( "%4d:%02d:%02d", $h, $m, $s );
  }
  else 
  if( preg_match( '/([0-9]{1,2})時([0-9]{1,2})分([0-9]{1,2})秒/', $time, $regs ) ) {
   list( $h, $m, $s ) = array( $regs[1], $regs[2], $regs[3] );
   $t_part = sprintf( "%4d:%02d:%02d", $h, $m, $s );
  }
  return $t_part;
 }
 /* ------------------------------------------------------------ */
 function std_date( $date, &$e_part )
 {
  if( preg_match( '/([0-9]{4})[-.\/]([0-9]{1,2})[-.\/]([0-9]{1,2})(.*)/', $date, $regs ) ) {
   list( $year, $month, $day ) = array( $regs[1], $regs[2], $regs[3] );
   $d_part = sprintf( "%4d-%02d-%02d", $year, $month, $day );
   $e_part = $regs[4];
  }
  else 
  if( preg_match( '/([0-9]{4})年([0-9]{1,2})月([0-9]{1,2})日(.*)/', $date, $regs ) ) {
   $e_part = NULL;
   list( $year, $month, $day ) = array( $regs[1], $regs[2], $regs[3] );
   $d_part = sprintf( "%4d-%02d-%02d", $year, $month, $day );
   $e_part = $regs[4];
  }
  else 
  if( ereg( '([0-9]{4})([012][0-9])([012][0-9])(.*)', $date, $regs ) ) {
   list( $year, $month, $day ) = array( $regs[1], $regs[2], $regs[3] );
   $d_part = sprintf( "%4d-%02d-%02d", $year, $month, $day );
   $e_part = $regs[4];
  }
  else 
  if( ( $utime = strtotime( $date ) ) !== FALSE ) {
   $d_part = date( 'Y-m-d', $utime );
  }
  return $d_part;
 }
}

すでに似たようなクラスを持ってたので、ちょっと手を加えてみました。
と、ひとまず、こんな感じでどうでしょう？

新サイトアップとメール設定完了

2010-01-21T09:52:00.004+09:00

ふぅ、新サイトのアップが完了しました。
トップページだけ、jQueryを使って簡単な動きを出しました。まったくの静的ページじゃ面白くないし、凝ると大変だし。結局、画像の透過率（Opacity）の変化だけになりました。余り意味のある動きではないのですが、まぁいいでしょう。

◆「DNSの変更を申請してから、設定を行うのに中3日程度ほどお待ちください」などとホスティングのページに書いてあったので、申請後にのんびりしていたら、1時間ほどで開通。あわててメールの設定を見直すことになった。

新旧サイトのアドレスにメールが届くかもしれないので、両方見に行くことになるのだけど、いざ作業を始めると、Thunderbirdのアカウント設定を理解してないことに気がついた。

特にThunderbird 3になってから、アカウントの新規登録が変わっていて、自動でサーバーの種類（POP/IMAP）や接続方法を設定してくれる。
すげぇ、と思ったのは一瞬で、いきなり間違って設定されて、IMAPのアカウントとなった。
いや、POPなんですけど。

で、サーバーの種類は後から変えられないし･･･
自動設定をスキップする方法を見つけるまで設定が出来なくてあせった。設定の検索を「中止」してから、「詳細設定」ボタンを押すとマニュアルで設定できた。

◆で、大量のアカウント追加･削除を繰り返したら、アカウント設定画面がフリーズするようになった。もう忘れかけているのだけど、原因は「同じサーバー設定」のアカウントがある様子。同じサーバー設定とは、サーバー設定で「サーバー名」と「ユーザー名」が同じ というケース。これが二つ登録されると動かなくなる。（確かね）

アカウントを修正したら治ったけど、「新着メールを全て受信」ボタンを押しても、最初のひとつのアカウント分しかダウンロードしてくれない。これは未だに治らず。

また既存のメッセージフィルターも全滅した。
アカウントが変わったのが原因と思ったけど、「今すぐ実行」ボタンでも動かない。ので、何かがジャムって設定が壊れた様子。仕方がないので、ひとつずつ設定しなおしている。こんなにフィルター作ってたんだ、と思いながら。

◆と、愚痴をこぼしながらの作業もほぼ完了。
新サイトを見ながら、文面をちょっとづつ変更したりしてます。

サイトのリニューアル

2010-01-19T11:31:00.003+09:00

腰が重かったサイトのリニューアルですが、
とうとう実行しました。→　http://www.workspot.jp

◆作ってから、ほったらかしだったワークスポット･ジェーピーのウェブサイト。もう5年以上更新してないし、デザインに関してはいつ作ったっけ？な状態でした。

で、久々にホスティングサービスをチェックしたら、新しいサービスプランが出ていて、現状のプランより安くてオプションも豊富になってました。薄々知ってたのですけど、ホスティングの値崩れはすごい。
#知り合いは月額500円でVPS借りてるし･･･

◆ということで、新しいサービスに移行することを決意。
ついでにデザインもリニューアルしようと。

もっとも文章を新たに起こすのは大変なので、基本はデザインの更新のみ。
空白を多めに使った、最近はやりのデザインにしてみました。
余り凝らないで作ってみました。
楽ですね～このデザイン。

写真も今のところ同じものを使いまわし。

それでも、雰囲気がガラッと変わって、気に入ってます。

◆ただDNSの設定が申請してから3日かかるとのこと。
さっき申請したばかりなので、新デザインがお披露目されるのは3日後。しかもDNSが広まるまで旧サイトとの混在になります。なので、今見たい人は、こちら↓
http://119.245.215.33/

SQLでの空白をどうしよう？

2010-01-05T11:19:00.002+09:00

SQL文をPHPで生成させる場合、空白のデータをどう扱うか悩んでいます。ウェブフォームでテキスト（form_text）や日付（form_date）という入力があったとして、何も入れていない場合です。ここから次のようなSQLを作成すると、

UPDATE table SET form_text='', form_date='';

日付は空白設定できないといって怒られるはずです。

じゃぁ

UPDATE table SET form_text=NULL, form_date=NULL;

とするのもいかがなものかと。

人間様にはNULLも’’も区別が無いなのですが、データベースに渡す際には区別しなくてはいけないのが問題なのでしょう。ここは汎用SQLルーチンを書く際に面倒な部分と思います。今はDefaultに設定してしまえ、と思ってはいるのですが･･･要は、

UPDATE table SET form_text=DEFAULT, form_date=DEFAULT;

とするだけなのですが。

◆データベースでのデフォルトの扱いについて読んでみた。

MySQL：

デフォルト値は数値型では 0 であり、文字列型では空の文字列（''）であり、日付と時刻型では ``ゼロ'' 値です。

MySQLの日付で「ゼロ値」って？

ODBC では、日付または時刻型の値 ``ゼロ'' を処理できないため、MyODBC バージョン 2.50.12 以降では、MyODBC を通して日付または時刻型の値 ``ゼロ'' を使用すると、自動的に NULL に変換される。

PostgreSQL：
明示的に宣言されたデフォルト値がない場合は、デフォルト値はNULL値になります。NULL値は不明のデータを表すものとみなすことができるので、通常はこの方法で問題ありません。

何のデータベースを使っていて、どう設定されてるかによって挙動が変わるということになりそうです。まぁデータベースを作成した人に責任を取ってもらおう、ということですね。←それって自分かも･･･

◆アプリ（PHP）側で設定をする

本来はこの対応が正しいかもしれないですね。特にフォームの入力といった場合は、アプリ側でデフォルトを設定することは可能です。一方、データベース上にデフォルトが設定されているならば、それにあわせるべき、という考え方もあると思うので、難しいところです。

どちらにしても、データベース上のテーブルから別のテーブルへデータをコピーする場合などで、Default値が違ったりすると扱いが難しくなるんじゃないでしょうか。

Simple@Idx 2009/12/26

2009-12-26T17:59:00.001+09:00

今年最後になるかもしれない、Simple勉強会＠Idx。
今回も、crud_sessの続き。

流れとしては・・・

エクセルでDB定義書　→　その他の設定を自動生成
→　エクセルで修正　→　DB定義、テーブル表示、DAO設定などを生成

で、一覧画面とデータ画面の２つ、そして２つのインクルードファイルを適当に編集するとデータベースのCRUDができるようになった。要するにRoRのようなものだけど、わざわざ自作してどうしよう？と自問しながらの作業でした。

定義書から生成まで1時間かからずできるようになりました。

Simple@Idx 2009/12/12

2009-12-12T16:29:00.006+09:00

今年最後のSimpleミーティング。
内容は、
◆jQueryでフォームのUp/Down
◆PHPでセッション使ってDBのCRUD
◆CentOSがインストールできないよ

◆jQuery使ってフォームUp/Down

いい加減に飽きてきたこのプロジェクト。昨日思いついたことを試してみた。
セレクトボックスで不振な挙動を示すのは、イベントが終了しきっていない間にフォーカスを変えてしまうからではないか？と思って、下記のサイトを参考に、jQueryで強制的にイベントをストップしてみた。
http://stackoverflow.com/questions/652495/jquery-multiple-event-handlers-how-to-cancel

次のエレメントにfocusする前に

event.stopImmediatePropagation();

を発行したのですが、結果は・・・だめでした。

◆PHPのクラス：：sess_crud

自作のDAOライブラリを便利に使うdao_crudなるクラスを使っている。これを使うとDBデータの読込・登録・修正・削除を統一的に扱えて、かつエラーメッセージを適宜設定してくれるところが便利。

が、セッションを使って対応しようとすると、ベースとしているクラスでセッションに保存するのが非常に面倒であった。俗に言う、遅延静的束縛（Late Static Binding）なる問題がPHPで解決されるまで待つことにしていた。

コードのイメージは↓の感じ。

class dao { 
  // セッションに保存するメソードを作成する
  function saveSession() { ...} 
}

class table extends dao {
  // 適宜テーブルにアクセスするメソードを作成
}

$dao = new table();
$dao->saveSession();

saveSessionで、データをセッションに保存するわけなです。ところがtableが複数ある場合でも、毎回同じセッション名を使うことになってしまう。なぜならばsaveSessionのあるdaoクラスから継承されたクラス名がわからないため。

で、PHP5.3.0で、~~地厭世的束縛~~遅延静的束縛が使えるようになったのですが・・・
これまた先日思いついたですが、5.3.0より前でも問題ないということに気がついた。
イメージとしては・・・

$dao = new table();
$crud = new dao_crud( $dao );
$crud->saveSession();

この「crud」なるクラスでDAOを持つので、DAOのクラス名がわかる。セッションにデータを保存する際、DAOのクラス名を使えば汎用のクラスがかけることに気がついた。←気づくの遅すぎorz

そこで、コンセプトコードと称して一度も動かさずにゴリゴリとコーディング。

◆CentOSの起動ができない

話し変わって、先週CentOSのインストールに失敗。

DVDからブートしようとして「Boot...」は出るのだけど、その後キーボードの入力ができない。Enterを押そうとも「TEXT」と入力しようとも無反応。指をくわえて30秒すると目の前にMS Windowsが起動してしまうという・・・

そんな話をしながらググッたら、それらしいのを発見。
http://www.atmarkit.co.jp/flinux/rensai/linuxtips/a032hpetdisable.html
現象としては似てます。

もうひとつ。
http://slashdot.jp/comments.pl?threshold=1&mode=flat&commentsort=4&sid=424915
原因はわからないみたいですねぇ

MySQLでサブクエリ（エラー#1093を回避する方法）

2009-12-01T18:09:00.006+09:00

MySQLでもサブクエリーが使えることを思い出して、とあるプロジェクトで使ってみることにした。さくっと、以下のようなSQLを書くと･･･

INSERT INTO exam ( type, code ) VALUES ( 
'A', ( 
    SELECT IFNULL( MAX( code ) + 1, 1000 ) 
    FROM exam WHERE type='A' )
);

#1093 - You can't specify target table 'exam' for update in FROM clause

と怒られてしまった。
正直な話、SQLは得意というわけではないので、最初はやっぱり無理？と思ってしまった。

が、気を取り直して「mysql 1093」でググってみると、答えのページを発見。MySQLだからではなく、SQL標準から見ても間違った構文なんだそうだ。

＊　＊　＊　＊　＊　＊　＊　＊　＊　＊

簡単に問題の説明をすると、下記のようなテーブルがあるとします。

CREATE TABLE exam (
   id SERIAL,  
   code int,
   type char(1)
)

ここでidがプライマリキーで自動でナンバーリングしてくれます。typeは、例えば試験会場とかをあらわしていて、codeには各会場での連番を振りたい、といった要望です。

サブクエリが使えないと、一旦テーブルをロックして、「type='A'」の条件でcodeの最大値を読み出して、それを使って･･･と面倒なことをしなければいけません。

＊　＊　＊　＊　＊　＊　＊　＊　＊　＊

で、そのページ曰く、SQLではあるテーブルに対してデータを追加･更新する場合、同じテーブルをサブクエリーに使えないのだそうです。

それじゃ、意味ないじゃない！
と思ったが、続きがあって、上手にFROM句を使う方法が書いてあった。SQLでは、サブクエリー内のFrom句はテンポラリテーブルとして扱うことが可能で、次のように書き換えれば動くとのこと。

INSERT INTO exam ( type, code ) VALUES ( 
'A', ( 
   SELECT IFNULL( max_code + 1, 10001 ) 
   FROM ( SELECT MAX( code ) AS max_code FROM exam WHERE type='A' ) AS temp1 )
);

何をしているのかというと、
まさにサブクエリー内のFromを
「SELECT MAX( code ) AS max_code FROM table WHERE type='A'」
というクエリで書き換えて、それをtemp1とか名前をつけてます（つけないと怒られます）。
そこから「max_code+1」で最大値を読み取ってます。ちなみにIFNULLがあるのは、データが無い場合にNULLが帰ってきてしまうから。

これで動きました。テーブル名と項目名は適宜書き換えているので、ミスっているかも知れません。ともあれ初めて真面目にサブクエリーを使ったのでメモしておきます。

jQuery::Up/Downキーでフォームを移動、パート６：テーブル用とデバッグ用コード

2009-11-06T11:35:00.004+09:00

前回のSimpleで発表したテーブル用のサンプルですが、アップしました。
http://www.workspot.jp/tech/formupdnTable.html

ctrl＋up/down/left/rightキーを使って、テーブル内を自由に上下左右に動き回れます。コードは直接HTMLを見てください。
ま、グローバル変数使いまくりのコピペなコードですが、初めてのJavaScript/jQueryということで勘弁してください。

◆デバッグ用コード

さて、FireFoxで上記のサンプルでセレクトボックスに移動すると、セレクトの内容が変わってしまいます。前からあるバグで、IE6、IE7、Opera、Safariではみられません。

ということでデバッグ用にコードを簡単にしてみました。
http://www.workspot.jp/tech/formupdn_not_work.html

もうひとつ、最低限のコードで動くバージョンも作ってみました。
http://www.workspot.jp/tech/formupdn_only_js.html

◆問題はイベント処理？

要するにjQueryのイベント処理を使うと、キーの本来の処理が実行されてしまうようです。
これがjQueryの問題なのか、FireFoxなのかがわかりません。

【追記：2009/11/6】

先ほどjQuery-1.4preでデバッグ用コードを試してみたところ、FireFoxでも問題なくなってます。が、テーブル用のコードだとだめです。

Simple@Idx 2009/10/24

2009-10-24T15:45:00.009+09:00

今日のシンプルは3人。
のんびりと、おいしいサツマイモを食べながらコーディング・・・
今日の作業内容は・・・
－formUpDnのコンセプト画面
－FireFoxで問題が出るのでバグレポートを提出したい
－久々にCのコードを見たよ

◆formUpDnのコンセプト画面

デモ画面というか、「おぉ　これは便利かも」と思ってもらいたいケースを作成。
phpMyAdminのようにテーブル型（列と行）のフォームがある場合、上下左右に動けるコードを作成。Ctrl+[Up|Down|Left|Right]で自由にテーブル内を動き回れる。テキストエリアやセレクトからも簡単に動けるようになった。

うぅ、サイトの設定を忘れたのでファイルをアップできない・・・
ので、気が向いたときに発表予定。

ちなみにコードはコピペで作成したので汚い。
さらにグローバル変数使いまくり・・・

◆FireFoxで問題が出るのでバグレポートを提出したい

と思ったので、コードを簡単にする。
JavaScriptだけで、簡単なコードを書いたら問題ない。ふむ。
jQueryとHotKeysというプラグインを使ってたので、まずはプラグインを削除。で、問題なし。プラグインの問題でもない。
仕方ないので、jQueryのコードから少しずつコードを減らして何とか20行ぐらいまで削った。もう十分でしょう。

次は、どこのコミュニティにバグをレポートするべきか？
jQuery？
FireFox？

◆久々にCのコードを見たよ

こんな感じ・・・

ErnDrv drv = {
.name = NULL,
.form = form_func()
}

最初の感想は、「なんじゃこりゃ～！」
こんな構文、Cにあったっけ？

えっと、ErnDrvがstructだとして、いきなり初期化しているとして、最初の「.」は何？メンバー？

そのほか、mallocとかポインターとかみただけでめげそうだ。もうCで開発はできないよなぁ。間違っても「Cで開発してた」などと自慢しないように気をつけよう。

FireFoxアドオン：Google Toolbarインストールでエラー#-203

2009-10-15T15:26:00.005+09:00

古いPCのFireFoxをアップデートして、
ついでにGoogle Toolbarもアップデートしたらエラーが出た。

エラー番号は：-203

でした。
で、ググって見ると、英語のページしかヒットしなかったのでログしてみます。参考にしたのはこのページ。

◆まずはオプションをチェック

メニューの「ツール」　→　「オプション」、　そして、タブの「プライバシー」を開く。
「サードパーティのCookieも保存する」にチェックを入れる。

場合によっては「履歴を記憶させる」を選択するのかもしれません。

自分の場合は、これでは駄目でした。

◆エクステンションを一旦削除

エクステンションが駄目になった可能性があるそうです。

対処方法は、エクステンションのファイルを削除！

FireFoxを完全にクローズする。
プロファイルの入っているフォルダーを探す。
ちなみに、このページにプロファイルのあるフォルダーが乗ってます。
XPの場合は下記の場所にありました。
C:\Documents and Settings\\Application Data\Mozilla\Firefox\Profiles\
次の3ファイルを削除
- extensions.ini
- extensions.cache
- extensions.rdf
本当に削除してしまわず、別ファイルにリネームするのが安全、とのこと。
FireFoxを再起動。
再起動したらGoogle Toolbarもインストールされた状態になってました。

以上。

Simple@Idx 2009/9/26

2009-09-26T17:21:00.016+09:00

作業ログ
－FoxServアンインストール　→　Xamppインストール
－jQueryでformUpDn（オブジェクト化）

◆FoxServアンインストール　→　Xamppインストール

今のラップトップはFoxServで環境をインストールしていて、PHP4.2.2が入っている。これだとsymfonyは動かないので、新しくXamppでインストール。バージョンは1.7.2。

が、MySQLをサービスとしてインストールに失敗。

原因は・・・FoxServでインストールした古いMySQLのサービスの残骸がレジストリに残っていた様子。久々にregeditを立ち上げ。適当に怪しそうな場所を見てみると・・・

HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\MySQL

を発見。
削除して・・・大丈夫だよね？？？
不安なのでググッてみたが、よくわからず。まぁいいや。
削除して、再起動して、動いているからよし。

これでXamppが動いた。

この後、Eclipseもダウンロード→インストール→PHPプロジェクトの作成、でプロジェクトを開始しようとしたが、既存のフォルダを開けず。

めげたので、symfonyは、ひとまずやめ。

◆jQueryでformUpDn

前回作成したjQueryをOOPにしてみる。

var formUpDn = function () { ... }
formUpDn.prototype.down = function() { ... }

と新しいオブジェクトとメソードを定義して、オブジェクト内で、

// UPキーが押された場合の処理。
$(this.jFormElem).bind( 'keydown', 'up', this.down );

とやっても、this.downなんて知りませんと起こられる。
肝心のjQueryのbind内で「this」が変わっている。

JavaScriptの特徴で、イベント発生時のスコープは、イベントが発生したDOMオブジェクトに設定されるらしい。つまりthis.downのthisはフォームの要素になってしまう、ということ（と理解してます）。

◆jQueryにスコープを追加する

どうするの？
と思いつつググルと解決法があった。

下記の「scope」という関数を追加して、不思議な呼び方をすると動いた。

jQuery.scope = function( target, func ) {
return function() {
return func.apply( target, arguments );
}
};

formUpDn.prototype.bind = function()
{
// DOWNキーが押された場合の処理。
var that = this;
$(this.jFormElem).bind( 'keydown', 'down', jQuery.scope( this, that.down ) );
}

これで、キーが押されると、formUpDnオブジェクトのdownメソードを呼び出すようになりました。
が、まだ動いてません。また次回の続きに。

PHP::symfony 1.2 を勉強中･･･４～７日目

2009-09-12T11:35:00.010+09:00

Jobeetチュートリアルも、いよいよPHPコードをいじくる4日間。
モデル、ビュー、モジュール、テンプレート、そしてconfigの間を行ったりきたり。

今まで開発はDreamWeaverで行ってきたけど、ここにきて限界がきた。
早速Eclipseをインストール。

というか、PHP Development Tools（PDT）という便利なのがあるんですね。
昔TruStudioとか試したことはありましたが、いつのまにか進んでます。
ありがたいです。

が、ZendDebuggerが動かない。
う～ん、debugテストは通るのだけど、ブレークポイントが利かない。
後で原因を探ることにして、Jobeetチュートリアルを進めます。

＊　＊　＊　＊　＊　＊　＊　＊

で、Jobeetの４～７日なのですが、基本的にコードをコピペしていれば順調に進みました。
時々、といより、しょっちゅう動かなくなるので前に戻って間違いを探してました。どうも定型仕事は苦手。自分は履歴書とか全部埋められないタイプです。

ただ基本的に全てPHPコード（と多目の設定ファイル）で出来ているのはよかった。これで新しい言語（テンプレートタグ）を覚えろ、と言われたらやめてたかも。

最初はsymfonyの癖、というか作法が大変。
ファイルを探すのに一苦労。
でも7日目となると少しは慣れてきた。

今のところ理解したのは、URLの意味。

http://localhost:8080/frontend_dev.php/module/action

frontend_dev.php
jobeet/web/ffrontend_dev.phpのコード内でapplicationを指定している。
- apps/application/*
module
applicationにおけるモジュールを指定している。
- apps/application/modules/*
action
モジュールにおけるアクションを指定している。
アクションが決まると、MVCにおけるモデル（データを読み込む部分）とビュー（表示する部分）が決まるようで、以下のような関係になっている。
- apps/application/modules/actions/actions.class.phpのexecuteAction()のメソード。
- apps/application/modules/templates/actionSuccess.phpのテンプレート

実際のURLはapplicationのrouting.ymlで指定された方法で解析されるので、微妙に違ってくる。何がどう解析されているのかは、なれないとよく分からん。

また、上記のapplicationやmoduleの全てから利用できるライブラリとして、
lib/*
config/*
などがある。lib/*にはデータベースのアクセス用クラスがあるぞ、と。
ここら辺は、次回にでも。

PHP::symfony 1.2 を勉強中･･･１～３日目

2009-09-07T12:48:00.007+09:00

symfonyを勉強中。

◆まずはXAMPPを使ってローカルに環境を整える。

えぇと、すでにXAMPPを使っているのでアップグレード･･･
が、動かない。

仕方が無いので最新のxamppliteをインストール。
このままだと動かないので、既存のXAMPPのApacheを停止。
その後、xamppliteのxampp_control.exeからApacheをスタート。
これで最新のXAMPP、つまりPHP5.3.0が使えるようになりました。

◆Jobeetチュートリアル

素晴らしい（そうな）symfonyのチュートリアル。
が、3日目で先に行けなくなる。エラーは下記の通り。

D:\xampplite\jobeet>symfony propel:generate-module --with-show --non-verbose-templates frontend job JobeetJob

Fatal error: Class 'JobeetJobForm' not found in D:\xampplite\jobeet\lib\vendor\symfony\lib\generator\sfModelGenerator.class.php on line 321

調べると、このページに対応策が出ていた。
つまり、次の呪文を唱えるべし。

symfony propel:build-forms

をぉ、動いた。
フォームのクラス自動生成をしてくれる。のでしょう。

◆それでは、ブラウザーでアクセスしてみましょう。
http://localhost:8080/frontend_dev.php/job

うぅ、動かない。なぜ？

これも、次の呪文で解決。

symfony cache:clear

これで、めでたくチュートリアルどおり、下記のエラーが表示された。

500 | Internal Server Error | RuntimeException

Class "JobeetCategory" must implement a "__toString" method to be rendered in a "sfWidgetFormPropelChoice" widget

PHP：：sprintf 引数の番号付

2009-09-03T10:55:00.007+09:00

前から使ってみたくても動かなかったのが
PHPのsprintf関数の引数の番号付

という機能。

PHPのマニュアルに書いてあるのだけど、
どうも動かなかった。

動かないなぁ、変だけど、まぁいいや、
と使わないでいたが、原因が分かった。
教えてくれたのは、このページ。

要は、ダブルとシングルクオートの問題だった。
簡単に、下に３通りの例を（例題もほぼ上のページと同じ）

$format = "これは動く：%2\$s %3\$02d %1\$04d";

 printf($format, $year, $month, $day);

$format = 'これも動く：%2$s %3$02d %1$04d';

 printf($format, $year, $month, $day);

$format = "これは動かない：%2$s %3$02d %1$04d";

 printf($format, $year, $month, $day);

なるほど、分かってみれば簡単なことだった。
「$」がPHPの変数と認識されちゃうことが原因だったわけですね。

Simple@Idx 2009/8/29

2009-08-29T17:37:00.008+09:00

シンプルインデックス＠２００９年８月２９日
まずはラップトップ、じゃなくてノートブックの電源をオン。
出掛けに
「仕事に行ってきます」
と娘に言ったので、これで約束は果たしたぞ、と。

で、jQueryでフォームのアップ・ダウンの続き。
JavaScriptのオブジェクトを勉強。
JANさんからJSのオブジェクトの話を教わる。

var O = function() {
a = 'hi';
alert( a );
}

var Q = new O();

var P = {};
for( var p in O.prototype ) {
P.prototype[p] = p;
}

なコードを教わる。
PとQの違いは？

Qを作るととアラートが出る。
Pを作ってもアラートは出ない。

という話。

プロトタイプはポインタ？見たいという理解でよさそう。

最初は、まったく動かず。
理由は、以下のコードで「var form1 = 」の部分を「ready」の外においていたから。
HTMLがロードされる前にJavaScriptが実行→HTMLがまだ読み終わってないのでフォームの要素がない→配列が空。
というのが原因でした。

$(document).ready( function()
{
var form1 = new FormUpDn();
});

function FormUpDn() {
this.jFormElem = ...

でも、結局動かず。
やはりスコープが足りなかったようです。
以上

ファイルの圧縮で改行コードが変わる？

2009-07-08T18:59:00.005+09:00

まさかね。そんなはずはない、と思ってました。でも、この改行コードと圧縮についてのエントリーを読んで、もしかしてと思い立ち、調査したんです。そうしたら、圧縮→解凍して、改行コードが変わる場合を見つけました。まだ調査中なのですが、以下のような条件です。

あるテキストファイルは、改行コードが「LF」と「CR+LF」で混在している。
このファイルをWindowsXP上で圧縮。
圧縮したファイルを別マシーン（これもWindowsXP）で解凍。
するとファイルの改行コードが「CR+LF」に統一される。

という現象です。この後調べて、

解凍は「解凍レンジ」というフリーソフトを使用している。多分、圧縮はWindows XPの機能を使っている。
で、圧縮したファイルを、 WindowsXP上で解凍レンジで解凍すると改行コードが変わる。でもVista上で解凍レンジで解凍しても改行コードは変わらない。
両方ともバージョンは1.40　（最新が1.41なので少し古い）。

ということが分かり、「Windows XP上で解凍すると改行コードが化ける」事例を見つけました。さて、どうしましょう？やっぱりWindowsXPを使うのをやめるか？まずは、改行コードを統一すべきだよな。

やった～、85点

2009-06-29T15:45:00.001+09:00

思ったよりよかった。 http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s03600.jsp?p=001531 ほかに書くことが無のか？

CF-Y2のHDD換装作業＠Simple.Index

2009-06-27T16:44:00.006+09:00

Simple.Indexには2度目になります。前回参加したときは途中でノートブック（レッツノートCF-Y2)が故障。即座に原因を特定してもらったものの、修理は延び延びになってしまっていた。そこで、今回は壊れたHDDの換装作業。 Simple.IndexにCF-Y2と新HDDを持ち込んで作業開始。 HDDは日立HGST製のHTS541680J9AT00の80GB。分解の参考にしたのは↓のページ。 http://homepage2.nifty.com/o-nikko/Hard/cf-y2_hdt.htm HDDは↓のページに載っていたのを確認してから購入。 http://dank.cocolog-nifty.com/blog/2008/03/cfyhdd_6c1c.html 分解中のねじはガムテープに貼り付けながら作業すると楽、というのをどこかで読んだので、早速使わせてもらった。少なくともねじが余る、ということはなかった。最後の裏蓋がとれずに苦労したが、ねじ一個はずし忘れたのとビデオ端子横のねじ二個を取るのに気がつくと簡単に取れた。 HDD２つを上下に並べて、折る端子を確認。ぐりぐりと４回ほど折り曲げると、ポロっと取れた。後は同じ手順を逆にしたら元に戻った。リカバリーDVDで再起動→Cドライブ20GBを切ってOSからインストール→動いた。ただし、名誉の負傷が2点。どこから出てきたんだろう？まぁ無くても動いているからいいか。 OSセットアップ→FireFoxインストール→Avastインストール、と作業したところで、このブログをアップしました。ということで、本日の予定は終了。ありがとうございました→Simpleの皆様。

jQuery::Up/Downキーでフォームを移動、パート5：完成コードとデモ

2009-06-08T10:55:00.012+09:00

(1)動作デモ
ブログ上で動かなかったので、ここでフォームのUp/Downデモ版を公開してます。 IE6、IE7、Chromeで動いてます。 FireFoxは基本的には動いてますが、とセレクトで挙動がおかしいです。

【追記2009/06/11：Safariでも動きました。ちなみにWindows Vistaです】
【追記2011/12/26：githubでソースコード公開してます。
　コードはかなり変わっていますので、githubのほうを参照してください。】

(2)全部入りソースコード

<script language="javascript" type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="./jquery.hotkeys-0.7.8.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
var focusElem;  // フォーカスされたオブジェクトそのもの
var jFormElem;  // フォーム内のエレメント一覧（jQueryオブジェクト）
var jFormLeng;  // エレメントの数

$(document).ready( function()
{
// フォーム要素の配列を生成。
jFormElem =
   $( 'form' ).map( function() {
       var ele = $.makeArray( this.elements );
       return ele;
   }).filter( function() {
       if( this.type == 'hidden' ) {
           return false;
       }
       return true;
   }).each( function(i) {
       $(this).attr( 'focusIndex', i );
   });
jFormLeng = jFormElem.length;

// フォームエレメントがフォーカスされたら記録。
$(jFormElem).focus( function() {
   focusElem = jQuery( this );
});
// 要素#0にフォーカスを当てる。
jFormElem.get(0).focus();

// DOWNキーが押された場合の処理。
$(jFormElem).bind( 'keydown', 'down', function( event )
{
   var keyPropagate = true;
   if( !focusElem ) return keyPropagate;
   if( !$(focusElem).attr( 'focusIndex' ) ) return keyPropagate;
   if(  $(focusElem).attr( 'type' ) == 'textarea' ) return keyPropagate;

   var fIndex = parseInt( $(focusElem).attr( 'focusIndex' ) );

   if( fIndex == jFormLeng-1 ) {
       $(jFormElem).get(0).focus();
   }
   else {
       $(jFormElem).get( fIndex+1 ).focus();
   }
   keyPropagate = false;
   return keyPropagate;
});
// UPキーが押された場合の処理。
$(jFormElem).bind( 'keydown', 'up', function( event )
{
   var keyPropagate = true;
   if( !focusElem ) return keyPropagate;
   if( !$(focusElem).attr( 'focusIndex' ) ) return keyPropagate;
   if(  $(focusElem).attr( 'type' ) == 'textarea' ) return keyPropagate;

   var fIndex = parseInt( $(focusElem).attr( 'focusIndex' ) );
   if( fIndex == 0 ) {
       $(jFormElem).get( jFormLeng-1 ).focus();
   }
   else {
       $(jFormElem).get( fIndex-1 ).focus();
   }
   keyPropagate = false;
   return keyPropagate;
});
});
-->
</script>

jQuery::Up/Downキーでフォームを移動、パート4：Up/Downキーイベントを作成

2009-06-05T09:56:00.007+09:00

いよいよメインです。上（Up）あるいは下（Down）キーが押されたときの処理です。（１）最初に書いたとおり、hotKeyプラグインを使うとキーのイベントを簡単に書くことが出来ます。

    $(jFormElem).bind( 'keydown', 'down', function( event )
{
 var keyPropagate = true;
 // ・・・イベント処理･･･
 return keyPropagate;
});

見たまんまです。最初に作成していたフォーム内の要素についてキーのイベント処理を書いています。おそらく、こう書くことでフォームの要素のフォーカスがあたっているときだけ、イベント処理が行われるはずです。なお、イベント処理が実行された場合、キーのデフォルトの挙動を阻止しないといけません。そこでキーの処理が行われた場合、「keyPropagate」変数にfalseを設定します。（２）やっとですが、Upキーが押された場合の処理です。

    // UPキーが押された場合の処理。
 $(jFormElem).bind( 'keydown', 'up', function( event )
 {
     var keyPropagate = true;
     if( !focusElem ) return keyPropagate;
     if( !$(focusElem).attr( 'focusIndex' ) ) return keyPropagate;
     if(  $(focusElem).attr( 'type' ) == 'textarea' ) return keyPropagate;
  
     var fIndex = parseInt( $(focusElem).attr( 'focusIndex' ) );
     if( fIndex == 0 ) {
         $(jFormElem).get( jFormLeng-1 ).focus();
     }
     else {
         $(jFormElem).get( fIndex-1 ).focus();
     }
     keyPropagate = false;
     return keyPropagate;
 });

if( $(focusElem).attr( 'type' ) == 'textarea' ) return keyPropagate; テキストエリアの場合は、キーの処理を行いません。
var fIndex = parseInt( $(focusElem).attr( 'focusIndex' ) ); プロパティ：focusIndexの値にはストリングで設定されるようです。このままだと次の配列のインデックスとして使えないのでintに変換します。
if( fIndex == 0 ) { 要素の先頭にフォーカスがあっている場合の処理です。

とまぁ、こんな感じで動きました。 Downキーの場合も似たような処理になります。

jQuery::Up/Downキーでフォームを移動、パート3：フォーカスされた要素を見つける

2009-06-04T09:38:00.007+09:00

次はフォーカスされているフォームの要素を見つける方法について。最初は「this.focused();」なんて関数があるとばかり思っていた。ところがフォーカスされた要素を返す関数が無いどころか、要素のプロパティにも現在フォーカスがあたっているかどうか判別できるものが無い！仕方が無い、作るか･･･簡単な動作は以下の通り。

フォーカスを調べたい要素の一覧を作成。
フォーカスがあたった時点で、どこかの変数に要素の情報を記録。

すでに1については作成済み。ちなみに変数名が「jFormElem」。そして2についてもjQueryを使うと非常に簡単に出来た。

// フォームエレメントがフォーカスされたら記録。
$(jFormElem).focus( function() {
focusElem = jQuery( this );
});

簡単に説明すると、

$( jFormElem ) 前もって作成していた要素の配列のそれぞれについて、
.focus( function() { フォーカスがあたったらfunction()で設定されている処理を
focus Elem = jQuery( this ) 「focusElem」という変数に自分自身を保存。 jQuery（）で囲ってあげることで、普通のDOMオブジェクトの「this」をjQueryオブジェクトに変換しています。

という処理になっているはずです。ところがっ！保存したのはいいけれど、結局どの要素だか分からない、という事態になりました。なんと説明していいのやら、保存したオブジェクトのプロパティを見たのですが、要素を特定する方法が無いみたいなのです。「name」とかが近いのですが、ラジオボタンだと同じ名前になってしまいます。そこで、先に作成していた要素の一覧にプロパティを追加することにしました。

    // フォーム要素の配列を生成。
jFormElem =
  $( 'form' ).map( function() {
      var ele = $.makeArray( this.elements );
      return ele;
  }).each( function(i) {
      $(this).attr( 'focusIndex', i );
  });

とこうすることで、focusIndexというプロパティが要素の一覧に追加されます。後は番号を比べれば、どの要素なのかがすぐに分かるという算段です。

「パート4：Up/Downキーイベントを作成」へ続く

jQuery::Up/Downキーでフォームを移動、パート2：フォーム要素一覧

2009-06-02T14:29:00.020+09:00

では、jQueryのインストールから。手順は省略。（１）キー入力イベント調べると、キー入力イベントを簡単に扱えるjQueryプラグイン：hotkeysを発見。簡単にUp/Downキーが押された場合の処理が書ける。（２）HTMLが読み込まれたときにJavaScriptを走らせる。

$(document).ready( function() {}

これでHTMLが読み込まれたときにJavaScriptを走らせられる。 <body onload="javascript:...">と書く方法は知っていたが、色々と面倒だった。これなら、どこにでも、そしていくつでも書けるので便利。また変数のスコープが関数内に限られるため、さらに便利らしい。他にも書き方があるらしい。（３）フォーム内の要素を一覧にする。

$( 'form' ).map( function() {
var ele = $.makeArray( this.elements );
return ele;
});

このページで見つけたコード。自分なりに読み解いてみました。

this.elements 最初はjQueryかと思いましたが、どうやらJavaScript標準の動きでした。フォーム内の要素を一覧で返します。ここの「this」はフォームを指定しています。
$.makeArray 要素の一覧を配列に変換しています。また、「ele」はjQueryオブジェクトの配列として保存されます。
$( "form" ).map フォームが複数存在する場合に対応するため、map関数で配列を集約している（？）みたい。

（４）以上をくっつけると、

<script language="javascript" type="text/javascript" src="../scripts/jquery-1.3.2.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/jquery.hotkeys-0.7.8.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
var jFormElem;  // フォーム内のエレメント一覧（jQueryオブジェクト）
var jFormLeng;  // エレメントの数

$(document).ready( function()
{
// フォーム要素の配列を生成。
jFormElem =
$( 'form' ).map( function() {
var ele = $.makeArray( this.elements );
return ele;
});
jFormLeng = jFormElem.length;
}

ふぅ～。まだ続きます。

「パート3：フォーカスされた要素を見つける」へ続く

jQuery::Up/Downキーでフォームを移動

2009-06-02T12:19:00.009+09:00

お客さんからUp/Downキーを使って、HTMLのフォームを移動したいという要望が出てきた。多いと100件近くの入力を行う日があるらしく、少しでも楽に入力したいらしい。ということでウェブを調べたが、大体こんな感じ･･･

キー入力をイベントでキャッチ。
Downキーなら、代わりにTABをイベントとして発行。
Upキーなら、代わりにShift+TABをイベントして発行。
が、しかしながら！現状では「Shift」をイベントとして発行できない。

というところで終わっていた。ということで自作してみることにした。基本的な方向性としては、以下の手順でフォームの移動を行う。

フォーム内の要素の一覧を作成。
現在、フォーカスされている要素を保持。
Downキーが押されたら、現在フォーカスされてる要素の次の要素にフォーカスを当てる。
Upキーが押されたら、･･･以下略。

こういうことを実行するにはjQueryが最適だろうということで、jQueryを使って開発することにした。実際に作ってみて、やっぱり「jQueryはすごい」ということがよく分かった。ということで、次は実際のコードと簡単なコードの説明をしてみます。正直、JavaScriptもjQueryも初心者のようなものなので、間違い・訂正･改善方法などご指摘いただけると助かります。

「パート2：フォーム要素一覧」へ続く

Simple.Indexに参加

2009-05-31T23:53:00.006+09:00

この土曜日、セサミさんのところで開催されているSimple.Indexに参加してきました。参加というか、気になっている仕事以外の作業を行って、お互いに発表、というのが趣旨。自分はjQueryのコーディングをしようと、ラップトップ持っていった。 TABを使ってHTMLフォームを移動するのように、矢印キーの上と下を使いたい。というのが内容。【追記：ブログで書きました（2009/06/05）】しばらく作業しているうちに、ラップトップがブルースクリーン連発。あれ？動かなくなったとおもうとブルースクリーン。「ブルースクリーンなんて、最近見ないなぁ」「多分ハードの問題でしょうね」「HDDが原因じゃないですかね？」「メモリなら一発で飛びますものね」「多分HDDドライバーが飛んだんでしょう」「そうみたいですね～」とほとんど状況を説明することなしに、（僕の反応だけで）原因を解析してゆく他の参加者たち･･･「あぁ、このサイトでHDD換装してますよ」と次々と情報も入ってくる。いや～、故障するにはいい場所だったかも。でも、タイミングがまずい。来月はお客さんのサポートが入るかもしれない月。ラップトップが無いと困る。ま、飲んでいるうちに、いいアイディアでも浮かぶでしょう。そんなこんなで楽しい土曜日を過ごせました。

少しは勉強しないと･･･

2009-05-28T15:23:00.002+09:00

仕事が順調に進んでいるとき、次々といいペースで締め切りが続いているとき、目の前の仕事を片付けることに集中してしまい、勉強しなくなります。頭のどこかで、勉強しないとまずいなぁと思ってますが、根が面倒くさがりなので先延ばししてしまいます。さて、金融危機。やってきましたよ、小さなSOHOのところまで。締め切りのある大きなプロジェクトがなくなりました。次のプロジェクトは決まってませんが、いくつか見積もりは出しているので、どれかは通るでしょう。おかげさまで最近は暇です。まぁよい機会と考えて、勉強しようというわけですね。この業界は進歩が早いので、気をつけないといけないですし。でも、こんな話は妻には出来ないなぁ。

ブログについて

2009-05-26T18:30:00.001+09:00

まともな仕事のブログを始めることにしました。内容はウェブ開発（PHP、JavaScriptなど）、仕事で思ったことなど。

実績･経験

2007-09-19T11:14:00.001+09:00

ウェブサイト構築

日本公認会計士協会　CPEグループ
日本冷凍空調学会 会員専用ページ、メールマガジンを開発。メールやフォームに関連した運用のお手伝いを行っています。
今半ギフトショップ、三徳ネットショップ、住宅新報など各社の業務や要望にあわせてショッピングカートを構築。
日本会計士協会、財務会計標準機構主催するセミナーへの登録・キャンセル作業をウェブ上で行実現しました。また財団法人の会員管理やセミナー講習の受付をオンライン化するのに伴い、会員データベースシステムの構築を行いました。

プロジェクトマネージメント、情報技術コンサルタント

KLASI2008 慶応大学が提唱するKLASI2008プロジェクトに参加。大学キャンパスの熱需要モデルを元に、需要予測アプリケーション開発を担当しました。
日本冷凍空調学会の広報委員、状態式作成WG 学会の広報活動はホームページやインターネットを活用することが多くなってきました。技術の面から広報活動を支援しています。また冷媒の熱状態式を作成するわー君グループにも参加しています。
北米テレアトラスベルギーに本社のある地図会社で、主としてカーナビに用いられています。日本のカーナビ開発エンジニアとの技術支援を行いました。

業務内容

2007-09-19T10:57:00.000+09:00

ウェブサイト構築 主なウェブサイトの構築はショッピングカートと会員サイトを行ってます。もちろん、それ以外の機能についても対応いたします。

ショッピングカート ウェブサイトの定番、ショッピングカートを構築。データベースと連動して在庫を管理することから、出荷指示、倉庫管理などの業務に対応します。
会員サイト PDFやGIFファイルもプロテクトできる会員だけが見れるホームページの作成や、会員の入会・退会・情報更新などの管理を行います。

情報技術コンサルタント、プロジェクトマネージメント 不思議なもので優秀な技術者がそろっていても、プロジェクトがうまく進まないときもあります。特に複数の会社や、海外の企業との共同開発を行っている場合、問題原因の追究が難しくなることが多いようです。こんなとき、プロジェクトマネージャーがうまく調整を行うと、(不思議なことに）開発がスムーズに行えるようになります。

情報技術コンサルタント カーナビゲーション設計やワイアレスパームの開発と経験を生かし、情報技術全般にかかわるコンサルティングサービスを提供しています
日米の橋渡し コミュニケーション不足、文化の差による考え違いなど、国境を越えた開発にはさまざまな困難が存在します。技術のみならず文化的な理解度もプロジェクト成功の重要な要因です。