2008年11月19日

色彩感覚をテストするアプリ公開

色彩感覚テストというアプリを公開しました。

ランダムに並んだ色を、左から右に徐々に変化するように並び替えるアプリ(ゲーム?)です。

Munsell Hue Test」の携帯版。

はい。
パクリです…。

色彩感覚テスト
Flash lite 1.1〜対応。

色彩感覚テスト
posted by KEI at 21:58| Comment(0) | TrackBack(0) | 公開情報 | このブログの読者になる | 更新情報をチェックする

2008年09月30日

au用のデコメ(デコレーションメール)テンプレートを作る

前回のソフトバンクのデコメ(アレンジメール)に引き続き、今回はauのデコメ(デコレーションメール)テンプレートの作り方を紹介。

ソフトバンクに比べるとちょっと複雑です。


(1)Docomoのデコメテンプレートを制作

Docomoのデコメールテンプレート作成ツール

このツールを使って、ドコモ用のデコメテンプレートを作ります。
バージョンは1.0。


(2)テキストエディタでテンプレートファイルを開く

auの場合は文字コードを変換する必要があります。
そのため、メモ帳ではなく文字コードを変換できるテキストエディタを使いましょう。

無料で使いやすいテキストエディタとしてEmEditer等があります。
使い方は省略。


(3)ヘッダー部分を書き換える

テキストエディタでテンプレートファイルを開いたら、下記のように最初の6行(空行除く)を書き換えます。

■Docomo

Decomail-Template
MIME-Version: 1.0
Content-Type: multipart/related;boundary="1000000000"

--1000000000
Content-Type: text/html; charset=Shift_JIS
Content-Transfer-Encoding: 8bit

■au

KDDI_HTML_MAIL_1_0
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="1000000000"

--1000000000
Content-Type: text/html; charset="iso-2022-jp"
Content-Transfer-Encoding: 7bit


(4)HTMLタグのcidを書き換える

<html>と</html>で囲まれた範囲に、
<img src="cid:00">
というのがあると思います。

00の部分はテンプレートに使っている画像の数だけあります。
2つの画像を使っていれば、cid:00とcid:01があります。

この00の部分を以下のように書き換えます。

■Docomo
<img src="cid:00">、<img src="cid:01">〜

■au
<img src="cid:img_cid_000">、<img src="cid:img_cid_001">〜

例えば、

<div align="center"><img src="cid:00"></div>

と書いてあったら

<div align="center"><img src="cid:img_cid_000"></div>

となります。


(5)画像データのIDを書き換える

画像データ(謎の文字列)の前にあるIDを、(4)のcidに合わせて書き換えます。

■Docomo

Content-ID: <00>
Content-ID: <01>

■au

Content-ID: <img_cid_000>
Content-ID: <img_cid_001>

(4)のcid同様に画像の数だけありますので、すべて書き換えましょう。


(6)ファイル名と文字コードを変換

ファイル名を「xxx.dmt」から「xxx.khm」に変更。
文字コードを「JIS(iso-2022-jp)」で保存しましょう。
文字コードを変更しないとうまくいきません。


これで、au用のデコレーションメールテンプレートが完成です!


ダウンロード時は、ソフトバンク同様に「.khm」をサーバで利用出来るように「.htaccess」を置く必要があります。

「.htaccess」というファイルを作って、ファイルの中に以下を書いてテンプレートファイルと同じ場所に置きましょう。

AddType application/x-kddi-htmlmail .khm

もし、softbankのテンプレートも置いてあるなら、

AddType application/x-kddi-htmlmail .khm
AddType application/x-htmlmail-template .hmt

と続けて書いてください。


また、au用のテンプレートはAタグで直接指定してもダウンロードできません。objectタグを利用しましょう。

以下サンプル。


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>au用デコメテンプレート</title>
</head>
<object data="xxx.khm" type="application/x-kddi-htmlmail" copyright="no" standby="ダウンロード">
<param name="disposition" value="dev1htm" valuetype="data" />
<param name="size" value="9656" valuetype="data" />
<param name="title" value="デコメタイトル" valuetype="data" />
</object>
</body>
</html>


ここで、赤字の部分は皆さんのデコメテンプレートに合わせて書き換える部分です。

xxx.khm → テンプレートファイル名
ダウンロード → ダウンロードリンクに表示する文字列
9656 → テンプレートファイルのファイルサイズ
デコメタイトル → テンプレートのタイトル(端末で表示されます)

テンプレートファイルのファイルサイズは、忘れがちなので注意しましょう。
posted by KEI at 20:23| Comment(1) | TrackBack(0) | コンテンツ制作 | このブログの読者になる | 更新情報をチェックする

2008年09月23日

softbank用デコメ(アレンジメール)テンプレートを作る

ソフトバンクのデコメ(アレンジメールっていうらしい)を作ってみた。
あまり情報がなかったので作り方を載せときます。


(1)Docomoのデコメテンプレートを制作

Docomoのデコメールテンプレート作成ツール

これを使って、Docomo用のテンプレートを作ります。
デコメバージョンはとりあえず1.0で。


(2)Softbank用に書き換える

Docomo用に作った「xxx.dmt」をテキストエディタ(メモ帳など)で開きます。

最初の

Decomail-Template
MIME-Version: 1.0
Content-Type: multipart/related;boundary="2000000000"

これを

HTMLMail-Template-Version: 1.0
HTMLMail-Template-Title: title


MIME-Version: 1.0
Content-Type: multipart/related;boundary="2000000000"

に書き換えます。

titleはアレンジメールのタイトル。
日本語でも大丈夫みたいです。

titleの後に一行空白の行が必要です。
これがないとうまくいきません。

(3)保存して拡張子を変更

上書き保存して、「xxx.hmt」に拡張子を変更します。


これで完成!
はやっ!!

ちなみにダウンロードはファイルを直接指定してダウンロード。
ただし、サーバに「.hmt」が使えるように「.htaccess」を置く必要があります。

「.htaccess」とういファイルを作って、中身は

AddType application/x-htmlmail-template .hmt

と書けばおっけー。
このファイルをテンプレートファイルと同じ場所に置いておきましょう。
posted by KEI at 16:36| Comment(0) | TrackBack(0) | コンテンツ制作 | このブログの読者になる | 更新情報をチェックする

2008年09月06日

Flashアプリを公開

keez labで久々にアプリを公開した。

って言うか数年ぶり…。

ひさびさに公開したアプリは1時間程度で作ったジョークアプリです。


携帯ぶるぶる
Flash lite 1.1〜対応。

brbrqr.gif
posted by KEI at 17:20| Comment(0) | TrackBack(0) | 公開情報 | このブログの読者になる | 更新情報をチェックする