はて☆スタ ペイント
はてなスターの実用的でない、新たな使い方を模索してみました。
※ちょっとインデックスページが重くなりそうなので、インデックスページから来られた方は"続き"に本文があります。
使い方は、大量にある★をクリックすると☆に反転、もう一回クリックするとその反転をしますので、それでドット絵を描いてください。うまく書けたと思ったら、左下の"★+"マークをクリックすると登録されます。登録には時間が掛かりますので、『登録中...』の文字が消えるまで気長にお待ちください。リセットしたい場合は、左下の赤色☆で全消去されます。また、他の人の作品をみたい場合は、下に並んでいる☆をクリックすると、しばらくしてから作品が表示されるはずです。
自分で試してみたところ、IEでは動作がおかしいケースが結構ありますorz。Firefoxだとだいたい大丈夫なようです。
これは全てはてなスターのサービスを使って、JavaScriptで実装してあります(サーバサイドでは何もしていません)。ということで登録に時間がかかるのは、それだけ☆を裏でつけているからです。もし☆をいっぺんにつける方法があったら、早く動作するように改良できると思いますが、現時点の方法で使い方が適切でなかったらごめんなさい、はてな様。
ソースコード(JavaScript)をダウンロードできるようにしてありますので、興味がある方はそちらもどうぞ。画面サイズや画像などがカスタマイズできるようになっています。
※しつこく、はてスタT欲しい 第2弾に応募してみます(笑)。
コメント
>odawaraさん
やりだしたら、なかなかJavaScriptと戯れているのが楽しくって。けっして時給換算してはいけません(笑)
コメントする
- 匿名でのコメントは受け付けておりません。
- お名前(ハンドル名可)とメールアドレスは必ず入力してください。
- メールアドレスを表示されたくないときはURLも必ず記入してください。
- コメント欄でHTMLタグは使用できません。
- コメント本文に日本語(全角文字)がある程度多く含まれている必要があります。
- コメント欄内のURLと思われる文字列は自動的にリンクに変換されます。
- 投稿ボタンを押してエラーがでなければ、投稿は成功しています。反映されるまでには少し時間がかかります。
おもしろいですね。まったく実用的じゃない辺りが最高です(笑)
Posted by: odawara : August 6, 2007 12:52 PM