August 06, 2007

はて☆スタ ペイント

はてなスターの実用的でない、新たな使い方を模索してみました。

※ちょっとインデックスページが重くなりそうなので、インデックスページから来られた方は"続き"に本文があります。

使い方は、大量にある★をクリックすると☆に反転、もう一回クリックするとその反転をしますので、それでドット絵を描いてください。うまく書けたと思ったら、左下の"★+"マークをクリックすると登録されます。登録には時間が掛かりますので、『登録中...』の文字が消えるまで気長にお待ちください。リセットしたい場合は、左下の赤色☆で全消去されます。また、他の人の作品をみたい場合は、下に並んでいる☆をクリックすると、しばらくしてから作品が表示されるはずです。

自分で試してみたところ、IEでは動作がおかしいケースが結構ありますorz。Firefoxだとだいたい大丈夫なようです。

これは全てはてなスターのサービスを使って、JavaScriptで実装してあります(サーバサイドでは何もしていません)。ということで登録に時間がかかるのは、それだけ☆を裏でつけているからです。もし☆をいっぺんにつける方法があったら、早く動作するように改良できると思いますが、現時点の方法で使い方が適切でなかったらごめんなさい、はてな様。

ソースコード(JavaScript)をダウンロードできるようにしてありますので、興味がある方はそちらもどうぞ。画面サイズや画像などがカスタマイズできるようになっています。

※しつこく、はてスタT欲しい 第2弾に応募してみます(笑)。

00:50 fenrir が投稿 : 固定リンク | | このエントリーを含むはてなブックマーク | トラックバック
このエントリーのトラックバックURL: https://fenrir.naruoka.org/mt/mt-tb.cgi/584
コメント

おもしろいですね。まったく実用的じゃない辺りが最高です(笑)

Posted by: odawara : August 6, 2007 12:52 PM

>odawaraさん
やりだしたら、なかなかJavaScriptと戯れているのが楽しくって。けっして時給換算してはいけません(笑)

Posted by: fenrir : August 8, 2007 08:53 PM
コメントする









名前、アドレスを登録しますか?
(次回以降コメント入力が楽になります)
  • 匿名でのコメントは受け付けておりません。
  • 名前(ハンドル名可)とメールアドレスは必ず入力してください。
  • メールアドレスを表示されたくないときはURLも必ず記入してください。
  • コメント欄でHTMLタグは使用できません。
  • コメント本文に日本語(全角文字)がある程度多く含まれている必要があります。
  • コメント欄内のURLと思われる文字列は自動的にリンクに変換されます。