NaNってホント独特なんだなぁ・・・（￣□￣；）

比較

簡単な比較。
PHPでいう「2a問題」はないけど、型を意識しない比較。

falseとかは結構広範囲に対応できてしまう。

ちなみにNaNはすべてにおいてfalse。
自分自身でさえも・・・（＞_＜）

型比較

より厳密な比較(*°∀°)=3
簡単の比較のようにfalseは柔軟でなくなる。

相変わらずNaNはすべてに対して偽。

正確な各比較結果を確認できるように、実際にJavascriptを走らせる比較表を置いときます。

おまけに数値のオーバーフローをちょこっと

phpの時もそうだけど、やっぱり数値のオーバーフローは発生する。

「11111111111111111」を境に結果がおかしくなったりし始める。
とにかく当てにならない(＞_＜);;;

• 「11111111111111110」 は「11111111111111110」
  [実行して確認]
• 「11111111111111111」 は「11111111111111112」
  [実行して確認]
• 「11111111111111112」 は「11111111111111112」・・・ってあれ？
  [実行して確認]
• 「11111111111111113」 は「11111111111111112」
  [実行して確認]
• 「11111111111111124」 は「11111111111111124」・・・正常？？？
  [実行して確認]
• 「11111111111111125」 は「11111111111111124」・・・ってオイオイ（￣□￣；）
  [実行して確認]

ついでに、parseIntによる変換。

• 「”0″」 は「0」 [実行して確認]
• 「”1″」 は「1」 [実行して確認]
• 「”0a”」 は「0」 [実行して確認]
• 「”a0″」 は「NaN」 [実行して確認]

