Dear Developer,

Thank you for your recent binary submission for “Flash Card of Kuman Professor” to the App Store. Unfortunately we discovered an issue with your binary that you will need to correct in order for your application to proceed to the review stage. The specific issue is outlined below:

Invalid Signature – Make sure you have signed your application with a distribution certificate, not an ad hoc certificate or a development certificate. Verify that the code signing settings in Xcode are correct at the target level (which override any values at the project level). Additionally, make sure the bundle you are uploading was built using a Release target in Xcode, not a Simulator target. If you are certain your code signing settings are correct, choose “Clean All” in Xcode, delete the “build” directory in the Finder, and rebuild your release target.

Once you have corrected the issue, please return to the application’s version details page in the iTunes Connect Manage Your Applications module and click on the Ready to Submit Binary button. This will take you through the binary submission flow and return your application version status to Waiting for Upload. You can then use Application Loader to upload your new binary. If any other issues are found with your submission you will be contacted.

Thanks,
The iTunes Connect Team

ググってみるとたくさん引っかかるが、原因は人それぞれみたい・・。
仕方ないので一つ一つ確認していく。このプログはその時のメモ。

1. Xodeで’Run’時のwarnやerrorがでないようにしておく。

2. Xcodeの’Build Setting’の’Code Singing’→’Release’に’iphone Developer’ではなく’iPhone Distribution’を選択する。
　→ ‘iPhone Distribution’が無い人はProvisioning Profileが間違っているのでiOS Provisioning Portalページで確認。

3. Xcodeの’Architectures’にStandard(armv6, armv7)を指定する。
　→ AppStoreに2本目のiPhoneアプリを登録したの巻

4. Xcodeのメニュー’Product’→’Edit Scheme’→左項目’Archive’を選択。’Build Configuration’を’distribution’に選択する。
　→ Distributionの作り方
※ ‘Build Configuration’を’distribution’ではなく’Release’で登録完了できました。

一応、上記確認後に再アップロードしたら無事登録完了しました。iTune Connectでアプリのステータスが’Waiting For Review’になりました。あとは審査が通るかどうか・・。
ちなみにアップロードが無事登録完了すると下記のようなメールが届きます。

Dear ***** *****,
The status for the following app has changed to Waiting For Review.

App Name: Flash Card of Kuman Professor
App Version Number: 1.0.0
App SKU: ********
App Apple ID: *******
To make changes to this app, sign in to iTunes Connect and open the Manage Your Applications module.

If you have any questions regarding your app, click Contact Us in iTunes Connect.

Regards,

The iTunes Store Team

他にも色々調べて確認したけど、右往左往してまとまってないので記載できてなかったり。
下記のサイトがとても参考になりました。
- The binary you uploaded was invalid. The signature….
- 【申請方法】Invalid Binaryの理由について

関連サイト

• AppStore登録でInvalid Binaryがでてしまった。
• Titanium.UI.iPhone.SystemButton [undefined] is not an object
• Titanium Mobileの関連サイトを集めてみる

Titanium.UI ….. [undefined] is not an object

解決するには”build/iphone/”フォルダ内を一旦削除して再ビルドすればいいみたい。
ちょっいはまったのでメモ。

参考ページ

関連サイト

• AppStore登録でInvalid Binaryがでてしまった。
• Titanium.UI.iPhone.SystemButton [undefined] is not an object
• Titanium Mobileの関連サイトを集めてみる

iPhoneアプリはObjective-Cで開発、AndoroidアプリはJavaなどで開発する必要があるが、
それだと開発者の負担が大きく、開発に大きなコストと時間を費やす事になる。
それを解決するための救世主が両アプリを同時に開発できるTitanium Mobile!

JavaScriptで開発する

Titanium Mobileで使用する言語はObjective-CでもJavaでもなくJavaScriptである。
ホームページを作った事ある人やAjax開発に慣れている人ならすぐにでも開発にとりかかれる。
Objective-Cを一から勉強してある程度使いこなせるようになるにはそれなりの時間がかかるが、JavaScriptならその時間を一気に短縮できる。なんて素晴らしい・・。

