タグ

jQueryとAPIに関するraimon49のブックマーク (17)

  • 2019年になってもまだjQueryを使用している理由

    現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例

    2019年になってもまだjQueryを使用している理由
    raimon49
    raimon49 2019/06/05
    Sizzleレスでビルドされた17kbのjQueryは許容できないのかという議論。
  • 【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita

    はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。 原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。 注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正 サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上

    【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
  • jQuery 3.0 Release Candidate…Released! | Official jQuery Blog

    Welcome to the Release Candidate for jQuery 3.0! This is the same code we expect to release as the final version of jQuery 3.0 (pending any major bugs or regressions). When released, jQuery 3.0 will become the only version of jQuery. The 1.12 and 2.2 branches will continue to receive critical support patches for a while, but will not get any new features or major revisions. Note that jQuery 3.0 wi

  • Learn web development  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    Learn web development  |  web.dev
    raimon49
    raimon49 2015/12/14
    jQuery.Deferred()の返り値はPromise.resolve()に渡してキャストできる。
  • Write Better JavaScript with Promises

    You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll look at what promises are and how you can use them to write better JavaScript. Promises are Easier to Read Let's say we want to grab some data from the

    Write Better JavaScript with Promises
  • 見つけた便利MV**ライブラリを紹介するときにjQueryをスケープゴートにするのをいい加減に止めろ - saneyuki_s log

    オレオレMV**フレームワークを紹介する際にjQueryを引合いに出して語る事案が多く、そこで語られるjQuery批判が的外れもいいところなのが散見されるので書きました。 Abstract MV**便利フレームワーク・ライブラリを紹介するときに、jQueryの一番イケてない書き方を引き合いに出して比較して「こんなにすごいんです」と紹介するのは不毛極まりないのでいい加減に止めろ jQueryで書いたコードがひどいのは、クライアントサイドWeb(あえてこう書く)が過去10年近くにわたって設計を軽視してきた結果であり、その根が変わらない限り、問題は変わらない jQueryエンジニアをdisりながら、Angularエンジニアを産み出すとかギャグじゃないの? 私個人のjQueryに対する見解 だいたい同意する意見: jQueryについての私見 - mizchi's blog mizchi / いか

    見つけた便利MV**ライブラリを紹介するときにjQueryをスケープゴートにするのをいい加減に止めろ - saneyuki_s log
    raimon49
    raimon49 2014/03/22
    >そもそもそれはライブラリの問題なのか、書き方の問題なのかを考えるべき
  • jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他

    jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 (※ページをそのまま訳したわけではないと、思います) jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ: 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A

    raimon49
    raimon49 2013/02/04
    jQuery Migrate pluginによる復元の有無まで。詳解で分かり易い。
  • jQuery内部のエラー処理について | バシャログ。

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

    jQuery内部のエラー処理について | バシャログ。
    raimon49
    raimon49 2013/01/03
    jQuery.errorとSizzle.error(=jQuery.find.error)は別 調査時のバージョンは1.5.x
  • QUnit

    The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Easy, zero configuration setup for any Node.js project and minimal configuration for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.

    raimon49
    raimon49 2012/05/29
    本家jQuery Coreのテストケースが紹介されてる。
  • おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ

    jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch

    おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ
    raimon49
    raimon49 2012/02/11
    いわゆるdeprecatedなAPI Bad Parts
  • jQuery 1.7の更新内容をまとめたよ。 | Ginpen.com

    jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released (リリース記事) Version 1.7 – jQuery API (公式ドキュメント、1.7で変更があったもののみ) 1.7 all tickets – jQuery Core – Bug Tracker (1.7の全チケット) リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。(これらも引き続き使用できます。) →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改

    raimon49
    raimon49 2011/11/04
    >画面に表示されていない要素でも .width(), .height()が正常な値を返すように修正 / これは嬉しいね。イベント回りあまり追えてないので手を動かして触ってみよう。
  • mixiのソーシャルグラフをChart APIでオープンに (1/3) - @IT

    具体的には、友人の性別・血液型・年齢・趣味などの人数比率を一覧表示して、「自分の身の回りには、どんな人が多いのか(少ないのか)」という情報を簡単に確認できるサービスです。 今回は初級エンジニア向けに、できるだけ細かい説明を入れながら解説していきたいと思いますので、どうぞ最後までお付き合いください! OAuth 2.0と処理の流れについて 「mixi Graph API」では、ユーザー認証にOAuth 2.0を利用します。OAuth 2.0の仕組みについては、以下の記事が分かりやすいので、初めて触るという方はぜひ目を通しておいてください。 なお、今回作成するサービスでは、クライアント側(HTMLJavaScript/jQuery)とサーバ側(PHP)で、それぞれ下記のような処理を行います。 【クライアント側】mixiでAuthorization Codeを取得するためのリンクを生成 【クラ

    raimon49
    raimon49 2011/10/19
    フロー図がCacooっぽい。
  • 意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…

    前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da

    raimon49
    raimon49 2011/09/11
    jQuery Data APIはオブジェクトとして評価
  • JavaScriptでのテストや開発についてのアウトプット - Block Rockin’ Codes

    最近JavaScriptを個人的に勉強しているんですが、そんなJS初心者ながら色々試すなかで気が付いた開発とかTDDとかについて色々思うところをアウトプットしてみようかと思います。 一番多いのは、ClientSideJSで、使ってるのはjQueryとQunitが中心でした。 でもこれからは別のフレームワークや、ServerSideJSなんかも出てきますし、 今読んでるが終わったら、こっちのも見てみたいと思っているので、 Test-Driven JavaScript Development: Safari Books Online その前にこれを書いておこうという目的です。自分に付ける一つのTagという感じです。 あまり一貫性に拘らず、垂れ流したいと思います。 Ajax と API 以前こんな記事を書いたように、サーバ側がAPIでデータを提供し、ロジックをクライアント側に固めるタイプの開

    JavaScriptでのテストや開発についてのアウトプット - Block Rockin’ Codes
    raimon49
    raimon49 2010/11/22
    テストケースの勘所。テストしたいUnit(単体)をきちんと把握する。DOM表示(jQueryの責務)やレスポンス内容(サーバ側の責務)は考えず、JSのロジックに注目してテストする。
  • jQuery の oEmbed プラグインで、FlickrやYouTubeなどのコンテンツを取得する - goodpic.com

    今日は MT Hackathon だったので、oEmbed を試しに使ってみた。oEmbedは、Flickr、YouTubeなどの対応サービスのURLから、コンテンツの内容をXMLやJSON形式で取得するためのAPI仕様です。ブログなどに貼付けるためのHTMLを、共通のAPIコールで取得できるのがメリットですね。 oEmbed URLを埋め込みコンテンツに変換するoEmbedの仕様 - Codin' In The Free World oEmbedを利用するためのライブラリも、Perl, Ruby, php などそろっていますが、手軽なjquery-oembed プラグインを使ってみた。動作サンプルがこちら。 jquery-oembed 動作サンプル 使うのは非常に簡単。こんなフォームに対して、 <form action="" id="oembed_form"> <label>oEmbed

  • jQuery.param() | jQuery API Documentation

    Description: Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request. In case a jQuery object is passed, it should contain input elements with name/value properties. version added: 1.2jQuery.param( obj )

    raimon49
    raimon49 2010/01/18
    1.4からRailsライクなパラメータを作るためのオブジェクトの中でネストされているプロパティ列挙がデフォルトで有効に。無効にしたい時は設定をjQuery.ajaxSettings.traditional = true;
  • Срок регистрации домена закончился

    Срок регистрации домена FUTURECOLORS.RU закончился Услуга по регистрации доменного имени FUTURECOLORS.RU временно не предоставляется. Продлить домен Если вы хотите приобрести этот домен — закажите услугу «Доменный брокер». Мы проведем переговоры с текущим владельцем имени и организуем безопасную сделку. Заказать услугу «Доменный брокер» Если администратор домена не продлит регистрацию, домен освоб

    raimon49
    raimon49 2010/01/15
    jQuery 1.4 で追加, 変更になった機能のマーク付きチートシート。見易い。
  • 1