いろいろ抑えとかないと(´･ω･`)

関連情報：
javascriptでNaNを判定してみる
JavascriptでindexOfとmatchの速度がちょっと気になった
[MDIEスクリプト] select2zip.jsを更新

例えば

alert(parseInt('a') ? 'Number' : 'NaN');

みたいな安直なことはできないわけですよ。

alert(parseInt('0') ? 'Number' : 'NaN');

みたいに文字列が「0」の場合、ちゃんと0が返ってきてもNaN判定になっちゃうから。

ググっても「NaN」そのものを判定するのが見つからなかったので、正常にNaNを判定する方法を考えてみた。
・・・検索が下手なだけかもしれないどヽ（´ー｀）┌

Number.NaNを判定

javascript:alert(parseInt('a').toString() == 'NaN');

なんだかパースしながら、さらに文字列に戻しちゃうわけですが(＞▽＜);;;
遠まわしだけど、今のとこ思いつく確実な方法。

alert(parseInt('a') == NaN);

とか

alert(parseInt('a') == Number.NaN);

でいけるかなとか思ってたんだけど、どうも偽が返ってきちゃったので。

もっといい方法を知ってる人がいたら、ぜひ教えてください。

ともかくNaNを文字列に戻すと空になるかなと思ったけど、NaNって文字が返ってくるんだね。

ちょこっと追記

関数として使うなら
※isNaNって関数がそもそも存在するみたいなのでis_NaNに微変更

function is_NaN($value)
{
  return (typeof $value == 'number' && $value.toString() == 'NaN');
}

alert(is_NaN(1)); //false
alert(is_NaN('a')); //false
alert(is_NaN(parseInt('a'))); //true

ってとこだろうか。

さらに追記

いろいろやってたら、そもそもisNaNって関数があるみたい（￣□￣；
で、全くの無駄記事になるかと思ったら・・・(＞_＜);;;

alert(isNaN(NaN)); //true （これはOK）
alert(isNaN(1)); //false （これもOK）
alert(isNaN(Infinity)); //false （OK）
alert(isNaN(undefined)); //true （あれ？）
alert(isNaN('text')); //true （あれれ？）
alert(isNaN('')); //false （OK）
alert(isNaN('1')); //false （これもOKだけど、キャストされてる？）
alert(isNaN('Infinity')) //false (これもキャストされてる？)

ダメじゃん。

isNaNだとundefinedとかまでNaNと判定されるらしい。
なんか基準もよくわからないし。

やっぱ正確にはnumber型でかつ文字列に変換後にNaNとなるものを判定するのがいいみたい。
まぁ、勉強になりました(＞_＜);;;

関連記事：
JavascriptでindexOfとmatchの速度がちょっと気になった
[MDIEスクリプト] select2zip.jsを更新
[clipFolder.js] MDIEでクリップボードからサクッとフォルダを作成

結構な勢いで更新さぼっちゃいましたが、今年もよろしくお願いいたします！！！

と、本題。

少し前にPHPプロの質問で、「親クラスのメソッドをクラス外から呼びたい」って質問があがっていました。

オブジェクトを配列へキャストするとこうなるんだぁ・・・（￣□￣；）
オーバーライドで上書きしちゃってても、プライベート変数だっても関係ないじゃん・・・っていう話。

質問が解決されてから日が経っちゃってるけど、完全に忘れる前にメモ。

というわけで、自分の中では驚愕の事実だった手法は以下から。

紹介されていたコード

どうやらPHPUnit内の処理を参考にされた模様。

<?php 

/**
 * privateな属性の値を参照する。
 * 参考: PHPUnit_Framework_Assert::getObjectAttribute($object, $attributeName)
 */
function get_private_value($obj,$attributeName,$class=false) {
  if( $class===false) {
    $class = get_class($obj);
  }
  $objArray = (array) $obj;
  $privateName = sprintf("%s%s",$class,$attributeName);
  if( array_key_exists($privateName,$objArray) ) {
    return $objArray[$privateName];
  }
  return null; 

}
  $test=new testClass3(); 

  $ret = get_private_value($test,'a','testClass3');
  var_dump($ret);
  $ret = get_private_value($test,'a','testClass');
  var_dump($ret); 

?>

まぁ、これだけだと途中の処理が省略されて、何をやってるのか分からないから、簡単にまとめます。

まとめ

まずプライベート変数を持った親クラスを作り、オーバーライドさせるために同じ名前のプライベート変数を持たせた子クラスで継承させる。

<?php
//親クラス
class ParentClass {
  private $value = 'ParentClass Value!';
}
//子クラス
class ChildClass extends ParentClass {
  private $value = 'ChildClass Value!';
}
?>

余計なことは省いて変数を上書きするだけ。

で、オブジェクトを作ってから配列にキャスト！(゜∀゜)

<?php
$object = new ChildClass();
var_dump((array)$object);
?>

ドキドキの結果は・・・。

array(2) {
  ["ChildClass�value"]=>
  string(17) "ChildClass Value!"
  ["ParentClass�value"]=>
  string(18) "ParentClass Value!"
}

うわーーーー∩(≧∇≦)∩
なにか気持ち悪いものが見えてるけど、各プライベート変数が存在する配列になってるっぽい！

それから元記事で紹介されている

sprintf("%s%s",$class,$attributeName);

を参考に、質問者の方が回答されている実用的（？）な方法で記述すると。

<?php
$object = new ChildClass();
$arrayObject = (array)$object;

echo "ParentClass Value : ",
  $arrayObject["ParentClassvalue"],
  "nChildClass Value : ",
  $arrayObject["ChildClassvalue"];
?>

ワクワクの結果は・・・。

ParentClass Value : ParentClass Value!
ChildClass Value : ChildClass Value!

うはぁ(＞▽＜)／
取り出せたよ！！！

PHPすげぇ(＞_＜);;;
全く使い所がわかんねぇ！！！

すごいんだけど、こういう力技が必要になった時点で設計ミスってる気が・・・。

質問内容もスゴイけど、解決できちゃうところがスゲェ！
・・・そうかぁ、オブジェクトは配列にキャストかぁ(´･ω･`)

PHP4あたりではget_object_varsなんかを使って、メンバー変数を確認したりはしたけど、プライベートとか抜き出せないし、まぁメンバー変数を上書きしちゃったら１つの変数だしで、ちょっとどうしようもなかったんだけど。

まだまだPHPには未知の領域が存在しそうです(゜∀゜)

追記（2008-1-5 21：34：12）：
オブジェクトをarrayにキャストする – Do You PHP はてな
うはぁ、わりと有名なのかな(＞_＜)
いろいろスゲェ。