iPhoneとAndoroidの両方の実行環境を構築しておく必要がある

万能そうなTitanium Mobileだけど、あくまでコンパイルしてくれるだけなので、
iPhoneとAndoroidの開発環境だけは整えてあげる必要がある。
iPhoneはMacでなければ開発できないので、両方同時にとなるとMacでなければならない。

▼ iPhone開発環境の構築 関連サイト
Xcode and iOS SDKのインストール
XcodeとMacPortsをインストールしてUNIX環境を整える
Xcodeをインストール

▼ Andoroid開発環境の構築 関連サイト
Mac OS X に Android SDK をインストールして Android エミュレーターを動かしてみる
Mac OS 10.6(Snow Leopard)での開発環境の構築
第2回　Androidアプリ開発のための環境構築

Titanium Mobileをインストールしてみる

下記から「Download for OS X」をクリックしてダウンロードする。
http://www.appcelerator.com/products/download/

Titanium Mobile開発時に参考にしたサイト

以下、よく見る順。
titanium-mobile-doc-ja
Titanium Mobile API Reference
Titanium非公式BBS
忙しい人のためのTitanium Mobile導入法
Titanium（タイタニウム）を使うのは楽しい！
Titanium Mobile 公式サイト

AppStore登録時に参考にしたサイト

App StoreへのiPhoneアプリの登録手順のまとめ
iPhoneアプリ AppStore申請まとめ

関連サイト

• AppStore登録でInvalid Binaryがでてしまった。
• Titanium.UI.iPhone.SystemButton [undefined] is not an object
• Titanium Mobileの関連サイトを集めてみる

【 やりたい事 】
- クライアントをチャネルに入室～
- チャネルら入室しているメンバーにのみメッセージ送信

/***********************************************************
 * Chart
 ***********************************************************/
var ejs = require('ejs');
var io  = require('socket.io');
var port = 3000

var socket = io.listen(app);
socket.on('connection', function(client) {
    client.joinChannel("hoge channel");
    client.on('message', function(msg) {
        client.send(msg);
        client.broadcastToChannel(msg, "hoge channel");
    });
    client.on('disconnect', function() {
        console.log('disconnect');
    });
});

/***********************************************************
 * Socket.io/Client メソッド追加
 ***********************************************************/
var Client  = require('socket.io/lib/socket.io/client.js');
// 指定したチャネルのクライアントにのみメッセージを送信する
Client.prototype.broadcastToChannel = function(message, channel){
  for (var i = 0, k = Object.keys(this.listener.clients), l = k.length; i < l; i++){
    if(this.listener.clients[k[i]].channel == channel) {
      this.listener.clients[k[i]].send(message);
    }
  }
  return this;
};
// クライアントがチャンネルに入るためのメソッド
Client.prototype.joinChannel = function(channel){
  this.channel = channel;
};

一応、これでチャネル分けとメッセージ送信できた。(Clientクラスのrequireがちょっと気持ち悪いけど・・)
上のコードだと「hoge channel」限定なのでチャネル作成・管理なども実装していく必要あり。
今後のtodoってことで・・。

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

redisのインストール

rpmからインストールしました。

wget ftp://ftp.pbone.net/mirror/centos.karan.org/el5/misc/testing/i386/RPMS/redis-2.0.0-rc4.el5.kb.1.i386.rpm
rpm -ivh redis-2.0.0-rc4.el5.kb.1.i386.rpm
chkconfig –level 3 redis on
/etc/init.d/redis start

expressにredisを設定する

これはすごい簡単です。

/***********************************************************
 * Module dependencies.
 ***********************************************************/

var express = require('express'),
    RedisStore = require('connect-redis');

var app = module.exports = express.createServer();
app.use(express.bodyParser());
app.use(express.cookieParser());
app.use(express.session({
  secret: "keyboard cat",
  store: new RedisStore(),
}));

