Javascriptでウィンドウを縮小させる。(Firefox編)
Javascriptと正確にはCSSを使って、ウィンドウをスクリプト側から縮小させる方法です。 Firefoxは、IEやChromeにはある「zoom:...
View ArticleはてなブログはjQueryが使えるらしいので使ってみた
jQueryが使える?! あの忌まわしいprototype汚染から逃れることが可能で、しかもクロスブラウザ対応にもできちゃうという魔法のフレームワークjQueryがはてなブログでは使えるの!?はたしてその真相はいかに!? というわけでためしてみた <script type="text/javascript"> $(document).ready(function(){ var hoge...
View Articleidとclassを使用しないjQueryコーディング
idとclass 通常HTMLとJavascriptの関係といえば、予めHTML要素としてidまたはclass属性を指定しておき、その属性に対してjavascript側からidやclassを指定して要素を特定しますが、jQueryを使うことによってidやclassを一切かかなくてもjavascriptで操作することが可能になるみたいです。 jQueryで要素を作成 よくある方法として、 var...
View ArticleJavascriptでオブジェクトのディープコピー
参照型 Javascriptでオブジェクトをコピーということは基本的にできないみたい。Javascriptにおけるオブジェクトというのは、DOM要素と配列({} と [])などはオブジェクトとして扱われ、 1 とか “1″ は 数値と文字列として扱われる。 var a = [1, 2, 3 ]; var b = a; b[0] = 100; alert(a);...
View Articlebit.ly API を試してみる
短縮URLといったら bitly https://bitly.com/ Twitterが突発的に流行りだした時に一緒に有名になった短縮URLサービス。bit.ly ちょっとAPI調べて使ってみます。 bit.lyで短縮URL出すにはAPIキーが必要 これAPIリクエストの制限とかあるのかな。 とりあえずアカウント作る create account のところをクリック アカウント作ったらトップページへ...
View ArticlejQuery UI も Twitter Bootstrapもテーマカスタマイズができた
jQuery UI や Twitter Bootstrapのテーマを自由に変える jQuery UI やTwitter Bootstrapのスタイルはcssによって描画されていますが、そのCSS(と画像ファイル)を自由にカスタマイズできるページがあったみたいです。 いやはやもう少し早く気づいておくべきでした・・。 jQuery UI jQuery UI ThemeRoller...
View ArticleJavascriptテストフレームワーク Jasmineを試す
日頃からJavascriptで開発をしているのにも関わらずあまりテストを書かないので、ここは本格的にテストを書こうと調べてみました。JavascriptのテストフレームワークといったらJsUnitなのかなーと思っていたが、調べてみると結構いろんな種類のテストフレームワークがあったりして、その中で得に人気なのかどうやらJasmineらしい。 Jasmine ~ JavaScript Test...
View ArticleHTML5 History API を徹底的に試してみる
History APIとは History APIはHTML5の機能のひとつで、ブラウザの戻る進むボタンのイベントを取得してページの内容を動的に変えることができるものです。なかなか便利な機能ではあったのですが、ちょっとつまずきポイントが多く、癖もかなりあるっぽいので徹底的に試してみようと思います。 スタック...
View ArticleテストとjQueryのeachっぽい何かを書いてみた
jQueryは便利だけど、わざわざjQueryをロードせずともできるだけ同じようなことがしたいというときに便利。jQueryほどセレクタの指定ができないが、forEachでぐるぐると実行してくれるので便利。おまけにテストも書いてみました。 使う場面としたら、Chrome拡張やブックマークレットくらいでしょうか。 <script> /* スクリプト...
View Articlebackbone.jsの公式ページを上から下まで眺めてみる
夜です。今回は何を思ったのか、backbone.jsの公式ページを眺めるという行為に及んでみたいと思います。 ちょっと見てみると、backbone.jsのルーティングがなんか便利そうじゃないですか。pushState触らなくていいとか! ajax使うにはもうbackboneは手放せない存在なんじゃないでしょうか。githubは違うプラグイン使っているみたいですが…...
View Articleangular.jsとknockout.jsを使ってみた
とても便利なangular.jsとknockout.js これまでbackbone.jsを触ってきたのですが、正月休みでangular.jsとknockout.jsも試しに触ってみました。...
View Article