関連記事：
JavascriptでindexOfとmatchの速度がちょっと気になった
[MDIEスクリプト] select2zip.jsを更新

JavaScriptの開発には、非常に便利だもんね！(≧∇≦)/

Aptana Studioをインストール

1. まず「ダウンロードページ」のページから、Aptana Studioをダウンロード。
   
   インストーラー版でも、zip版でもどっちでもいい。
2. インストーラー版を使った場合は、表示に従いインストール。
   
   zip版は解凍するだけなので、実はこっちの方が簡単かも（・∀・）
3. インストールが終わったから即起動・・・じゃなくて、とりあえず日本語化！（　ﾟ Дﾟ）

Aptana Studioを日本語化

Aptana Studioの初期設定では英語表示なので、Eclipseの言語パック「Pleiades」を利用して日本語化します。

1. まず「Pleiades (プレアデス)」サイトに行って、言語パックをダウンロード。

   
   とりあえず「Pleiades」をクリックすると・・・。

   
   大きいボタンがあるのでついつい押してみたくなるけど、そこはグッ（　ﾟ Дﾟ）・・・とこらえて。
   「Pleiades 本体ダウンロード」項目の「安定版 1.2.3（2008-11-28日現在）」のテキストリンクをクリックしてダウンロード。

2. ダウンロードしたzipファイルを解凍して、出てきた「features」と「plugins」フォルダごと、Aptana Studioのインストールディレクトリに移動。
   
   同名ファイルがあるので確認が出るけど、そのまま上書きコピー。
3. 次にAptana Studioのインストールディレクトリにある「AptanaStudio.ini」ファイルをテキストエディタで開き、最終行に以下の記述を追加。

   -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash

4. 次に言語パックを反映させるのに、Aptana Studioを「-clean」コマンドで起動させる。

   たまにこの「-clean」コマンドが必要なんだけど、いちいちコマンド起動は面倒！
   なのでPleiadesの中に同梱されているバッチファイルを利用(≧∇≦)/
   
   まずファイル名が「eclipse.exe -clean.cmd」なのを、「AptanaStudio.exe -clean.cmd」と変更し、Aptana Studioのインストールディレクトリに移動。

5. 次にテキストエディタで開いて、「start .\eclipse.exe -clean %*」と記述されている行を

   start .\AptanaStudio.exe -clean %*

   と変更して保存。

   これで次回から「-clean」コマンドが必要な場合でも、簡単に実行できます。

6. バッチファイルからAptana Studioを起動させて、日本語化されてれば成功。

JavaScriptのエラー検証を有効化

Aptana Studioの初期設定ではJavaScriptの構文チェックが無効化されているので、チェックを有効化します。

1. Aptana Studioを起動させて、メニューのウィンドウ > 設定をクリックします。
2. 次に設定画面の左側のツリーからAtpana > エディター > JavaScript > 検証とたどって、バリデーター項目にチェックを入れ設定完了。
   
3. あらめて文法エラーのあるJSファイルを確認。
   
   構文エラーが出力されるようになったよ！(*°∀°)=3

タブと半角スペースを表示

Aptana Studioの初期設定ではタブと半角スペースが見えないので、可視化します。

今回は説明を省略しますが、全角スペースも可視化する場合は、プラグインの「jStyle」を追加します。

