九龍的ヘブンズ・ドアー
(107 keywords)

最新日記

RSS
  • 日記はまだありません

九龍のお気に入り

  • 西小倉事典 西小倉事典
  • マインディアからのお知らせ マインディアからのお知らせ
  • おぎやす広辞苑 おぎやす広辞苑
  • mindiaマネタイズ会議 mindiaマネタイズ会議

九龍的ヘブンズ・ドアーのメンバー

  • akkun_choi akkun_choi
  • 西小倉パンデイロ 西小倉パンデイロ
  • 里香 里香
  • !! (^ ..O ^ ) !! SHINYA !! (^ ..O ^ ) !! SHINYA

jQueryの履歴

logo_jquery_215x53.gif

JavaScriptHTMLの相互作用を強化する軽量なJavaScriptライブラリ。



最大の特徴は「$」から始まるDOMへのアクセスの良さである。
例えば1例になるが


<div id="fuck">Fuck you!</div>


というHTML文の「Fuck you!」部分を変えたい場合は


$("#fuck").text("Fuck me!");


と、れだけで済む。
実行結果として


Fuck you!
 ↓
Fuck me!


に変わる。
基本的な構文として


$(【にDOM指定】).各種関数や定数


といった形で直感的な記述が出来るので、大幅なコード減量と誰が見ても視覚的に何をしているか分かるというメリットがある。
れは通常JavaScriptで記載すると


var str = document.getElementsById("fuck");
str.innerText = "fuck me!";


になる。
2行で記載されているのもそうだが、jQueryと比較して直感的に見易いかどうかは明白。
なみに【にDOM指定】の部分は多彩な記述の仕方があり、おおよそ必用になる指定の仕方が正規表現っぽ記載するとが出来る。


jQueryをさらなる高みへ押し上げているのが豊富な拡張プラグイン
下記に一例を示す(リンクを参照)

http://www.devirtuoso.com/Examples/3D-jQuery/
http://webdev.stephband.info/parallax.html
http://www.jeremymartin.name/examples/kwicks.php?example=1

のように特にUI部分に強みがあるプラグインが豊富なのがjQueryの特徴でもある。



九龍的にはjQueryを使用すれば<table>や<div>などを一生懸命使わずに$().cssによるleft、top、width、heightなどの指定して直感的なレイアウト設計(通常のソフトウェアなどのように%割合やpx単位してでの設計)が出来るので「作り易い」し誰が見ても「あーの長さはの1行で書いてるのね」のように作成出来るので、もう既存のリキッドレイアウトとかいらねんじゃね?となっている。

JavaScriptに依存しきっているという問題も出てるが、今後クラウドコンピューティングの時代にシフトする上でJavaScriptを使えない環境そが問題のような気がしてる。



もうCSSのソースをおって

「あー、のクラスがにかかって、で、れはどを指定してうなってるの?」

とか

のCSSファイルいじったらなんかすげーレイアウト崩れたんだけど・・・」

とかうんざりしてるので、ういったぐりぐりと直感的なコーディングが出来るのは精衛生上とても良い。



個人的にFlashと双璧を成すべきUI技術としてjQuery街道を突き進みたい。