これでサーバーを再起動してもセッションが維持されるようになったと思います。

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

1. mongoDBのインストール

前回の記事参照。
→　MongoDBインストール手順

2. mongooseのインストール

コマンド一発でOKです。

$ npm install mongoose

3. コードサンプル

// MongoDB
// MongoDBサーバーの設定
var mongoose = require('mongoose');
var crypto = require('crypto');

// Schemaを取得
var Schema = mongoose.Schema;

// ModelのSchema Class定義する
var CommentsSchema = new Schema({
  title: String,
  body: String,
  date: Date
});

// ModelのSchema Class定義する
var RoomSchema = new Schema({
  title: String,
  password: String,
  body: String,
  date: Date,
  comments: [CommentsSchema], // 1対多を埋め込み型で定義できる
  metadata: {
    votes: Number,
    favs: Number
  }
});

// middleware
// save処理の前にフックをかけれる。RailsでいうFilterみたいな機能
RoomSchema.pre('save', function (next) {
  this.password =
    crypto.createHash('md5').update(this.password).digest("hex");
  next();
});

// モデル化。model('モデル名', '定義したスキーマクラス')
mongoose.model('Room', RoomSchema);

// mongodb://[hostname]/[dbname]
mongoose.connect('mongodb://localhost/chatroom');

// 定義したときの登録名で呼び出し
var Room = mongoose.model('Room');

// インスタンス生成
var room = new Room();

// 各カラムにデータを入力
room.title = 'test title';
room.body = 'this is a pen';

// 埋め込み型カラムはpush()を使う
room.comments.push(
  {title: 'comment title1',
    body: 'comment body1',
    password: 'your password'});
room.comments.push(
  {title: 'comment title2',
    body: 'comment body2',
    password: 'your password'});

// pre-hookを定義しているとsave時に定義した関数が走る
room.save(function(err) {
  if(!err) console.log('saved!')
});

// データの取得
Room.find({}, function(err, docs) {
  docs.forEach(function(doc){
    console.log(doc);
  });
});
Room.findOne({}, function(err, doc) {
  console.log(doc);
});

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

関連サイト

mongoose – http://mongoosejs.com/
mongodb – http://www.mongodb.org

mongoDB用のレポジトリファイルを追加します。
/etc/yum.repos.d/10gen-mongodb.repo

32bit版Mongodbレポジトリの場合 (Fedora 14/13/12/11, CentOS 5.4/5.5 and Red Hat (RHEL) 5.4/5.5/5.6/6 on i686)

[10gen]
name=10gen Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/i686
gpgcheck=0

64bit版Mongodbレポジトリの場合 (Fedora 14/13/12/11, CentOS 5.4/5.5 and Red Hat (RHEL) 5.4/5.5/5.6/6 on i686)

[10gen]
name=10gen Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64
gpgcheck=0

2. mongoDBのインストール

安定版のインストール

yum install mongo-10gen mongo-10gen-server

開発版のインストール

yum install mongo-10gen-unstable mongo-10gen-unstable-server

3. mongoDBの起動

service mongod start
## OR ##
/etc/init.d/mongod start

4. ブート時に自動起動設定

chkconfig –levels 235 mongod on

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

前回の「ServersMan@VPSでnode.jsを試してみる」に続いて、今度はnode.jsのSinatra風フレームワークExpressを試してみる。
本当はRuby on Railsを模したExpress on Railwayを試してみたかったけど、まだ機能的に未実装な部分が多かったのでまた今度。
今回はExpressを試してみました。
開発環境はServers@VPSのCentOS 5です。

Expressフレームワークの特徴

本家に書いてあるExpressの特徴をざっくりと、、(間違ってたらごめんなさい)

1. WEBアプリケーションが簡単に実装できます!
2. ルーティング設定できます!
3. コード/テンプレートは分離されてます!
4. テンプレート用ヘルパーメソッドがあります!
5. パフォーマンスが良いです!
6. ビューのレンタリングやパーティアルもサポートしてるぜ!
7. 環境の切り分けができます。(Railsでいうdevelopmentとproduction)
8. ジェネレーターもあります!
9. セッション操作もお手の物!