1. Aptana Studioを起動させて、メニューのナビゲートの下あたりにある、なんて言うのかわからないツールボタンをクリックするだけ。
   タブや半角スペース、改行コードまで可視化できます。
   
   ボタンはキャプチャ画像を参考にしてください(´･ω･`)
2. ついでに、その横のリストのようなボタンをクリックすると、エディタのピアノキーが有効になって、1行毎に色が変わります。
   
   初期設定のままだから、色が薄くて分かりにくいけど(＞_＜)

いくつかプラグインの導入方法も載せようかと思ったけど、以外と長くなったのでここまで。

また気が向いたら載せるかもです( ・ω・)

関連情報：
Aptana
MergeDoc Project (Eclipse 日本語化)
JStyle (Eclipse 改行、タブ、全角空白を表示)

関連記事：
xamppのインストール手順まとめ
Windows XPを再インストール中
コマンドプロンプトの覚え書き

まずは「xampp」と「Aptana Studio」をインストール。

いろいろ入れ直すのが面倒なので、いろいろ詰め込まれた「Pleiades All in One パッケージ」のEclipseでも入れちゃおうかとも思ったりもしたけど。

とりあえず「xampp」セットアップから、PHP、Mysqlの設定手順についてまとめ。

xamppをインストール

1. 今回は「apache friends」からxamppのインストーラー版をダウンロード。
   
   別にzip版でも、そんなに作業内容は変わんないので、好みで( ・ω・)
2. 表示に従って、さくさくインストール。
   

   インストール後に起動確認。
   

3. 今回は業務専用のパソコンでないので、パソコン起動毎にApacheとMysqlを立ち上げる必要はないから、スタートアップを手動に変える。

   コントロールパネル > 管理ツールから、サービスを起動してApacheとMysqlの「スタートアップの種類」を「手動」に変更。
   

Apacheの設定

「httpd.conf」を書き換えるんだけど、ある程度ファイルを分けてたほうが設定を間違った場合に修正しやすいので、「Include」を使って、自分設定を分けておく方が便利(*°∀°)=3

1. xamppのインストールディレクトリ > apache > confディレクトリに移動。
2. 「httpd.conf」をテキストエディタで開く。
   ついでに「httpd.conf」を別名でバックアップとかしてた方がいいかも(≧∇≦)/
3. 「httpd.conf」の最終行に移動して、

   #自分設定 (2008-11-26更新)
   Include "C:\自分のconfを置くディレクトリ\*.conf"

   みたいに記述しておき保存。

   あとは自分設定の保存予定地に、ファイル名.confの要領で好きなだけ設定を追加する。

   Apacheが動かなくなった時は、拡張子をtxtなんかにでも書き換えれば、どれが不具合起してるのか見つけやすくていいよ(゜∀゜)

4. 最後にApacheサービスを再起動して、ブラウザで「http://locslhost/」を叩いて、お約束の確認。
   

PHPとMysqlのパスを通す

コマンドラインからサクッと実行できるように、PHPとMysqlのパスを通しておきます（・∀・）

Mysqlはサービスを起動しないと実行できないけど、PHPはパスさえ通しておけば実行できるので簡単便利。
（php.iniのパスを渡してやらないと設定が違ってたりするけどね）

1. コントロールパネル > システム > 詳細設定から、環境変数をクリック。
2. システム環境変数の新規ボタンをクリックし、とりあえずxamppのパスを変数登録してあげる。
   
   ※画像はCドライブ直下にxamppをインストールした場合。

   必須じゃないけど、パスを通した時に少しでも見通しを良くするための俺仕様(^_^;)

3. システム変数の「Path」をダブルクリックしてパスを通す。
   

   今回はxamppのパスを登録しているので、Path変数の最後に

   ;%XAMPP%\php;%XAMPP%\mysql\bin

   を追加。

   ちょっと読みやすくなった！・・・よね？(＞_＜)

4. 変数が通ったか確認するのに、コマンドラインからPHPを実行。
   
   問題なし！(*°∀°)=3

   コピペ用にコードも載せておきます。

   php -r "echo phpversion();";

PHPの設定

これは好きにすればいいんだけど、とりあえずxamppバンドルのphp.iniは「magic_quotes_gpc」がOnになってるので、とりあえずこれだけ修正。

1. xamppのインストールディレクトリ > apache > binディレクトリに移動。
   ※xamppの場合、phpディレクトリのphp.iniはダミーなので注意！(＞_＜)
2. 「php.ini」をテキストエディタで開く。
   Apache設定同様に別名でバックアップとかしてた方がいいかもね！
3. テキストファイルから「magic_quotes_gpc」を検索。
4. 「On」から「Off」に書き換える。

Mysqlの設定

基本UTF-8で使ってるので、とりあえず文字コードをUTF-8に統一。

1. xamppのインストールディレクトリ > mysql > binディレクトリに移動
2. 「my」と見えている短縮ダイヤルファイルヽ（´ー｀）┌
   
   これがMysqlの設定ファイルなので、テキストエディタで開く。
   必要ならバックアップ（・∀・）

   windowsでは「cnf」拡張子が短縮ダイヤルファイルとして設定されてるんだね( ・ω・)

3. [mysqld]項目の直後に以下の記述を追加。

   default-character-set = utf8
   skip-character-set-client-handshake 

4. mysqlを起動し確認。
   だけど、このまま書くと読みにくいので、いったん切り上げます(゜∀゜)

Mysqlの文字コードを確認

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトでMysqlに接続するのに、以下コード実行。

   mysql -u root

   ※最初はMysqlのroot権限にパスワードがないので、この後でパスワード設定に移ります。

3. 次にデータベースの文字コードを列挙させる。

   show variables like "char%";

4. filesystem項目以外がUTF-8になっていることを確認して終了。
   

Mysqlにパスワードを設定

Mysqlのインストール直後は、rootユーザにパスワードが設定されてない(*°∀°)=3
このまま放置するわけにいかないので、パスワードを設定。

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトでmysqladminを使って、パスワードを設定。

   mysqladmin -u root -p パスワードに設定する文字列

3. パスワード設定後に、そのパスワードを使ってログイン。

   mysqladmin -u root -p

4. 実行後、パスワードを聞いてくるので、設定したパスワードを入力
   
   ログインできれば成功。

Mysqlにパスワードを設定２

一度パスワードを設定してしまうと、mysqladminから前に使ったコマンドでパスワードを再設定できないので、通常のパスワード設定方法も紹介。

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトから、とりあえずmysqlにログイン。

   mysql -u root

   すでにパスワードを設定している場合は、「-p」コマンドも付け加えてパスワードも入力。

3. ログイン後、以下コマンドを実行。

   set password for root@localhost=password('設定するパスワード');

   
   こっちだと何度でも再設定できる。

ちょっと1ページに詰め込みすぎたかもしれない。

明日、「Aptana」の初期設定方法も書く予定。

関連情報：
apache friends – xampp for windows

関連記事：
Windows XPを再インストール中
コマンドプロンプトの覚え書き

AIRでSQLiteをもう少し簡単に使えるように、叩き台用にライブラリ化してみた。
久しぶりのプログラム記事かもしれない。。。（゜◇゜）

AS(Action Script)ではなく、JS(Java Script)用なので注意。

とりあえず、使い方とかを紹介。

ファイルの入手

AirDB.v010.zipからjsファイルを入手。

内容は以下の通り。

• AirDB.v010.js （オリジナルファイル）
• AirDB.v010.pack.js （pack圧縮ファイル）

ソースコードは「AIR SQLiteライブラリ AirDB.js ソースコード [ピクスメイト]」で確認できます。

まずは読み込む

AIRプロジェクトのhtmlファイルのヘッダー要素に以下を追加。

<script type="text/javascript" src="AIRAliases.js"></script>
<script type="text/javascript" src="AirDB.v010.js"></script>

AIRのJS用のアクションスクリプトエイリアス群を使うので、「AIRAliases.js」も読み込みます。

使う準備をする

AirDBオブジェクトを読み込む。今回は「$DB」という変数で初期化することとします。

var $DB = new AirDB;
window.addEventListener('unload', $DB.close);

例としてAIRが閉じられるときに、一応データベースを閉じるようにイベントを登録したけど、多分いらない。

データベースをファイルから読み込んで、テーブルを作成

AirDB.connectでファイルからSQLiteに接続、AirDB.createでテーブルを作成します。

try {
  $DB.connect("app:sample.db");
  $DB.create("test", {
    id: 'INTEGER PRIMARY KEY',
    message: 'TEXT'
  });
} catch (error) {
  alert(error.toString());
}

$DB.createでは常にテーブルの存在を確認する「CREATE TABLE IF NOT EXISTS ～」の文法でSQLを組み立てます。

上記の例では結果が返ってくるまで待つ「同期」状態でSQLiteに接続していますが、非同期で接続する場合はAirDB.connectの第2引数にtrueを与えます。

また、AirDB.connectの第3引数には接続直後に実行する関数を与えることができます。

具体的には以下のような感じ。

try {
  $DB.connect("app:sample.db",true, function(){
    $DB.create("test", {
      id: 'INTEGER PRIMARY KEY',
      message: 'TEXT'
    });
  });
} catch (error) {
  alert(error.toString());
}

個人的に長い関数名を打ち込むのがめんどくさいので、AirDB.connectはAirDB.con、AirDB.createはAirDB.creのように短い関数名のエイリアスを張っています。

エイリアスについては、AirDB.v010.jsかソースコードの終わりのほうを見てください（投げやり）

データの挿入とか更新

同期か非同期で、エラーイベントとかの取得とかのタイミングが変わるので、ここからは同期で接続した場合の例です。

データ入力の例

function insertData()
{
  try {
    $DB.insert('test', {
      message : 'message'
    });
  } catch(error) {
    alert(error.toString());
  }
}

こんな感じ。

AirDB.insert(テーブル名:string,インサートデータ:object)で使えます。

トランザクション処理を入れる場合は、AirDB.begin()、AirDB.commit()、AirDB.rollback()が利用できます。

データ更新の例

function updateData()
{
  try {
    $DB.update('test', {
        message : 'update message'
      },
      "WHERE" +
      "  id = '1'"
    );
  } catch(error) {
    alert(error.toString());
  }
}

AirDB.update(テーブル名:string,アップデートデータ:object,絞込条件とか:string)で使えます。

同じ要領で、AirDB.Delete(テーブル名:string,絞込条件とか:string)でデータの削除ができます。
(関数名がdeleteではなくDeleteになってるのは間違いではなく、jsのdeleteと被るから)

とりあえず、AirDB.insertとAirDB.updateは、内部でパラメータを登録してプリペアードで実行するようにしています。
（ただし、AirDB.updateの絞込みとかのWHERE句とかはそのまま）

登録データの取得

データ取得の例

function selectData()
{
  try {
    $DB.select('test',
      ['id','message'],
      "WHERE" +
      "  message not NULL"
    );
  } catch(error) {
    alert(error.toString());
  }

  //ここから結果の表示処理
  result = $DB.getRows();
  if (result != null) {
    var data = new String();
    for (row in result) {
      data += "[" + row + "] " +
              "id: \"" + result[row].id + "\" " +
              "message: \"" + result[row].message + "\"\n";
    }
    alert(data);
  } else {
    alert('データが見つかりません！');
  }
}

こんな感じ。

AirDB.select(テーブル名:string,取得対象カラム:string or array,絞込条件とか:string)で使えます。

まとめ

いろいろ解説サイトとか見て思ったけど、ローカルで扱うのを前提としているためか、意外とプリペアードクエリもエスケープもやってないもの多いね。

一応、エスケープ用にAirDB.escapeも作ったものの、プリペアードの方が便利な気もするし、大雑把にしか対応させてない。
バイナリセーフとか、JSでどうやってるんだろう。

あと、AIRのSQLStatement.textの中にバックスラッシュ(￥)が入ったSQL文を入れた場合、SQLStatement.textを確認するとバックスラッシュが改行になっちゃうのはなぜなんだろう・・・バグ？（￣□￣；）

おかげで、LIKE文用のワイルドカード（%と_）のエスケープができねぇ。

ものすごくハマった上、解決してないんだけど。
・・・そもそもやり方が間違ってる？

そんなわけなんで、AirDB.escapePatternって関数を今のところ残してるんだけど、まったく役に立ちません！

作っててずーっと思ってたけど、やっぱりSQLStatement周りは、中途半端なのでどうにかしないと。

var select = new $DB.select('table', '*');
  select.where(条件);
  select.or(条件);
  select.order(条件);
  select.param('name', 'value');
  select.query();

みたいに操作できるように、個別にオブジェクト化しておきたい。

・・・とりあえず、めんどくさいので。
更新する気になったら、大幅に改造するかも・・・くらいの。

ワイルドカードもパラメータ登録にすれば、どうにかなるかしら？

それにしても、思ったよりAIRの解説サイトって少ないね。
最初はもっと流行るかなと思ってたのに。

お世話になったサイト：
八角研究所 : Series: API で覚える Adobe AIR «
AIRとSQLiteで学ぶ ローカルDB操作の基本 （1/3） ─ ＠IT

関連記事：
GMapをXMLで初期化するjQueryプラグイン「jquery.xmap.js」

同時期に「TypePadの絵文字アイコン画像と、携帯コンテンツ表示モジュールをフリー（自由）ライセンスで公開」のようなことがあったり、一気に携帯向けのツールがそろいだした感じですね。

どちらもperlベースですが。

「MobaSiF」は「SourceForge.JP」で公開されているようです。
SourceForge.JP- Project Info – MobaSiF (Moba-Mobile Simple Framework)

とりあえず、特徴としては早いらしい。

組み込まれているテンプレートエンジン「MTemplate」は、「Template Toolkit」よりも22倍早くて、絵文字変換も「Encode::JP::Mobile」より3倍早いらしい。

まだ公開されたばかりなので、資料がなくて、どんな使い方なのかなぁ・・・と思ってたら、SourceForgeからダウンロードした「moba-0.9.0.tar.gz」の中のdocsフォルダの中に、使い方の書いてあるドキュメントが入っています。

いろいろと書いてありますが、使う前に注意しないといけないところ

• セキュリティー対策関連のコードは抜いてある

とあるので、当然ながらこのフレームワークを使ったからといって、モバゲータウンと同等のセキュリティを確保することができない。

仕様もあるだろうし、必要な対策は各自しろってことですね。

対応端末

• docomo : FOMA 90x,70x
• au : WIN
• softbank : 3GC 型

比較的新しい端末ってことですね。

モバイルでネットするユーザがターゲットだから、この辺りは問題なさそう。

文字コードなど

• ソース : euc
• テンプレ : sjis
• DB : sjis

文字コードがソースとテンプレで違うのがちょっと気になるけど、無駄に変換するタイミングを増やさない方が安心ってことか。

携帯向けってのが一番大きい理由なんだろうけど。
場合よってはクエリチェックがめんどくさそう。

テンプレートエンジンとかは比較的使いやすそうなので、携帯サイトを作るときは利用してみてもいいかもしれない。
とりあえず、もう少し運用サイトが出てくるまで待ってみて、反応を見たいところ。

なんにしても実績のある企業から、フレームワークをオープンソースとして出してくれるのはありがたい。

また時間があれば、じっくり中身を覗いてみよう。

関連情報：
【YAPC–Asia 2008】モバゲータウンのフレームワーク「MobaSiF」公開：CodeZine
DeNA、「モバゲー」のウェブアプリフレームワークをオープンソースとして公開 – builder by ZDNet Japan

関連記事：
YouTubeを簡単に表示できるwordpressプラグイン「EasyTube」
CSSとテキストを駆使して描画された「ザ・シンプソンズ」のホーマー
GMapをXMLで初期化するjQueryプラグイン「jquery.xmap.js」

IEは無事だったんですが、FireFoxで崩れていました・・・チェックミス（￣□￣；）

崩れているのを気づかず、しばらく記事を晒した上、崩れているのを確認してからさらにしばらく放置しましたが、YouTubeの動画を超簡単に差し込め、サイトも崩れないプラグイン、「EasyTube」があったので導入しました。

プラグインの配布ページ

eJump.co.uk » EasyTube – YouTube Plugin for WordPress

導入手順

簡単なので、それほど説明することはないんですが一応。

1. プラグイン配布ページの下のほうにあるDownload EasyTubeをクリックして、プラグインをダウンロード
2. ダウンロードしたzipファイルを解凍して、出てきた「easytube」フォルダごとwordpressの「/wp-content/plugins」フォルダの中にアップロード
3. wordpressの管理画面のプラグイン項目から「Easy Tube」を有効化
4. 自動再生やボーダーカラーとか、初期設定を行いたい場合は、wordpressの管理画面の各種設定項目の「EasyTube」で設定

以上で導入完了。

後は投稿記事内に、

[youtube:YouTubeのムービーページのアドレス]

を入れるだけでムービーを差し込むことができます。

すばらしく簡単！

さらに、プラグインの配布先のサンプルにあるように

[youtube:http://www.youtube.com/watch?v=rF_czeyN2Vo&autoplay=1 150 150]

アドレスの最後についている「autoplay」パラメータを渡すことで、自動再生を有効にしたり、ムービーの大きさを調整することも可能なようです。

とりあえず簡単に使えるので、YouTubeをサイトに貼り付ける場合には導入したいプラグイン。

なんか、久々のwordpressネタでした(＞_＜ )

関連記事：
Word Pressの携帯閲覧用プラグイン「Mobile Eye＋」を更新しました
Lightbox 2 WordPress Plugin をインストールしました

ちなみに上のイラストは、「ザ・シンプソンズ」のサイトのキャプチャなので、CSSで描いたものではありません。

ちょっと衝撃的だったので紹介(*°∀°)=3

元記事は以下。
Roman Cortes ≫ Homer CSS

これがそのページで描画されているCSSホーマー。

・・・尋常じゃない。

一瞬、ただの画像化と疑ってしまいますが、ページをドラッグして範囲選択などしてみると、やっぱりテキストで描かれています。

できる、できないじゃなく、こんなことやる気がしない（　ﾟ Дﾟ）

ザ・シンプソンズのキャプチャと見比べると、再現性の高さをヒシヒシと感じ取ることができます。

しかも、クロスブラウザ対応を意識しているらしく、結構ブラウザに対応していたり。
（まぁ、absoluteで固めているだけだから、あまりクロスブラウザとか意識しないでいいのかもしれない）

フォントがトゥルータイプだから、フォントサイズの指定さえ均等にすればベクターアートと同じようにも使えるか。
ポジショニングもem指定にしているところが賢い。

マルチバイト文字を一切使ってないところも驚愕・・・フォントの都合かな。

テーブルでドット絵を描いたり、アスキーアートだったり、いろんな表現方法がありますが、まだまだいろんな表現方法があるものですね(≧∇≦)/

関連記事：
フォントの作成できるオンラインサービス「FontStruct」
Webデザインで知っておいたほうが便利なCSSハックの紹介サイト
簡単にブロック要素の高さを統一できる「heightLine.js」

ドット打ち感覚でフォントが作成できます。

触ってみて、ちょっとテンションがあがりました！
これ、ちょっと面白いよ！

FontStructへは以下から。
FontStruct – Build, Share, Download Fonts

使ってみる

感じとしてはドット打ちですが、打ち込める図形が四角だけでなく、いろんなパーツが用意されているので、比較的柔軟なフォントが作成できるようです。

ちょっと、遊んでみました。
素直じゃないのでフォントではなく、ラクガキみたいなのを描いていますがw

ちょっと可愛いのも作れそうだなー。と思って鳥っぽいものを描こうとしましたが、微妙なことに・・・(^^;

まだ、ちょろちょろっとしか触ってないのですが、Flashベースで、割と操作感もいいので、結構作りやすいかもしれません。

スペースをおして画面をスクロールすることに慣れていたので、このあたり対応していてうれしい。

コピーや反転といった機能が見当たらなかったので、そういうのがあれば、すばらしく作業効率があがるのですが・・・。

あと、できればアンドゥもほしいかも。

実は見落としてるだけで、存在するのかもしれないですが。

まとめ

とりあえず、フォントを作ったり、ギャラリーでみんなが作ったフォントをダウンロードしたい場合には、アカウントが必要です。

すでに、結構ギャラリーにフォントが並んでいるので、眺めていても面白いですが。

ギャラリーでのダウンロードは、ダウンロード後になぜかサインアウト状態になっちゃって、ちょっとめんどくさい（私だけ？）

作成したフォントはTTF形式でダウンロードできるので、結構重宝できそう。
サイトのロゴとか、タイトルとかちょっとしたものを作るのに便利かも。

アウトラインタイプのフォントがオンラインで作成できるってすごいね！

関連情報：
フリーのベクターアートの配布サイト「FreeVectors.net」
Gigazine.netでフリーのベクターアートの配布サイトが紹介されています。