<h3>タイトル変更</h3>
相変わらず8時40分は超えられないけど、タイトル変更。ここ1,2年ぐらい平熱が1度あがり毎日37℃あって、何かするとすぐだるくなるんだけど大丈夫なのかなー。一応定期検診や血液検査等では問題ないんだけど。

タイトル変更相変わらず8時40分は超えられないけど、タイトル変更。ここ1,2年ぐらい平熱が1度あがり毎日37℃あって、何かするとすぐだるくなるんだけど大丈夫なのかなー。一応定期検診や血液検査等では問題ないんだけど。

タイトル変更

<h3>Google Chrome 拡張のひな形作成するジェネレータ作った</h3>
GoogleChrome 拡張のひな形と、パッケージ作成等を行える Rakefile を作成する、chrome-extension-starter を作った。windows/linux 環境で動作確認した。
<ul>
<li><a href="http://github.com/hotchpotch/chrome-extension-starter">http://github.com/hotchpotch/chrome-extension-starter</a></li>
</ul>
Ruby と rubygems があれば
<pre><code>gem sources -a http://gems.github.com
gem install zipruby json Constellation-crxmake Constellation-jsonschema uuidtools
gem install hotchpotch-chrome-extension-starter
</code></pre>
でインストールできる。あとは
<pre><code>chrome-extension-starter myextension
cd myextension
</code></pre>
でテンプレートが作成される。構造は
<pre><code>|-- Rakefile
`-- src
 |-- background
 | |-- background.html
 | `-- background.js
 |-- lib
 | `-- utils.js
 |-- manifest.json
 `-- toolstrips
 |-- toolstrip.html
 `-- toolstrip.js
</code></pre>
な感じ。src ディレクトリを Load unpacked extension に指定すれば、そのまま拡張開発ができる。
<a href="http://f.hatena.ne.jp/secondlife/20090925162159"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/secondlife/20090925/20090925162159.png" alt="f:id:secondlife:20090925162159p:image" title="f:id:secondlife:20090925162159p:image"></a>
<pre><code>rake package
</code></pre>
で、crx パッケージや pem 鍵や update.xml がよしなに作成される。pem 鍵は
<pre><code>PEM=foo.pem rake package
</code></pre>
と環境変数で指定もできる。通常の rake では、タスク manifest:validate が実行され、jsonschema によるバリデーションが実行される。このスキーマは os0x さんの <a href="http://gist.github.com/179669.txt">http://gist.github.com/179669.txt</a> の jsonschema を利用している。invalid な値が指定されると、その項目でエラーメッセージが出る。rake package 時には schema チェックは特に行っていない(invalid な値をセットすることが出てくるかも &#x26; gist が落ちてたら package 作れないのは嫌だから)。
Rakefile は特にタスクをライブラリに分離しておらず、適当に追加や削除ができるようにしている。ほんとは github のレポジトリに rake release で crx ファイルと update.xml アップロードも行いたかったけど、github s3 アップロードが難解だったのであきらめ…(net-github-uploader-perl 作った typo さんすごい)。
crx パッケージ作成には <a href="http://subtech.g.hatena.ne.jp/Constellation/">id:Constellation</a> さん作の <a href="http://d.hatena.ne.jp/Constellation/20090912/1252774066">crxmake</a> を、jsonschema の Ruby でのチェックにはこれまた Constellation さん作の <a href="http://d.hatena.ne.jp/Constellation/20090912/1252774066">jsonschema</a> を利用している。またパッケージ作成の全般の流れは<a href="http://mattn.kaoriya.net/software/chrome/20090902225759.htm">Big Sky :: 被はてなブックマーク数を表示するGoogle Chrome拡張書いた。</a>が非常に参考になった。
他に自動で manifest.json を、ディレクトリやファイル構造にあわせて更新というのも作ろうと思ったけど、json に書いたコメントがパーサでパースして再びJSONにすると消えたりして嫌な感じだったのでヤメた。

Google Chrome 拡張のひな形作成するジェネレータ作ったGoogleChrome 拡張のひな形と、パッケージ作成等を行える Rakefile を作成する、chrome-extension-starter を作った。windows/linux 環境で動作確認した。http://github.com/hotchpotch/chrome-extension-starterRuby と rubygems があればgem sources -a http://gems.github.com
gem install zipruby json Constellation-crxmake Constellation-jsonschema uuidtools
gem install hotchpotch-chrome-extension-starterでインストールできる。あとはchrome-ext

Google Chrome 拡張のひな形作成するジェネレータ作ったGoogleChrome 拡張のひな形と、パッケージ作成等を行える Rakefile を作成する、chrome-extension-starter を作った。windows/linux 環境で動作確認した。http://github.com/hotchpotch/chrome-extension-starterRuby と rubygems があればgem sources -a http://gems.github.com
gem install zipruby json Constellation-crxmake Constellation-jsonschema uuidtools
gem install hotchpotch-chrome-extension-starterでインストールできる。あとはchrome-extension-starter myextension
cd myextensionでテンプレートが作成される。構造は|-- Rakefile
`-- src
    |-- background
    |   |-- background.html
    |   `-- background.js
    |-- lib
    |   `-- utils.js
    |-- manifest.json
    `-- toolstrips
        |-- toolstrip.html
        `-- toolstrip.jsな感じ。src ディレクトリを Load unpacked extension に指定すれば、そのまま拡張開発ができる。f:id:secondlife:20090925162159p:imagerake packageで、crx パッケージや pem 鍵や update.xml がよしなに作成される。pem 鍵はPEM=foo.pem rake packageと環境変数で指定もできる。通常の rake では、タスク manifest:validate が実行され、jsonschema によるバリデーションが実行される。このスキーマは os0x さんの http://gist.github.com/179669.txt の jsonschema を利用している。invalid な値が指定されると、その項目でエラーメッセージが出る。rake package 時には schema チェックは特に行っていない(invalid な値をセットすることが出てくるかも & gist が落ちてたら package 作れないのは嫌だから)。Rakefile は特にタスクをライブラリに分離しておらず、適当に追加や削除ができるようにしている。ほんとは github のレポジトリに rake release で crx ファイルと update.xml アップロードも行いたかったけど、github s3 アップロードが難解だったのであきらめ…(net-github-uploader-perl 作った typo さんすごい)。crx パッケージ作成には id:Constellation さん作の crxmake を、jsonschema の Ruby でのチェックにはこれまた Constellation さん作の jsonschema を利用している。またパッケージ作成の全般の流れはBig Sky :: 被はてなブックマーク数を表示するGoogle Chrome拡張書いた。が非常に参考になった。他に自動で manifest.json を、ディレクトリやファイル構造にあわせて更新というのも作ろうと思ったけど、json に書いたコメントがパーサでパースして再びJSONにすると消えたりして嫌な感じだったのでヤメた。