Expressフレームワークのインストール

コマンドで一発でインストール完了。
あとついでにexpressで必要なejsテンプレートとMySQLのORMであるsequelizeもインストールします。

$ npm install express
$ npm install ejs

sequelizeはgitから最新版を取得してインストールします。(最新版でない日本語対応していないので・・)

git clone https://github.com/ngs/sequelize.git
npm install ./sequelize

骨組みの作成

Expressの骨組みを作成します。
Railsと同じく一発生成コマンドがあります。

$ cd ~/
$ mkdir blog
$ express -t ejs
$ ls
app.js logs pids public test views

Expressを起動してみる

$ node app.js

既定ではポート3000に開きます。ブラウザからアクセスしてみるとようこそと歓迎してくれます。

ログを出力してみる

既定値だとアクセスログが全く表示されないので、表示されるように設定してみる。
app.js 8行目

- var app = module.exports = express.createServer();
+ var app = module.exports = express.createServer(express.logger(),express.bodyParser());

これでサーバーを立ち上げ確認してみると下のような感じでアクセスログが表示される。

$ node app.js
192.168.0.1 – - [Thu, 17 Mar 2011 00:27:25 GMT] “GET / HTTP/1.1″ 200 – “” “Mozilla/5.0 (Windows; U; Windows NT 6.0; ja; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15 ( .NET CLR 3.0.30729; .NET4.0C)”
192.168.0.1 – - [Thu, 17 Mar 2011 00:27:25 GMT] “GET /stylesheets/style.css HTTP/1.1″ 304 – “http://192.168.0.1:3000/” “Mozilla/5.0 (Windows; U; Windows NT 6.0; ja; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15 ( .NET CLR 3.0.30729; .NET4.0C)”

またログに任意のメッセージを表示したい場合はconsole.logを使います。

app.get('/', function(req, res){
  console.log("トップページが表示されました。");
  res.render('index', {
    title: 'Express'
  });
});

ルーティング設定のサンプル

ルーティングの設定も簡単にできます。
設定ファイルはapp.js内で行います。

// getメソッドを設定
app.get('/user/:id', function(req, res){
    res.send('user ' + req.params.id);
});
// postメソッドを設定
app.post('/user/:id', function(req, res){
    res.send('user ' + req.params.id);
});
// 正規表現も使えます。
app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){
    res.send(req.params);
});

フォームで送信した内容を表示する

WEBアプリケーションでよくあるフォーム送信も簡単に実装できます。
テンプレートにフォームを追加します。

<form method="post" action="/chat/<%= id %>">
  <input type="text" name="user[message]" />
  <input type="submit" value="Submit" />
</form>

送信されたフォームデータはreq.bodyで取得することができます。

app.get('/', function(req, res){
  res.render('index', {
    title: 'Express'
  });
});
app.post('/', function(req, res){
  res.send('message: ' + req.body.user.message);
});

ブラウザ上での流れ

sequelizeを使ってMySQLにアクセス&データ挿入してみる

node.jsにはいくつかORMがあるけどsequelizeが評判良さそうだったので使ってみる。
その前にサクッとMysqlのインストールとデータベース作成する。

$ yum install mysql mysql-server mysql-devel
$ /etc/init.d/mysqld start
$ mysql -u root -e ‘CREATE DATABASE ‘express’ DEFAULT CHARACTER SET utf8′
$ mysql -u root express -e ‘CREATE TABLE comments (id int NOT NULL auto_increment, body varchar(400), createdAt datetime, updatedAt datetime, PRIMARY KEY(id));’

MySQL接続からデータ挿入までのコードは以下の通りです。とても簡単です。

