人気ブログランキング |
カテゴリ:web( 10 )
VAIO ASSIST TORCH PROJECT
b0062462_0363518.jpg

すんごい企画。
素敵すぎて、すごさを理解しようとする頭より感情にくる。
世界を明るくするコトバで、世界を照らす。
しかも、高円寺の銭湯の煙突がトーチになるって
日本人の根底にある、胸の奥らへんもわし掴まれます。

Twitterで自分のコトバが自動でつぶやかれたって思ったら
高円寺の煙突に、自分のコトバが照らされているのがリアルタイムの映像で見える。
思わず、スクリーンショットとりました。

b0062462_0373148.jpg

お風呂にゆっくり入って、ほっとしてPC開いて見たサイトだから
余計に、銭湯のアイディアにやられたんかな。

> VAIO ASSIST TORCH PROJECT
by keikosan53 | 2010-12-02 00:55 | web
タイステーション☆祝オープン
b0062462_2102863.jpg
ネクタイ専門ブランド、「タイステーション」が、9月1日にオープンしました!
ブランド立ち上げから、関わることができたタイステーション。
そして、私の"bro"のブランドだからなんだかホントに関わりが深いプロジェクトでした。

少しでも多くの人に、ネクタイを楽しんでもらいたいから、
本当に良いクオリティのネクタイと、価格へのこだわりを持つタイステーション。

ネクタイを普段から付けている人も、カジュアルなファッションにナロータイを合わせたい人も、
そして、大切な彼へのプレゼントとしても、ぜひタイステーションのネクタイをどうぞ。


★TIE STATION オープン記念キャンペーン実施中★
「会員登録」+「2本買い」で最大で2,000円以上お得!

by keikosan53 | 2009-09-10 02:26 | web
au デコメテンプレートの作り方 3
戻ってきました。
auデコメテンプレートの作り方、3つ目のエントリーです。
前回のエントリーの続きで、7の携帯でのデコメ確認方法から。
ダウンロード用のhtmlファイルの作り方からです。

7. DoCoMoのdmtファイルと違い、auでのkhmファイル確認には、
携帯からダウンロード用のhtmlへのアクセスが必要です。
Notepadとかを開いて、以下のようなhtmlを用意します。
--------------------------------------------------------------------------------------
<?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>
<head>
<title>デコメのタイトル</title>
</head>
<object data="http://www.~/au_decome.khm" type="application/x-kddi-htmlmail" copyright="no" standby="au用デコメをダウンロードする">
<param name="disposition" value="dev1htm" valuetype="data" />
<param name="size" value="34102" valuetype="data" />
<param name="title" value="デコメのタイトル" valuetype="data" />
</object>
</body>
</html>
--------------------------------------------------------------------------------------
standbyのテキストは、携帯でダウンロード画面にアクセスした際、
表示されるダウンロードのテキストリンク。
"size"のvalueは、khmファイルのバイトサイズを正しく書きましょう。
ここのサイズが実際のファイルと違うとダウンロードがうまくいかない場合があります。
これで、ダウンロード用htmlがでけたよ。
※ソースにもしかしたら無駄なコードがある場合は見逃してください・・・

8. これで、khmファイルとhtmlファイルができたんだけど、
khmファイルをダウンロードできるように.htaccessファイルも用意します。
ローカルで“.htaccess”ってファイルは作れないから、
“au.htaccess”とかにしておいて、サーバにアップしてから名前を変更。
khmファイルをダウンロードする場合は、↓の一行だけのファイルでOK。
--------------------------------------------------------------------------------------
AddType application/x-kddi-htmlmail .khm
--------------------------------------------------------------------------------------
DoCoMoのdmtファイルもサーバにアップしてテストする場合は、
↓の一文も追加しておきましょう。
--------------------------------------------------------------------------------------
AddType application/x-decomail-template .dmt
--------------------------------------------------------------------------------------
これで、htaccessファイルがでけたよ。

9. khmファイル、htmlファイル、htaccessファイルをサーバへアップします。

10. テストする携帯のアドレスに、htmlファイルのURLをPCから送信。
これで簡単に受信メールからアクセスできるよ。
ちなみに、私のテスト環境は、auのW52SAでした。

いつか時間があったら、ぶれいんすとーみん具デコメとか作ってみようかな。

>> au デコメテンプレートの作り方 1
>> au デコメテンプレートの作り方 2
by keikosan53 | 2008-01-29 20:20 | web
au デコメテンプレートの作り方 2
昨日のエントリーの続きで、auデコメテンプレートの作り方。
dmtファイルをkhmファイルに編集するところから。

