一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
jQuery高速化！処理速度を10倍上げるテクニック20選
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
jQueryがパッケージ名を変更、2系の後継を「jQuery 3.0」、1系の後継を「jQuery Compat 3.0」としてリリースへ | OSDN Magazine
JavaScriptライブラリ「jQuery」の開発チームは10月29日、jQueryライブラリのバージョン番号付けルールや名称の変更を行うことを発表した。「Internet Explorer（IE） 8」などの古いWebブラウザをサポートする「jQuery 1.11.1」の次期版は互換性（Compatibility）を強調した「jQuery Compat 3.0」となり、新しいWebブラウザのみをサポートする「jQuery 2.11.1」の次期版は「jQuery 3.0」としてリリースするという。 jQueryは2013年より2つのバージョンを平行してリリースしている。主としてIE8以前に対応するかどうかが違いとなり、バージョン8以下のIEなど古いWebブラウザもサポートするバージョンを1系（最新版はバージョン1.11.1）、コード合理化のためにそれらのサポートを廃止したバージョンを2系
初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
シングルページなサイトをデザインする上で、知っておいて損は無いかもしれないプラグインとか色々！ | バンクーバーのうぇぶ屋
最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね？』って物を幾つかご紹介させて頂きます！ 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜！ それではいってみましょー！ パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint
「jQuery 2.1」および「jQuery 1.11」リリース、モジュール機構を強化 | OSDN Magazine
JavaScriptライブラリのjQuery開発チームは1月24日、jQuery 2系の最新版となる「jQuery 2.1」と、1系の最新版となる「jQuery 1.11」をリリースした。非同期モジュール仕様「AMD（Asynchronous Module Definition）」のサポートを拡大するなど機能強化を図るとともに、npmやBowerといったパッケージマネージャ経由でも入手できるようになった。 jQueryは2013年4月に公開したバージョン2.0で「Internet Explorer（IE） 8」以前（IE 6/7/8）のサポートを打ち切った。この変更に合わせ、IE 6/7/8をサポートし、2.0とAPI互換のある1系と、2系を平行してリリースしている。なお、2系は古いWebブラウザのサポートを打ち切る一方で、Node.jsやChoromeおよびFirefoxのブラウザプラグ
『jQuery 最高の教科書』サンプルサイト
Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きの スライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化する スティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡
jQuery 2.0 Released | Official jQuery Blog
You asked for it, you got it: jQuery 2.0 has arrived! As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8. You can
「jQuery 1.9」がリリース、最後のIE 6～8対応バージョンに | OSDN Magazine
jQuery開発チームは1月15日、JavaScriptライブラリjQueryの最新版「jQuery 1.9」および開発版「jQuery 2.0 BETA1」を公開した。両者は同じAPiを提供し、廃止予定とされていたいくつかのAPIが削除されている。また、jQuery 1.9ではInternet Explorer 6～8サポートが含まれているが、jQuery 2.0では廃止されている。 jQuery 1.9は、2012年8月に公開されたバージョン1.8以来のリリースとなる。APIをクリーンにし、非推奨のものや使われていないものを多数削除した。削除されたAPIについてはアップグレードガイドにまとめられているが、.toggleやjQuery.browser、.live、.die、jQuery.subといったAPIが削除されている。そのほか、挙動が変更されたAPIもある。これに合わせ、移行に向け
モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ
Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、モバイルネイティブのルック＆フィールを備えていると説明されてます。 modernizr、zepto、backboneなどに依存 Juniorが依存しているライブラリは以下。 modernizr（ブラウザごとに異なる実装を調べて、対応するコードを書きやすくする） zepto（jQuery互換のミニマルなライブラリ） zepto flickable（zeptoのタッチ対応プラグイン） lodash（U
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
jQuery Mobileの新たな安定版「jQuery Mobile 1.2」リリース | OSDN Magazine
10月2日、モバイル開発フレームワーク「jQuery Mobile」の新たな安定版「jQuery Mobile 1.2.0」がリリースされた。ポップアップウィジェットが新しく加わるなど、合計で100以上の新機能が追加され、既存機能の強化や修正も図られている。 jQuery MobileはタッチUIを搭載したスマートフォンやタブレット向けのWebフレームワーク。HTML5ベースで、動的なページ遷移や各種UIコンポーネントを実装するためのJavaScriptやCSSから構成されている。iOSおよびAndroid、BlackBerry、Windows Phone、Symbianなど、主要なモバイルプラットフォームのほとんどをサポートする。 jQuery Mobile 1.2は、4月に公開されたバージョン1.1以来の安定版となる。大きな新機能としては、ページ上にコンテンツやウィジェットを重ねて表示
jQuery風XMLパーサjOOX入門(1) - ギークに憧れて
Java初心者なのでJava書いてる｡ Javaでjson扱うのしんどい気がしたので､モダンなXMLパーサ探してたらjOOX見つけた｡ jQuery風にXMLを操作できるらしいのでTwitter APIで試してみる｡ リンクから落としたjarにクラスパス通しておく｡Sample１：ユーザ情報シンプルな構造｡ Match#child(String string)で要素を指定してあげるだけ｡ https://twitter.com/users/show/hotchemi.xmlXML 153838559 カタなんとか hotchemi SIer ...etc Java import java.net.URL; import org.joox.Context; import org.joox.Each; import static org.joox.JOOX.$; import org.joox
jQueryのパフォーマンスを下げるアンチパターンに関する超意訳 - Qiita
以下のスライドを意訳したものです。Compress周りについては触れていません。「いやいや、最新の書き方だともっと良い書き方があるんだよ！」という方のコメントをお待ちしております！ http://www.slideshare.net/paul.irish/perfcompression クエリをキャッシュする // 悪い例 var id = $("#content").data("id"); var itemId = $("#content").data("item-id"); // 良い例 var content = $("#content") var id = content.data("id"); var itemId = content.data("item-id"); // 悪い例 $.each(reallyLongArray, function(count, item) { v
jQueryで吸収できないIE仕様の備忘録
wiki代わりの備忘録なので編集や加筆の制限なしエントリーです、あしからず。 また、以下はIEに特化することが目的ではなく、W3C勧告のHTML標準なページ作成を目指す中で、標準を理解しない（くせにトップシェアの）IEの仕様を何とか回避するが主題です。 cssテクまで考慮するともっとたくさんになると思いますが、それはデザイナーさんに任せます（笑） . ■ IE互換モード イントラネットでは互換モード優先がIEのデフォルト設定のため、企業イントラネットではIE7の配慮が必要です。ローカルPCでの開発では互換モードを再現できないので注意が必要です。 強制的に互換モードを排除するには、.htaccessに次を記述してHTTPヘッダを出力するか、 Header set X-UA-Compatible "IE=edge" メタタグでページごとに指定します。 <meta http-equiv="X-U
jQuery 1.8の更新内容をまとめたよ。 | Ginpen.com
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。（ちょっとだけどね。） えらい！ jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
モジュラー化やCSSベンダープレフィックス自動化が加わった「jQuery 1.8」 | OSDN Magazine
JavaScriptライブラリ「jQuery」開発チームは8月9日、最新版となる「jQuery 1.8」をリリースした。多数のバグ修正のほか、セレクタエンジンの高速化や細かな機能強化が行われている。 jQuery 1.8は、2011年11月に公開されたバージョン1.7以来のメジャーアップデート版となる。160以上のバグを修正し、コードサイズも1.7.2と比較してコンパクトになっている。Internet Explorer 6/7/8サポートも継続されている。 アップデートによる改善点としては、まずセレクタエンジン「Sizzle」の再設計による高速化が挙げられる。最近のWebブラウザではCSSセレクタベースで要素を取得するための「querySelectorAll」メソッドが提供されるが、実装が異なるために互換性の面でやや問題があるという。Sizzleではこういった非互換性に対応できるとしている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryモバイル用のFlatUIテーマ:phpspot開発日誌
Loading...