Hatena::ブログ(Diary)

connvoi_tyouの日記 RSSフィード

2011-02-02

最近始めたこと。

ボールペン字やらなんやらかんやら。。

Android入門の本

Android入門の本は文字通り、アプリ作るために買いました。

なかなか時間が作れないですが、2月中に1アプリぐらい作ろうと思ってます。


ボールペン字練習帳と絵心教室DS

元々、字をきれいに書きたいとか、絵がうまくなりたいっていうのは思っていて

とりあえずボールペン字と絵心教室を買ってみました。

こっちは英語の勉強とAndoridよりは優先度は低いんですが

1日5分でもいいから継続しましょう。というテーマをもとに買ったものです。


nanapiワークスに載ってた時間管理をやってみる。

http://r.nanapi.jp/2538/

要するにGoogleDocsのスプレッドシートのForm機能を使って、

自分がどのくらい何をやったのかを書いていく感じです。

2週間ぐらいたちましたが、自分がいつさぼっているのか?

が分かってしまい怖いです(笑)


生成されたFormURLをAriaブックマークしておいて、それでいつでも登録しておけるようにしてます。これももう少し続けてみようかなと思ってます。




jQueryを使ったタイピングゲーム的なもの

ちょっと、タイピングゲームみたいなものを作ってみたかったので、作ってみました。

http://connvoi.com/typing/


Typing Game with jquery

基本のロジックはこのリンクです。


あとは前から使ってみたくて、ブクマしていたpluginを何個か使いました。


Text Change Event

jQuery Text Change Event - ZURB Playground - ZURB.com

文字の入力部分をうまいことやってくれる感じのものです。


$('#any').bind('textchange',function(event) {
                   var sublen=$(this).val().length;
                   var subv=$(this).val().substr(0,sublen);
                   var subq=question.substr(0,sublen);
                   if(subq!=subv){
                     $(this).css({"color":"red"}); 
                   }else{
                     $(this).css({"color":"green"}); 
                   }   
                   }); 

こんな感じで入力文字があってなかったら、色を赤くします。


jQuery Circulate

jQuery Circulate

これは定番ですね。

何かしらエフェクトをつけたかったので、Circulateをつかってさくっと実装しました。

コードは本当に簡単で対象とするノードに対して、

$('#any').circulate({ 
      speed: Math.floor(Math.random()*300) + 1000,
      height: Math.floor(Math.random()*1000) - 470,
      width: Math.floor(Math.random()*1000) - 470 
                            }); 

ってかけばランダムに旋回するオブジェクトができます。

動きの速度部分はspeedを増やすとゆっくりになる感じです。(ms単位)


かなり適当に書いているので、うまく動かなかったらごめんなさい。

動作はFirefoxのみで確認してます。

あとたくさん動き始めると重くなるので気をつけてください



jQueryを書くのをもう少しうまくやりたいですなー。