4.
以下の色が付いてる部分を修正していきましょう。
--------------------------------------------------------------------------------------
KDDI_HTML_MAIL_2_0 (※テンプレートフォーマットVer.2で作ってます。)
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="2000000000"

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

(※省略。↓HTML部分書くとこのエントリーに反映されちゃうから、編集箇所だけ。)

"cid:img_cid_000"
"cid:img_cid_001"
(※画像が2つの場合。3つ、4つと002、003、004・・・って増やしていく。)

(※省略)

--2000000000
Content-Type: image/jpeg; name="image_01.jpg"
Content-Transfer-Encoding: base64
Content-ID: <img_cid_000>

(※この下にくる文字列は1つ目の画像がBase64エンコーディングされたもの。
画像の品質が良いと、ここが長くなってしまって結果khmファイルのサイズも圧迫されちゃうのだ。
サイズ調整は全部できてから。画像文字列から改行、改行で1行空くように。)

--2000000000
Content-Type: image/jpeg; name="image_02.jpg"
Content-Transfer-Encoding: base64
Content-ID: <img_cid_001>

(※この下、2ツ目の画像Base64文字列。で、1行空けて最後↓。)

--2000000000--
--------------------------------------------------------------------------------------

5.
編集が終了したら、名前を付けて保存。
保存の際は、拡張子は「khm」に、エンコードは「iso-2022-jp」に。
これでファイルがでけたよ。

6.
問題はこのファイルサイズ。
でも、今回はVer.2だからファイルサイズにもかなり余裕があるのです。
Ver.2ならkhmの最大ファイルサイズが140KB。
書き出した画像(エンコード前)のサイズの合計は100KB未満に抑えましょう。
今回は2つしか画像がなかったから高画質JPGの品質100で書き出しました。
Ver.2なら挿入できる画像数が20個もあるから、いっぱい入れる場合はサイズに注意。
ちなみに、同じ画像を複数回使う場合は1個としてカウントされます。
Ver.1で作る場合は、khmファイルは13KBまで。画像合計は10K未満。
挿入できる画像数は5個までです。

ファイルサイズが制限より大きくなってしまったら、
画像を書き出す品質を落として書き出しからやり直し。
書き出した画像をまた「デコメールテンプレート作成ツール」にドラッグインして、変換。
変換して書き出したdmtファイルをエディタで開いて、
再書き出しした画像にあたるBase64エンコード後の文字列をkhmファイルへコピペ。
この繰り返しでファイルサイズを調整していきます。

7.
サイズに問題がなければ、いよいよデコメの確認へ。
自分の持ってるウェブサーバーにファイルをアップロードして確認する訳だけど、
DoCoMoのdmtファイルの場合、アップしたファイルのURLを携帯から直接たたいて
ダウンロードができるんだけど、khmファイルはだめみたい。
ちゃんとダウンロード用のhtmlを用意しないといけないのです。面倒だけど・・・

・・・やっぱり長くなってしまったので、続きはまた今度。
週明けになってしまうかな。

>> au デコメテンプレートの作り方 1
>> au デコメテンプレートの作り方 3
by keikosan53 | 2008-01-25 22:12 | web
au デコメテンプレートの作り方 1
何も分からず始めた、携帯デコメテンプレート作り。
ここ数日、携帯片手にずっと奮闘していたけれど、
今日やっとauのデコメテンプレートが完成しました☆

いろんな方々のブログの記事や、
キャリアのオフィシャルサイトを参考にしながら頑張りました!
簡単にauのデコメテンプレートの作り方を↓説明してみます。

1.
まずはデザイン作り。
240 x 320のサイズでPhotoshopFireworksを使ってテンプレートをデザイン。
この際、テキストが入る部分を意識しながらデザインします。
テキストエリアの背景は画像にできないから、ソリッドに。
デザインが出来たら、テキストエリア以外の部分を書き出します。
※書き出す画像(gif or jpeg)の品質をちょこちょこ変えながら、
サイズオーバーにならないようにします。
これはコーディングに入った後にも書き出し直したりして調整します。
サイズについては後で。

2.
次はコーディングの環境作り。
DoCoMoのサイトで提供されている、「デコメールテンプレート作成ツール」をインストール。
この時一緒に、「iモードHTMLシュミレーターⅡ」もインストールしましょう。
テンプレート作成ツールで作る時にプレビューできて、とっても便利です。
DoCoMo用のデコメ(dmt)を作って、そのソースをau用に編集するのです。

3.
デコメテンプレート作成ツールに取り入れるHTMLを作るっていう説明も読んだけど、
私は、ツールにある「デザインフォーム」からデコメの構成に合ったのを選択して使用。
そして書き出しておいた画像を全部ドラッグインします。
テンプレート用のテキストも入れて、早速「シュミレーター」で試してみたり。
問題がなければ、「変換」してdmtファイルを作成します。
ここでやっと一段落。 お茶でも飲みます。

