jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita
続編も書きました : 結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 jQuery version1.5で導入されたjQuery.Deferredは、無くてもコードを書けるけど、使えば少しコードが綺麗かつ見通しが良くなる、という機能。 無くても書けるという機能がなかなか使われないというのは世の常なので、jQueryクックブック(O'REILLY)の中でも言及されていない、なんとも寂しい状況だ。 ちょっとここらで一肌脱いでやるか、という趣旨で書き始めたら無駄に長くなった。 とりあえず使ってみたい、という人は下の方の「jQuery.Deferred自体の使い方」までジャンプするとよい。 jQuery.Deferredとはどういう場面で使うものなのか コールバックを渡して非同期処理完了時にそれを呼び出してもらうような場面。 具体的には $.get('hoge',
jQueryで要素を特定するセレクター
jQueryで要素を特定するセレクター 名称書式指定対象 CSSでよく利用されるセレクター 要素セレクター$("要素名")特定の要素 IDセレクター$("#ID名")特定のid属性を持つ要素 クラスセレクター$(".クラス名")特定のclass属性を持つ要素 子孫セレクター$("要素1 要素2")特定の要素の内側にある要素 ユニバーサルセレクター$("*")すべての要素 グループセレクター$("セレクター1,セレクター2,...")複数のセレクター CSS2のセレクター 子セレクター$("親要素名 > 子要素名")特定の要素の直下の子要素 隣接セレクター$("要素1 + 要素2")特定の要素の次の要素 first-child類似クラス$("要素:first-child")同一要素内の最初の要素 CSS3のセレクター 間接セレクター$("要素1 ~ 要素2")特定の要素の後に出現する要素 否
jQueryの短いコードでコンテンツをフェードインしながらふわりと読み込む方法
コードの細かい解説が参考記事にあります。とても参考になりました！ サンプルを作りました。（サンプルデモ→”fadein｜memocarilog demo”） 使い方 ヘッド内で以下のようにjQuery本体とコードを読み込みます。 読み込む時間とフェードインの時間を指定できます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('#フェードインしてくる要素').hide(); }); var i = 0; var int=0; $(window).bind("load", function() { var int=setInt
Yes!! jQuery!! jQueryを使ってtwitterボタンを動的に描画する方法
jQueryを使ってtwitterボタンを動的に描画するのは意外と難しい。twitterボタンをいわゆるblogなどに静的に設置するのは簡単だ。twitter自らがボタンを作成するウェブページを公開している。 http://twitter.com/goodies/tweetbutton このサイトでポチポチパラメータを選択していくとこのようなボタンが作成可能だ。 Tweet ちなみに、このtweetボタンを表示しているhtmlは以下。上記tweetボタン作成サイトで同様のhtmlをコピーできる。 <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://yesjquery.blog100.fc2.com/" data-count="horizontal" data-lang="ja">T
一目惚れするくらいかわいいダイアログを表示するjQueryプラグイン | アルパカの具
思わず一目惚れしてしまいました。このダイアログのかわいさに。しかも、ものすごく簡単に実装できてしまうんです。 ダイアログの種類は「Notice（通知）」、「Success（成功）」、「Warning（警告）」、「Error（エラー）」の4種類があるので、用途に合わせて使い分けることができます。 使い方 1.jQuery $( function(){ $().toastmessage( { position : 'middle-center' } ); // Notice $( '#demo-notice' ).click( function(){ $().toastmessage( 'showNoticeToast', 'こんなにかわいいダイアログが手軽に使えるなんて' ); }); // Success $( '#demo-success' ).click( function(){ $(
jQuery使って、ウハウハしよう！【テキスト、CSS変更編】 | テクログ ｜ 渋谷のWEB制作会社コアテック
お探しのページが 見つかりませんでした 申し訳ございません。リンクに問題があるか、 ページが削除された可能性がございます。
2011年に配信したjQueryやWordPressなどのWeb制作向け情報・総まとめ - かちびと.net
早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがｗ というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。 復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さい マウスを乗せるとキャプチャが表示されます。 130個くらいです。普段から小ネタばっかりなのでそんな感じのまとめです。 【追記】（僕が）リンク見にくいので色を変え
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
ニュータイプなJSライブラリjQueryを使ってみよう！
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
Javascript/jQuery/まとめ - 俺の基地
jQueryは全部jQueryオブジェクトに対するメソッドやプロパティになるのでそういうの中心で ver1.2.3でやってます 目次 jQueryオブジェクトとは $関数で生成されるjQueryオブジェクトとは操作対象のDOMがむき出し格納された配列で、そのjQueryオブジェクト自身がは格納しているDOMを操作するメソッドをたくさん持っている。 ほとんどのメソッドのreturnが自分自身、もしくはjQueryオブジェクトになっていて、そのメソッドのほとんどがDOMを変形させるために用いられる。つまり仕様的には破壊的メソッドばかり。 なので結果にドンドンメソッドを連結していくメソッドチェーンと呼ばれる特徴的な記述ができる。 ※実際はDOMが格納された配列ではなく配列のように見えるオブジェクト。なので配列の基本メソッドは使えない。 ▲ ▼
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
Ajaxライブラリ一覧
このページはAjax (JavaScript) 関連ライブラリ一覧を掲載しています。 ライブラリのサンプル（例文）に関しては新JavaScript例文辞典にも掲載しています（新しいライブラリなどにも対応しています）。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
Googleの CDNを使って jQuery UI Tabsを使う例
► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ► 20
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
GoogleがホスティングしてるjQueryなどのJavaScriptライブラリを使う方法 - F.Ko-Jiの「一秒後は未来」
そういえばGoogleがjQueryをホスティングしてたよなぁということを思い出して調べたのでメモ。 2009年1月14日時点でGoogleがホスティングしているライブラリは以下の8種類です。 jQuery (1.2.3, 1.2.6) jQuery UI (1.5.2, 1.5.3) Prototype (1.6.0.2, 1.6.0.3) script.aculo.us (1.8.1, 1.8.2) MooTools (1.11, 1.2.1) Dojo (1.1.1, 1.2.0, 1.2.3) SWFObject (2.1) Yahoo! User Interface Library (YUI) (2.6.0) YUIもホスティングされてます。 それぞれのライブラリは直接 script タグで読み込むこともできますし、GoogleのAJAX API Loaderを利用して読み込むこ
jQuery Ui.Tab（タブ）プラグイン実装・配置位置・その意図など - WEBデザイン BLOG
javascript タブUI導入の参考になるサイトでも紹介したタブ機能・jQueryTab（タブ）プラグイン（jQuery UI Tabs / Tabs 3）をこのブログに実装しました。 iGooleやYahoo!ニュースなどユーザーがよく見るページで普通に使われるようになった便利なタブ機能。実装するにも意味を持って使わないとタダのタブになってしまいます。ブログの中で使える場所は？と考えた結果。エントリー文末に使うのがベストであるという結論になりました。 そんなタブ機能を実装した思惑と配置場所の理由なんかを書き出してみます。 jQuery UI Tabs こちらのjQuery UI Tabs / Tabs 3から必要なデータがDLできます。 以前から改良された点は、表示タブの幅が限定されていましたが、今のバージョンからはテキスト内容に従って表示されるようになりました。 今回このブログでは
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
はじめてのjQuery