タグ

jQueryに関するhisasannのブックマーク (627)

  • jQuery内部のエラー処理について | バシャログ。

    週末にソーシャル・ネットワークを観てきました。全編にわたって早口で物語が展開し、前提知識なしで観たので、途中まで起きていることがつかめませんでした。あらすじは調べてから行かれることをオススメします。個人的にところどころに挟んでくる技術トーク(Emacs使いなところや、講義シーンで出るコンピュータの歴史など)が筋とは関係ない見所です。 今日もjQuery内部の話をちょっとします。最近、jQuery1.2.xを使っているWebページでjQueryのバージョンを最新にしたら動かなくなることがありました。 調査してみたところ、セレクタの記述が間違っていたが、動作していたこと、(憶測になりますが)1.3でセレクタエンジンSizzleが導入され、挙動が変化したこと、jQueryのエラー処理に変更があったことで不具合が起きてしまったようです。 1.4.1からのエラー処理 jQuery1.4.1から j

    jQuery内部のエラー処理について | バシャログ。
  • jquery1.5のDeferred Object - pirosikick's diary

    Deferred Objectとは jQuery.Deferred, introduced in version 1.5, is a chainable utility object that can register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. Deferred Object – jQuery API 「jquery1.5からの新機能で、複数のコールバック関数をキューに保持・実行でき、どんな同期・非同期の関数の成功・失敗などの状態をリレーできる。」 通常のコールバック1つのイベントや成功・失敗などのトリガーに対して1つしか

    jquery1.5のDeferred Object - pirosikick's diary
    hisasann
    hisasann 2011/02/07
    success後にセットした場合は即時実行なのか。jXHR.success = jXHR.done;
  • 5509.me

    This domain may be for sale!

    hisasann
    hisasann 2011/02/04
    jQuery.expr[":"]をうまく使った例。いいね!
  • node.jsとjQueryでスクレイピングするウェブアプリの作り方

    やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

    node.jsとjQueryでスクレイピングするウェブアプリの作り方
    hisasann
    hisasann 2011/02/03
    jsdom.jQueryifyでjQueryを有効化する
  • Using Deferreds in jQuery 1.5 - Eric Hynds

    Monday, January 31, 2011 Deferreds, new in jQuery 1.5, decouple logic dependent on the outcome of a task from the task itself. They’re nothing new to the JavaScript scene; Mochikit and Dojo have implemented them for some time, but with Julian Aubourg's AJAX rewrite landing in 1.5, deferreds in jQuery was the logical next step. With deferreds, multiple callbacks can be bound to a task's outcome, an

    hisasann
    hisasann 2011/02/01
    jQuery.Deferredの使い方
  • jQuery 1.5 Released | Official jQuery Blog

    Right on schedule jQuery 1.5 is ready for consumption! This release has been a long time coming and has been a real team effort. Please take this opportunity to thank members of the jQuery Team and the jQuery bug triage team for their help in getting this release out the door. Downloading As usual, we provide two copies of jQuery, one minified and one uncompressed (for debugging or reading). jQuer

    hisasann
    hisasann 2011/02/01
    jQuery.ajaxの書き換え、jQuery.Deferredの追加、jQuery.subでサブクラス作れる、.children()や.next()など高速化。わっほ〜!
  • jQuery.extend で deep コピー - Cyokodog::Memo

    できるんだぁ 知らなかった これもあまりリファレンスとかにのってないような・・・ xx jQuery.extend(true, Child, Oya); IEで継承がうまくいかない/ ちなみに継承は jQuery.extend(true, Child.prototype, Oya.prototype); でうまくいきます(Child,Oya は関数オブジェクトなんで)。 ただこの場合は jQuery.extend(Child.prototype, Oya.prototype); でいいような気がしますが… (コメント書けなかったのでこっちに書きました) var a={ aa:{ aa1:100, aa2:200 } } var b1=$.extend({},a) alert(b1.aa.aa1) //100 b1.aa.aa1=111 alert(a.aa.aa1) //111 var b

    jQuery.extend で deep コピー - Cyokodog::Memo
    hisasann
    hisasann 2011/02/01
    jQuery.extend( [deep], target, object1, [objectN] )
  • jQuery 1.5 beta1がでたようです - PolyPeaceLight

    面白そうな変更点(jQuery Blog » jQuery 1.5 Beta 1 Released)をつらつらと Ajax moduleでPromise的な記述が可能に(全体的書きなおされたようです jQuery Blog » jQuery Community Updates For December 2010 $.getJSON(url).complete(successCallback).error(errorCallback); なぜか、completeとerrorの両方をpromiseで定義して、200で取得成功するとerrorも動いてしまっています・・・ SubClassの作成 jQuery 1.5の新機能: jQueryのサブクラスが作れるようになる | へびにっきで早速まとめられていました noConflictの時の衝突可能性を除去 inline elementのfadein

    jQuery 1.5 beta1がでたようです - PolyPeaceLight
  • yuga.js :: Kyosuke.jp

    yuga.jsって? ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s

    hisasann
    hisasann 2011/01/25
    かゆいところに手が届くプラグイン
  • jsplumb.org

    This domain may be for sale!

    hisasann
    hisasann 2011/01/24
    これはすごいぞ!!
  • prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog

    どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な

    prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
    hisasann
    hisasann 2011/01/21
    window.onerror、webkitも使えるんだ!
  • jQuery 1.5の新機能: jQueryのサブクラスが作れるようになる | へびにっき

    jQuery 1.5 beta1 のリリースノートを見ていたら面白そうな機能があったので紹介。 jQuery.subclass() でjQueryのサブクラスを作ることができる var MyjQuery = jQuery.subclass(); 作成したサブクラスには独自のメソッドを定義することができる。定義の仕方、使い方は通常のjQueryと全く同じ。 MyjQuery.fn.writeHello = function(){ this.text('Hello World'); }; MyjQuery('p').writeHello(); 通常のjQueryメソッドはサブクラスでもそのまま使える。サブクラスを作った後に追加したメソッドも使えるので、プラグインによる拡張と組み合わせても大丈夫。 MyjQuery('div').css('border', '1px red solid').wr

    hisasann
    hisasann 2011/01/17
    面白いけど、ややこしくなりそうだから、多分使わないな。
  • imeero - iPhoneエロ画像

    hisasann
    hisasann 2011/01/15
    jQueryMobileの活用事例
  • サーバサイドJavaScriptとjQueryでスクレイピング

    jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい? Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無いので単体では jQuery を実行することはできませんが、env-js という DOM ライブラリを使用するとこの辺はクリアできます。 env-js の中に jQuery を使ったサンプルがいくつか入ってますので、Java とか JavaScript とか詳しい方はそちらを見てもらった方が早いと思います。 使ってみる まず env-js をビルドしないといけないのでその辺の手順から説明します。

    サーバサイドJavaScriptとjQueryでスクレイピング
  • freeml(フリーエムエル)|新しい生活をはじめる羅針盤

    住まい 住宅ローン 引越し 暮らし 電気・ガス インターネット ウォーターサーバー 将来に備える 不動産投資 学資保険 投資信託 積立NISA ライフスタイル お酒 グルメ ビューティー アウトドア freeml(フリーエムエル)は、「時代と生活の変化」に対し、「free & meaningful life」のコンセプトのもと、 「新しい生活をはじめる羅針盤」となるような情報メディアを目指しております。「住む場所を探し」「生活インフラを整え」「将来の準備をする」… 生活の中には多くの選択肢が存在し、ひとつひとつの選択の積み重ねによって、よりfree(開放的)でmeaningful(有意義)な生活が形成されていきます。専門家の方々のご協力を交えた当サービスの情報が、届いた方の「よりお得な」「より自分にあった」「より納得のいく」選択に繋がればと願っております。

    freeml(フリーエムエル)|新しい生活をはじめる羅針盤
    hisasann
    hisasann 2011/01/07
    jQuery1.4.3から追加された$.cssHooksの内容
  • jQueryでリアルな本をペラペラめくるUI作成チュートリアル:phpspot開発日誌

    Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルなをペラペラめくるUI作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQueryベースというのはあまり見たことがなかったのですが、これを参考に作れそうですね。 CSS3なんかも使われているので、総合的に学習できる資料として役立ちそうです。 関連エントリ Flashでをペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 FlashでをペラペラするUI実装いろいろ

    hisasann
    hisasann 2010/12/21
    おお〜
  • java-ja.js #2 RequireJS実践編 - monjudoh’s diary

    java-ja.js #2 : ATND 自己紹介 文殊堂といいます。 BePROUDという会社のリーダーです ↑はロケタッチの話です(ロケタッチ知らない人は4SQでMayorになったみたいな話だと思っといてください)。 弊社では今(2010年12月現在)人材募集中らしいですよ。 今の仕事UIがリッチな業務システムを作るとかそんな感じで、 そこでRequireJSを使っています。 RequireJSって何? 公式サイト RequireJS スライド jQueryRequireJS.pdf語記事だとこの辺? http://zudolab.net/blog/?p=451 要はJavaScriptの依存性解決をしてくれるライブラリです。 以前RequireJS moduleについてって記事書きました。 あらためてRequireJS moduleについて まず最初に、一般的な言語と同じよう

  • jQuery Apple Effect

    jQuery plugin intended to reproduce the special effect we have seen recently on Apple.com (new MacBook Air, The Beatles on iTunes, etc.) If you don't know what I'm talking about, have a look at the video below. Documentation Quick start This plugin is very easy to use. Just target the element you want to highlight: $('#target').appleEffect(); Options Custom the behavior with these options: color:

    hisasann
    hisasann 2010/12/07
    久々に難読化されてるコードミタヨ
  • jQuery.stopのjumpToEnd引数が便利すぎてやばい(JavaScript Advent Calendar 2010 5日目) - KAYAC engineers' blog

    JavaScript Advent Calendar 20105日目のago(@kyo_ago)です。 jQueryのソースを眺めててjQuery.stopに引数があることに気づいたので調べてみました。 まず、簡単なスライドダウンメニューを作ってみたいと思います。 jQuery.stop 1 - jsdo.it - share JavaScript, HTML5 and CSS JS部分は以下の通りです。 $(function () { $('div').hover(function () { $(this).find('ul').slideDown(); }, function () { $(this).find('ul').slideUp(); }); }); 少し触ると分かると思いますが、マウスがmenuから外れた後も何度も.slideDown、.slideUpが実行されるため非常に

    jQuery.stopのjumpToEnd引数が便利すぎてやばい(JavaScript Advent Calendar 2010 5日目) - KAYAC engineers' blog
    hisasann
    hisasann 2010/12/06
    animateメソッドを使えば、stop時の高さ問題は回避できるのかな?。。。
  • 安藤日記

    安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ John Resig (ジョン・レシグ) 『モバイルJavaScriptとjQuery Mobile について』 ------------------------------------------------------------------------------ @jeresig http://ejohn.org/ jQuery Mobile 今日は新しい JQuery Mobile について話ます。 個人的にこの研究を始めたのが2年前の話です。 モバイルはどんどん面白い環境に