4.
さて、今作ったdmtファイルを、EmEditorなどのテキストエディタを使って、
au用(khm)のファイルに編集します。

・・・長くなりそうだから、今日はここまで。
続きは明日書けるかな。

>> au デコメテンプレートの作り方 2
>> au デコメテンプレートの作り方 3
by keikosan53 | 2008-01-24 22:47 | web
iGood ★ Firefoxの秘密
iGoogleを知らなくて、「だっせー」と言われてしまった私。

b0062462_23303430.jpg


iGoogleって、自分が使うツールとか、時計とか、ニュースを追加して、
Googleの検索画面をカスタマイズできちゃう。
ちなみに今私が追加しているもの↓

・今日のNasa画像 (上下に圧縮されちゃってるけど。。。)
First American Spacewalker
b0062462_23323054.jpg

・Art of the Day
・goo英和辞典
・CNN.com
・CNET Japan
・NIKKEI NET
・トップニュース
・Date&Time(時計とカレンダー)
・Gmail
・To-Do List
・計算機
・YouTube
・Googleマップ

To-Do Listとか、本当に便利☆ 
ポストイットとか、メモ書きでいっぱいになってたのが全部ここにまとめて書けちゃう! 
他にもニュースとか英和辞典とか、普段だったら他のサイトに行かないといけないのを
この画面一つで全部できちゃう♪
そんな便利なiGoogleを知らなかった私は、「だっせー」と言われてもしょうがないか。

でも、ここで得意気にリベンジ!

Firefoxの設定をカスタマイズする方法知ってる?
b0062462_2348378.jpg

Firefox立ち上げて、アドレスバーに、

about:config

ってタイプするだけ。
どわーって一覧で出てくるよ。
後はクリックしてカスタマイズしていくだけ☆
でも、それぞれが何を指してるかはちょっと勉強しないとです。 → mozillaZine
b0062462_2327086.jpg

by keikosan53 | 2007-06-05 23:54 | web
新しいサービス"Gmail Paper"開始!
Googleが新しいサービスを始めました☆
その名も"Gmail Paper"!
あなたのGmailアカウントのメールをすべて印刷して届けてくれるのです。

① まずクリックしてオーダー。
b0062462_1226458.jpg


Googleスタッフがプリントアウトを梱包。
b0062462_1227885.jpg



③ Gmailボックスでお届け☆
b0062462_12273221.jpg


印刷できるメールの数の制限はなくて、何通でもOK。
印刷、デリバリー含め完全無料。
印刷される全ての紙の裏には、Helvetica 36ptのボールド赤字で広告が書かれていて、 
全て広告費でまかなっているそうです。

さすが、Google
新しいビジネスモデルです。

メールに添付されている画像も、
グロスのフォトペーパーにちゃんと印刷して届けてくれます。
MP3とかFlashアニメーションとかは紙に再現できないからサービス対象外。

でも、デジタルであるものを紙にするってなると
やっぱり心配になるのが環境問題。これってかなりの紙やインクの無駄。。。
でも、そこはGoogle、ちゃんと考えてます。
紙は、96%が環境にやさしい消費されたオーガニックの大豆の汁から
作られているそうです。
いや大豆のタン?


ん ?

............  むっきゃー!

完璧信じたのに。。。
April Fool's jokeだって
こんなサイトとか、こんなサーチエンジンも作っちゃってさ。
 
さすがGoogle、さすがです。
by keikosan53 | 2007-04-07 17:53 | web
ちょこっと更新
ぶれいんすとーみん具をちょこっと更新しました。
exciteを使っているからカスタマイズに制限があるけど、
気分もちょっと新しく☆

上で耳を触っているのは私です。
もう大人なのに、やっぱり耳触ると落ち着くのはなんなんでしょ。。。

これからもぶれいんすとーみん具をよろしくです。
by keikosan53 | 2007-03-04 15:55 | web
ウォーリーを探せ!
会社で仕事の合間にタブレットで描き描き、描き描き。

ウォーリー☆

ちょっと手がはれちゃった・・・
あ、私のじゃなくて、ウォーリーの手だよ。

ミンナもやってみよ~♪
b0062462_0214071.jpg

by keikosan53 | 2006-11-22 23:58 | web
ついにラウンチ☆
うー、感無量。。。
WSIのサイトがついにラウンチ☆
b0062462_0294066.jpg
>> FICC blog
by keikosan53 | 2006-11-01 00:45 | web