スポンサーリンク

jQuery

JavaScriptの動かないコード(中級編) forループ内でイベントリスナを定義したら,動作がおかしい。(クロージャや関数オブジェクトの性質を理解していないために発生するエラー)

連載目次へ 以下のJavaScriptコードが,意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: ・ボタンごとに,0, 1, 2 という異なる数を表示したい。 <h3>ボタンごとに異なる数字をアラート表示するサンプル</h3> <input type="button" id="id0" value="0"> <input type="button" id="id1" value="1"> <input type="button" id="id2" value="2"> <script> for (var i = 0; i < 3; i ++ …

jQueryを使ったサクサクWebスクレイピングのサンプルコード (WSH/JScriptバッチでIEを自動操作する時の $ セレクタが柔軟すぎる!)

バッチのまとめTOPへ バッチでIEを自動操作する際に,jQuery を使ってスクレイピングする。$() によるセレクタ機能をはじめ, jQueryのDOM操作をフルに WSH バッチ上で活用できる。 下記のバッチをただ単にダブルクリックするだけで,全処理を実行できる。jQ…

最近5〜6年分の人気のある jQueryプラグインを,年別に全て把握するまとめ。定番プラグインの日本語解説付きページへのリンク集

JavaScriptプログラミングのTOPへ さいきん5〜6年で人気のある jQueryプラグインを, 年ごとに全て把握するためのまとめ。 毎年,「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。それらの記事へのリンク集。 目を通しておくだけで,…

あなたが,勝つことも引き分けることもできない三目並べ (jQueryプラグイン「jQuery.fakeTicTacToe.js」によるマルバツ・ゲーム)

JavaScriptプログラミングのTOPへ 三目並べゲームには,必勝法は存在しない。したがって○×ゲームでは,お互いが最善の手を尽くすと,必ず引き分ける。 ところが,下記の三目並べは,CPUが必ず勝つ。あなたは必ず負ける。三目並べゲームに必勝法が無いはずに…

jQuery Mobile と HTML5 で、Androidのネイティブアプリを作成する手順

AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…

Androidアプリの画面レイアウトを,まるでjQueryのようなコードで動的構築できるライブラリ (の試作品。UIコーディングのためのDSL)

AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…

 グラデーションや影を,JavaScriptで付ける方法 (画像を使わず jQuery だけでクロスブラウザなWebデザイン)

HTML要素の背景にグラデーションをかけたい場合,色つきの画像をそのボックス要素の大きさに合わせて作り,背景として指定する方法がある。 しかし画像をいちいち個別に作るのは面倒だ。 (CSSで背景画像のサイズを自動調整する方法は無い。貼る個所のサイズ…

JavaScript で,クリックした座標に点を追加できるグラフチャートを描画する方法 (jQuery のプラグイン jquery.sparklines / jquery.flotの使い方)

JavaScriptプログラミングのTOPへ JavaScriptを使って,ブラウザ上でグラフチャートを作成する事ができる。 折れ線グラフ 棒グラフ 点だけでプロット のようにグラフの種類を変えたり,色を付けたり,プロットした点をマウスで操作したりすることもできる。I…

今から3分で qUnit の使い方を身に付ける (JavaScriptの単体テスト)

qUnitは,JavaScriptコードを単体テストするためのライブラリ。qUnitはjQueryプロジェクトから派生して誕生した。jQueryを使わない普通のコードであっても,回帰テストの対象にできる。 このテストツールの初歩を,今から3分で習得するための記事。

jQuery をSQLの「select文」のように使う方法

JavaScriptプログラミングのTOPへ jQueryオブジェクトを,まるでSQLのselect文のような呼び出し方で使える関数を作成した。 面白いだろうと思ってやっつけで作ってみたのだが,下記のようなコードが書ける。 jselect( "select * from document where id = p1…