// 1. Sequelizeを読みだす
var Sequelize = require("sequelize").Sequelize;
// 2. MySQLに接続
var sequelize = new Sequelize('express', 'root', null, {
  host: "localhost",
  port: 3306
})
// 3. テーブル定義する
var Comment = sequelize.define('comments', {
  body: Sequelize.STRING,
})
// 4. データを挿入する
var comment = new Comment({
  body: 'Hello Express, node.js and sequelize on ServersMan'
});
comment.save(function(){});

ただ、これだとapp.jsを起動する度にコメントが登録されてしまうので、
先程作成したフォーム送信時にコメントされるようにします。

// 先程作成したルーティング内にdoCommentを追加する。
app.post('/', doComment, function(req, res){
  res.send('Sended your comment: ' + req.body.user.message);
});
// コメントをDB挿入するメソッド
function doComment(req, res, next) {
  var comment = new Comment({
    body: req.body.user.message
  });
  comment.save(function(){});
  next();
}

sequelizeを使ってMySQLからデータを取得する

データの挿入ができたので次はデータの取得を行います。
Rails、SinatraやCakePHPを使っている方は予想できるかと思いますが、データの取得にはfindメソッドを使います。

Comment.find(123, function(comment) {
  // ID=123のCommentインスタンスを取得
})

Comment.find({ title: 'aComment' }, function(comment) {
  // title='aComment'のCommentインスタンスを取得
})

Comment.findAll(function(comments) {
  // 全データのCommentインスタンスを配列で取得します。
})

Comment.findAll({where: "name = 'A Comment'"}, function(persons) {
  // name='A Comment'のCommentインスタンスを配列で取得します。
})

ちなみにデータの削除はdestory()を使います。ただ、destroyAll()がないので全データ消す場合には下記のようにする必要があるみたい。

Comment.findAll(function(comments){comments.forEach(function(comment){comment.destroy()})})

データ取得の方法がわかったところで、トップページでコメント一覧を表示してみます。
app.get(‘/’)内をコメント一覧取得するコードを追加します。

app.get('/', function(req, res){
  Comment.findAll(function(comments) {
    res.render('index', {
      title: '一言掲示板',
      comments: comments
    });
  });
});

続いてテンプレートファイル(view/index.ejs)にコメント一覧用コードを追加します。

<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<form method="post" action="/">
  <input type="text" name="user[message]" />
  <input type="submit" value="Submit" />
</form>
<h2>コメント一覧</h2>
<ul>
<% comments.forEach(function(comment) { %>
  <li><%= comment.body %></li>
<% }) %>
</ul>

ヘルパーメソッドを使ってみる

テンプレートでデータの体裁を整えたい場合などに便利なヘルパーメソッドですが、勿論あります。
app.jsに下記のように記述します。
試しに日付オブジェクトのフォーマット用にヘルパーメソッドを追加してみます。

// Helper Methods
app.helpers({
  at: function(d){ return d.getFullYear() + "/" + d.getMonth() + "/" + d.getDay() + " " + d.getHours() + ":" + d.getMinutes()}
})

<h2>コメント一覧</h2>
<ul>
<% comments.forEach(function(comment) { %>
 　<li><%= at(comment.createdAt) %> <%= comment.body %></li>
<% }) %>
</ul>

シンプルな掲示板が完成しました。

感想

当初、サーバーサイドJavascriptは取っつきにくさはあるかと思っていましたが、
試してみると予想以上に簡単で感覚的にコードを記述できるので驚きました。
普段、sinatraを利用している人ならすんなりexpress+node.jsに移行できるのではないでしょうか。
またJavascriptなのでクライアントサイドでも同一言語で記述ができ、処理速度も高速となるとかなり魅力的です。
Ajaxを利用した小規模ウェブアプリケーションを開発する場合、expressより適したフレームワークはないのではないでしょうか。
次はAjaxを使ったexpressアプリを試してみたいと思います。

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

関連サイト

node.js – http://nodejs.org/
sequelize – http://sequelizejs.com/
express – http://expressjs.com/

