jQueryコードリーディングおはようございます。コードリーディング第四回です。jQueryには、特定のエレメントにイベントを割り当てるメソッドとしてbind,live,delegateが存在します。今回は、これらのメソッドの実装を追ってみたいと思います。 対象jQuery 1.5.... 続きを読む
これでなくなった。 jQueryを使わない理由が。 DHTMLを利用する全ての人、必携。 特にHTMLやCSSを書いても、JavaScriptはそれほど書かない人。これであなたにも書けるようになります。 まえがき - John Resig はじめに jQueryの基礎 HTMLページでjQueryライブラ... 続きを読む
The jQuery library has a passionate community of developers, and it is now the most widely used JavaScript library on the web today. Two years ago I announced that Microsoft would begin offering product support for jQuery, and that we’d be i... 続きを読む
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺... 続きを読む
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>... 続きを読む
この記事はjQuery is a Monad « Important Shockという記事の勝手訳です。Haskellプログラマーは誰しもがモナドに関する各々のチュートリアルを書くと言われる。というのも、一度モナドの定義とその可能性を理解すれば、モナド全体を囲む神秘性に挑戦して打ち破... 続きを読む
スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。 テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。 今回は、テーブルに実装できるjQueryプラグインいろい... 続きを読む
jQuery Tag プラグインは jQuery のメソッドチェーンを途切ることなく、HTML タグを組み立てるためのプラグインです。HTML タグの生成と追加をスタックで操作することで、メソッドチェーンを崩さずに HTML タグを組み立て続けることができます。 スタックの操作... 続きを読む
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギャラリーにも対応 [...] 続きを読む
今日のJavaScriptの使われ方は初期のJavaScriptとずいぶん違っているので、オブジェクト指向の概念を言語に取り入れている今日のJavaScriptの基本原理を学ぶことが大切です。検討すべき重要な機能は、クロージャ、プロトタイプモデル、DOMイベント処理です。 J... 続きを読む
ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http:/... 続きを読む
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $... 続きを読む
>>081210:追記 コメント欄にてもっといい書き方教えて頂きました! タイトル、なんのこっちゃ?って感じなんですが、そういう時があるんです。例えば会社概要なんかをマークアップした時、定義リストとして書く際にdtに社名、所在地、電話番号・・・って入れ... 続きを読む
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに... 続きを読む
10 Useful jQuery Plugins | AjaxLine 便利なjQueryプラグインが色々とあるみたいですね。 最近では、jQueryの人気が非常に高いように感じます。prototype.jsとかのシェアの状況は今はどうなってるんでしょうね。 Virtual jQuery Keyboar jQuery 3 State Switch... 続きを読む
Selectors jQueryのセレクタ関数を速攻マスターしたい方におすすめの「jQuery Selectors」。 jQueryでの$('code') とかって、最初は何を意味するか分かりませんね。 jQuery selectorsを使えば、ボタンを押すことで、指定したエレメントがハイライト&アニメーシ... 続きを読む
JavaScript, Greasemonkey, jQuery, jQueryUI, tipsgist: 17960 — GitHubを弄ってて実感した。DOMツリー構築とE4XjQueryだとjQuery関数にHTML断片を文字列として渡す事でDOMツリーを構築する事が出来る。で、Greasemonkeyのscriptが動く環境は当然Firefoxなの... 続きを読む
Javascript, まとめはてブだと埋もれるのでこちらに書き足してきます。jQuery 基本機能リファレンスjQuery 日本語リファレンスjQuery 開発者向けメモjQuery リファレンス- openspc2jQuery 1.2.6 リファレンス - StackTraceチュートリアルjQuery 入門 - openspc2... 続きを読む
Plugin for jQuery to generate sparkline charts directly in the web browser, with no web server support requiredNASDAQ: Loading.. 2186.57 (close 8/21-9/25) DOW: Loading.. 11022.06 (close 8/21-9/25) SF Giants: Loading.. Last game 9/27 Mouse spe... 続きを読む
jQueryのSubversionリポジトリにtestフォルダがあって、jQuery自身のテストが納められていたのですが、そこで使われているテスティングフレームワークがQUnitとしてトップレベルのプロジェクトになったようです。 QUnit - jQuery JavaScript Library これを使う... 続きを読む
代入しようとする $("#button").click = function(){ alert("Hi!"); } 違うよ。ぜんぜん違うよ。引数として渡すんだよ。 $("#button").click( function(){ alert("Hi!"); } ); ありもしないプロパティにすがる $("#div1").top( 100px ); $("#img1").src( "next_... 続きを読む
javascript[Think IT] 第1回:そろそろ本気で学びませんか? (1/3)これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方が... 続きを読む
Roppongi.JSいい加減やらないと!ということで、来週ぐらいからやっていきたいと思います。とりあえず先のステップに進むためjQueryのコードリーディング、ぱっぱとやってしまいましょー 日時5月20日(火)21:00〜22:00 毎週開催 内容jQueryCodeReading 場所オ... 続きを読む
", items.join("") + "") //*/ var iframe = document.createElement("iframe"); iframe.src = "/index-blank.html"; iframe.width = "100%"; iframe.height = $(this).prev().attr("rel") || "125"; iframe.style.border = "none"; $(this).prev().append(ifra... 続きを読む
Roundcorners Canvasは、タブ・ボタン・テーブルなどの矩形に、簡単な記述で角丸を実装できるスクリプトです。 Roundcorners Canvas デモページ 上記のキャプチャ画像のように、divの矩形(赤の箇所)と、リストのタブ(Lookの箇所)を角丸にするには、下記のコード... 続きを読む
jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイ... 続きを読む
Hiralogoo -Webネタ、日常の備忘録など- on 2008年2月11日 WYSIWYGのカラーピッカー『Farbtastic』… 面白いカラーピッカーを見つけました。『コリス』さんで紹介されていたものですが、javascriptで下のようなカラーピッカーが実現できます。実際に動きますの... 続きを読む
ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう! これを見てから3日間。 ブログもあまりかけずこればっかり... 続きを読む
こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニ... 続きを読む
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。その際、基調講演をしてくださった、etoさん(http://eto.com/d/PresenForJo... 続きを読む