メイン

「color」のアーカイブ

2008年5月 8日

今の色を計算する

なんか色についてのエントリが流行ってるみたいですね。

ちょっと前に、色を投稿するアプリをGoogle App Engineで作っていたので、「色」きてますね、ブームが。

それはさておき、一日の中で「今」が何色なのかを計算するコードを書いてみました。

24時間を秒に直して、0:00:00からの秒数が何色かを計算してます。

function calcColor(){
    var now = new Date();
    now = parseInt( (now.getTime() - new Date(now.getFullYear(),now.getMonth(),now.getDate()).getTime())/1000 );
    now = now * 1677216 / 86400;
    now = parseInt(now).toString(16);
    for(var i = 0,len = 6-now.length;i < len;i++){
        now = '0'+now;
    }
    document.body.style.backgroundColor = '#'+now;
}

↓このボタンを押すと、1秒ごとに色を計算して、背景色を変化させます。

やっぱ、色、おもしろいですわ。このコードはColorに近々実装してみようかな。

2008年4月16日

ColorのGoogle Gadget作りました。

先日Google App Engineで作った"Color"のGoogle Gadgetを作りました。

これで、わざわざサイトに行くことなく、iGoogle上から色を投稿したり、public colorsを見たりすることができます。

IEを利用していると、ガジェットの中のログインが失敗することがあります。エラーメッセージにしたがって、セキュリティのCookieの設定を変更するとログインできるようになるんですが、こういうのしなくてもうまくログインさせる方法ってないものでしょうか。

ガジェット自体は、urlガジェットでColorのあるURLを参照しているだけです。昨晩2時間くらいで作ったので、ガジェットの機能やデザインも今後改善していきたいと思います。

#まずはurlのガジェットでダイナミックに高さを変える方法を見つけないと・・・。

2008年4月12日

Google App Engineでアプリを公開しました。

Colorという名前のWebアプリです。

Color

color_001.png

これは何?

『色を投稿して記録する』アプリです。

Googleアカウントでログインします。

ログインすると、/homeへリダイレクトされます。

home画面で、画面上部の"Select Color!"の下にある色をクリックすると、その色が投稿されます。

下の方には、自分が過去24時間以内に投稿した色と、自分の最近の10件の色が一覧で表示されます。

color_002.png

投稿部分のカラーパレットは「Setting」の画面で変更することができます。

 

color_003.png
画面右上の「Public colors」をクリックすると、サイトの全ての利用者の過去24時間以内に投稿した色が見られます

color_004.png
sort byで「color」をクリックすると、色で並べ替えをすることができます。

color_005.png

「Calculate average ob public color」をクリックすると、色コードの平均値を計算して、背景色を変更します。

 

color_006.png何に使うか?

特に「こういう用途に使ってください!」というのはないので、逆におもしろい使い方があったら教えてください。

いただいた意見も含めて、「こんな使い方できるんじゃない?」というものを書き出しておきます。

・体調や感情を記録する。(赤:怒り、青:普通、灰色:体調悪い)
・食べたものを記録する。(白:穀類、緑:野菜、赤:肉)
・着た服の色を記録する。

今後のロードマップ

ぼちぼちと以下の機能を実装していきます。

・自分の色を他の人に見せる機能
・色と共にコメントを残せる機能
・複数の人で色を投稿できるグループ機能

ご意見・ご感想などはこのエントリのコメント欄かこちらまで。

Google App Engineの感想とかはまったところとかは、また別のエントリにします。

アーカイブ