クライアントサイドとサーバーサイドがプログラム言語が一緒だったらなぁ、
そんな願いを叶えてくれる最近話題のnode.jsを試してみた。
テスト環境は遊び用で借りているServers@VPS(CentOS 5)で、OSはCentOS 5です。

Node.jsとは

サーバーサイトJavaScriptのひとつで、Googleが開発したV8 JavaScript Engine上で動く。
Node.jsはRubyのイベントマシーンやPyhonのTwistedの影響を受けており、スケーラビリティの高いネットワークプログラムを簡単に開発できるように設計されている。
イベントループモデルなのでApachなどで使われているスレッドモデルに比べてメモリ消費量が圧倒的に少ない。
また、I/Oライブラリにlibevとliveioを使うことで非同期I/Oによる並列高速処理を実現した。

node.js – http://nodejs.org/
V8 JavaScript Engine – http://code.google.com/p/v8/

必要なライブラリ

python – version 2.4 or higher
libssl-dev – SSL/TLS通信を行う場合は必要

$ yum install -y gcc gcc-c++ openssl-devel python

ソースからインストールする

$ mkdir ~/sources
$ cd ~/sources
$ wget http://nodejs.org/dist/node-v0.4.2.tar.gz
$ tar zxvf node-v0.4.2.tar.gz
$ cd node-v0.4.2
$ ./configure –prefix=$HOME/sources/node-v0.4.2
$ make
$ make install
$ export PATH=$HOME/sources/node-v0.4.2/bin:$PATH

NPMをインストール

NPMはパッケージ管理ツールでNodeのライブラリなど追加するときに使用します。

$ curl http://npmjs.org/install.sh | sh
$ npm install express

Hello Worldを表示しよう

お約束の「Hello World」です。やり方はいたってシンプルです。
下記のファイルを作成して実行するだけです。
※「127.0.0.1」はあなたのIPに変更して実行してください。
example.js