Google Chrome 拡張のひな形作成するジェネレータ作った

<h3>JavaScript 版の SQL::Abstract ぽいのを作った</h3>
<ul>
<li><a href="http://github.com/hotchpotch/sql-abstract-javascript">http://github.com/hotchpotch/sql-abstract-javascript</a></li>
</ul>
WebDatabase で SQLite 使うんで、JavaScript で SQL 生成するのに作った。Ruby の ActiveRecord の SQL 生成方法より、SQL::Abstract のほうがしっくりくるんだよなー。S2JDBC のような Fluent Interface ぽいのも作ってみたけどしっくりこなく、結局 SQL::Abstract が単純明快で個人的にはわかりやすいんだよな。
WebDatabase の executeSql は引数に SQL 文と、プレースホルダーに bind する配列をとるので、Perl の SQL::Abstract とほぼ同じ引数、戻り値になっている。
where 句作る
<pre><code>var sql = new SQLAbstract;
 var res = sql.where(['user = ? AND status = ?', 'nadeko', 'completed']);
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']
</code></pre>
名前つきプレースホルダーも使える
<pre><code>res = sql.where(['user = :user AND status = :status', {
 user: 'nadeko',
 status: 'completed'
 }]);
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']
</code></pre>
Hash を引数にとれる
<pre><code>res = sql.where({
 user: 'nadeko',
 status: 'completed'
 });
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']
</code></pre>
select。limit/offset/group などもかける
<pre><code>res = sql.select('table', '*', {
 user: null,
 status: 'completed'
 }, {
 limit: 20,
 offset: 10
 });
 // res[0] => 'select * from table WHERE user IS NULL AND status = ? LIMIT ? OFFSET ?'
 // res[1] => ['completed', 20, 10]
</code></pre>
insert/update/delete
<pre><code>res = sql.insert('table', {
 user: 'nadeko',
 status: 'completed'
 });
 // res[0] => 'insert into table (user, status) values (?, ?)'
 // res[1] => ['nadeko', 'completed']

 res = sql.update('table', {
 user: 'nadeko',
 status: 'completed'
 });
 // res[0] => 'update table3 SET user = ?, status = ?'
 // res[1] => ['nadeko', 'completed']

 res = sql.update('table', {
 user: 'nadeko',
 status: 'completed'
 });
 // res[0] => 'update table3 SET user = ?, status = ?'
 // res[1] => ['nadeko', 'completed']

 res = sql.deleteSql('table', {
 id: 3
 });
 // res[0] => 'delete from table WHERE id = ?'
 // res[1] => [3]