var http = require(‘http’);
http.createServer(function (req, res) {
res.writeHead(200, {‘Content-Type’: ‘text/plain’});
res.end(‘Hello World\n’);
}).listen(8124, “127.0.0.1″);
console.log(‘Server running at http://127.0.0.1:8124/’);

下記のコマンドを実行します。

$ node example.js
Server running at http://127.0.0.1:8124/

TCPサーバーを立ち上げよう

hello worldと同じ要領でjsファイルを作成して実行します。
※「127.0.0.1」はあなたのIPに変更して実行してください。
example-tcp.js

var net = require(‘net’);

var server = net.createServer(function (socket) {
socket.write(“Echo server\r\n”);
socket.pipe(socket);
})

server.listen(8124, “127.0.0.1″);

下記のコマンドを実行します。

$ node example-tcp.js
Server running at http://127.0.0.1:8124/

Telnetを使って動作確認してみます。
※Windows Vistaでは既定ではtelnetコマンドが無効化されているので有効化してから試してください。有効化するには[コントロールパネル] – [プログラムと機能] – 「Windows の機能の有効化または無効化」を選択し、「Telnet クライアント」にチェックを付ければOKです。

telnet 127.0.0.1 8124

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

JavaScriptオススメ書籍

本格的にJavaScriptをやるなら読んでおいたほうが良い書籍2冊。

JavaScriptパターン ―優れたアプリケーションのための作法 新品価格 ￥2,940から (2011/3/16 16:01時点)

JavaScript: The Good Parts 新品価格 ￥1,690から (2011/3/16 16:02時点)

非同期I/O処理などNode.jsについてもっと深く理解したい場合の書籍

UNIXネットワークプログラミング〈Vol.1〉ネットワークAPI:ソケットとXTI 新品価格 ￥8,400から (2011/3/16 17:15時点)

$.fmtColor(‘#000′);//rgb(0, 0, 0)
$.fmtColor(‘#ffffff’);//rgb(255, 255, 255)
$.fmtColor(‘rgb(0, 0, 0)’);//#000000
$.fmtColor(‘rgb(0, 0, 0)’,'rgb’);//rgb(0, 0, 0)
$.fmtColor(‘rgb(0, 0, 0)’,'hexadecimal’);//#000000
$.fmtColor(‘#000000′,’rgb’);//rgb(0, 0, 0)
$.fmtColor(‘#000000′,’hexadecimal’);//#000000

参考サイト

http://code.google.com/p/jquery-color-utils/
http://code.google.com/p/jquery-color-utils/wiki/Document

最初、javascriptエディタはtextareaを使用しているのかとおもいきや
iframeをつかっているんですね。まずはそこにびっくりです。
今までしらなかったです。

<iframe id="iframe" width='240px' height='300px'></iframe>
var iframe = document.getElementById("iframe")                              |}
iframe.contentDocument.designMode= 'on'

http://yantona.jugem.jp/?eid=340
http://wiki.bit-hive.com/tomizoo/pg/JavaScript%20Range%A4%CE%BB%C8%A4%A4%CA%FD

javascript

  session[:user_id] = 10
  session[:flash] = {}

ブラウザでクッキーの中身を見てみるとこんな感じで入っています。

BAh7CToOcmV0dXJuX3RvMDoMdXNlcl9pZGkJOgxjc3JmX2lkIiVmMjQzOTE4%0AMGQ0MTU1MzRlNmZlMDEwMWUxOTkxYjNlNSIKCmxhc2hJQzonQW50vW9uQ29u%0AdHJvbGxlcjo6Rmxhc2g6OkZsYXfoSGfzaHsABjoKQHVzZWR7AA%3D%3D–9d957393e1ed5063fc93512d5148a0d06c33e5245

ようは、この中身を解析してしまえばいいって事です。
ザリガニさんのページでセッション部分を綺麗にまとめてくれてました。

http://d.hatena.ne.jp/zariganitosh/20080207/1202373997

class CGI::Session::CookieStore
...（中略）...
  private
    # Marshal a session hash into safe cookie data. Include an integrity hash.
    def marshal(session)
      data = Base64.encode64(Marshal.dump(session)).chop
      CGI.escape "#{data}--#{generate_digest(data)}"
    end

    # Unmarshal cookie data to a hash and verify its integrity.
    def unmarshal(cookie)
      if cookie
        data, digest = CGI.unescape(cookie).split('--')
        unless digest == generate_digest(data)
          delete
          raise TamperedWithCookie
        end
        Marshal.load(Base64.decode64(data))
      end
    end
...（中略）...

※参照

* エンコードは、sessionオブジェクト >> Marshal.dump >> Base64.encode64 >> CGI.escape
* デコードは、CGI.unescape >> Base64.decode64 >> Marshal.load >> sessionオブジェクト

なるほど。。
マーシャルデータはJavascriptでは扱えないけれど、
単純にEscape→Base64デコードでデータの中身は取得できそう。
Javascriptには標準でBase64デコードできるクラスは無いので外部から取得。

*JavaScript で Base64 の符号化と復号化
http://user1.matsumoto.ne.jp/~goma/js/base64.html

ためしにクッキーを表示してみる。

 alert(unescape(document.cookie));

↓がポップアップそれます。

rails_session_on_javascript_alert

「–」以降は暗号化チェックデータなようなので、「***_session=」以降、「–」以下をデコート掛けてやれば取得できるっぽい。

  var keyword_first = "session=";
  var keyword_end   = "--";
  var cookie = document.cookie;
  var first = cookie.indexOf(keyword_first);
  var end   = cookie.indexOf(keyword_end);
  if (first != -1 && end != -1){
    var data = cookie.substring(first + keyword_first.length, end);
    data = base64.decode(data, 1);
    data = unescape(data)
    alert(data);
  }

ここで問題が、、、

user_idの数字の羅列くらいはMarshal入れなくても無理やり取ってこれると思ったのですが無理でした。
RubyであればここでMarshal.load()を使えばObject化されてデータを取得できるんですが、
Javascriptに対応するライブラリが無い・・。