</code></pre>
その他いろいろは test/test.js をみてください。テストは、Safari4 などの openDatabase の実装があるなら、それを使って Syntax チェックもします。
<h3>Deferred.prototype.e</h3>
JSDeferred 使っていて、非同期時の例外をきちんと error() でキャッチするのではなく、ログに表示したいとき
<pre><code>Deferred.prototype.e = function() {
 this.error(function(e) {
 console.log('catch deferred error: ' + e);
 return e;
 });
};
</code></pre>
とか定義しておくと
<pre><code>d.next(foo).e();
</code></pre>
とするだけで便利、と思ったけどいっそ以下のようにしちゃって、問答無用で表示の方が開発時は便利だな。
<pre><code>Deferred.prototype._fire = function (okng, value) {
 var next = "ok";
 try {
 value = this.callback[okng].call(this, value);
 } catch (e) {
 next = "ng";
 if (Deferred.debug) console.log('DeferredError: ' + e);
 value = e;
 }
 if (value instanceof Deferred) {
 value._next = this._next;
 } else {
 if (this._next) this._next._fire(next, value);
 }
 return this;
}

Deferred.debug = true;
</code></pre>

JavaScript 版の SQL::Abstract ぽいのを作ったhttp://github.com/hotchpotch/sql-abstract-javascriptWebDatabase で SQLite 使うんで、JavaScript で SQL 生成するのに作った。Ruby の ActiveRecord の SQL 生成方法より、SQL::Abstract のほうがしっくりくるんだよなー。S2JDBC のような Fluent Interface ぽいのも作ってみたけどしっくりこなく、結局 SQL::Abstract が単純明快で個人的にはわかりやすいんだよな。WebDatabase の executeSql は引数に SQL 文と、プレースホルダーに bind する配列をとるので、Perl の SQL::Abstract とほぼ同じ引数、戻り値になっている。where 句作る

JavaScript 版の SQL::Abstract ぽいのを作ったhttp://github.com/hotchpotch/sql-abstract-javascriptWebDatabase で SQLite 使うんで、JavaScript で SQL 生成するのに作った。Ruby の ActiveRecord の SQL 生成方法より、SQL::Abstract のほうがしっくりくるんだよなー。S2JDBC のような Fluent Interface ぽいのも作ってみたけどしっくりこなく、結局 SQL::Abstract が単純明快で個人的にはわかりやすいんだよな。WebDatabase の executeSql は引数に SQL 文と、プレースホルダーに bind する配列をとるので、Perl の SQL::Abstract とほぼ同じ引数、戻り値になっている。where 句作るvar sql = new SQLAbstract;
 var res = sql.where(['user = ? AND status = ?', 'nadeko', 'completed']);
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']名前つきプレースホルダーも使えるres = sql.where(['user = :user AND status = :status', {
        user: 'nadeko',
        status: 'completed'
 }]);
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']Hash を引数にとれるres = sql.where({
     user: 'nadeko',
     status: 'completed'
 });
 // res[0] #=> 'WHERE user = ? AND status = ?'
 // res[1] #=> ['nadeko', 'completed']select。limit/offset/group などもかけるres = sql.select('table', '*', {
     user: null,
     status: 'completed'
 }, {
     limit: 20,
     offset: 10
 });
 // res[0] => 'select * from table WHERE user IS NULL AND status = ? LIMIT ? OFFSET ?'
 // res[1] => ['completed', 20, 10]insert/update/deleteres = sql.insert('table', {
     user: 'nadeko',
     status: 'completed'
 });
 // res[0] => 'insert into table (user, status) values (?, ?)'
 // res[1] =>  ['nadeko', 'completed']

 res = sql.update('table', {
     user: 'nadeko',
     status: 'completed'
 });
 // res[0] => 'update table3 SET user = ?, status = ?'
 // res[1] =>  ['nadeko', 'completed']

 res = sql.update('table', {
     user: 'nadeko',
     status: 'completed'
 });
 // res[0] => 'update table3 SET user = ?, status = ?'
 // res[1] =>  ['nadeko', 'completed']

 res = sql.deleteSql('table', {
    id: 3
 });
 // res[0] => 'delete from table WHERE id = ?'
 // res[1] =>  [3]その他いろいろは test/test.js をみてください。テストは、Safari4 などの openDatabase の実装があるなら、それを使って Syntax チェックもします。Deferred.prototype.eJSDeferred 使っていて、非同期時の例外をきちんと error() でキャッチするのではなく、ログに表示したいときDeferred.prototype.e = function() {
    this.error(function(e) {
        console.log('catch deferred error: ' + e);
        return e;
    });
};とか定義しておくとd.next(foo).e();とするだけで便利、と思ったけどいっそ以下のようにしちゃって、問答無用で表示の方が開発時は便利だな。Deferred.prototype._fire = function (okng, value) {
    var next = "ok";
    try {
        value = this.callback[okng].call(this, value);
    } catch (e) {
        next  = "ng";
        if (Deferred.debug) console.log('DeferredError: ' + e);
        value = e;
    }
    if (value instanceof Deferred) {
        value._next = this._next;
    } else {
        if (this._next) this._next._fire(next, value);
    }
    return this;
}

Deferred.debug = true;

A Day in the Life

タイトル変更

タイトル変更

書いている人

おたよりを送る