一休.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削
jQueryで楽になる部分、楽にならない部分、顧客が本当に必要だったもの - Qiita
俺も昔はお前のような jQueryスパゲッティジェネレーターだったのだが、膝にReactを受けてしまってな… 基本的な方針 とくにライブラリ設計者において、小さなモジュールを単機能で分割する以上、ライブラリ設計者は可能な限り依存を減らすことを求められます。node環境ならdependency hellの回避のため、フロントエンド環境ならファイルサイズを減らすためです。 ライブラリ設計者ならずともコードのポータビリティを維持するため、できるだけライブラリに依存しないコードを書くのが望ましいです。 Githubみてる限り、最近書かれるJSのライブラリの多くはjQuery非依存です。ユーザーから見る限りは、jQueryElement渡すかHTMLElement使うかぐらいの違いですけどね。 また、Angular, React等のSPAをスクラッチで設計する場合、気づいたらjQueryを使っていな
SharePointの予定表をjQueryUIのDatePickerで表示してみた
SharePoint2013の検証環境が壊れてしまいショック死しておりましたが、ようやく生き返りました。サーバーも早く息を吹き返してほしいものです・・・ さて、SharePointのチームサイトでは、予定表はよく使う機能の一つだと思います。 ただ、webパーツとしてサイトのトップページに表示させたい場合、標準のwebパーツだとはっきり言ってデカいです。 で、小さくしたい！しかもかっちょよく！と常々思っていました。 CSSで何とかするやり方は 予定表 Web パーツのカレンダー表示をコンパクトにしてみた | idea.toString; とかあって、これでいいよねこれで・・・といったんは思ったんですが、ついでにイベント一覧も表示したりできるといいよね、ということで自作してみることにしました。 UIはjQuery UIのDatePickerかっこいいから使いたい、そこでググってみたところCod
jQuery UIを利用するには？
jQuery UIの基本機能を目的別リファレンスの形式でまとめる連載スタート。jQuery UIで提供されているコンポーネントと、基本的な利用法を説明する。 連載 INDEX 次回 → このシリーズでは、何回かにわたって、jQuery UIの基本機能を目的別リファレンスの形式でまとめていきます。 jQuery UIは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、ユーザー・インターフェイス（UI）に関わる機能を提供します。プラグインとはいえ、開発チームにはjQuery本家のメンバーも参加しているオフィシャルな存在であり、jQueryベースでリッチなUIを持ったWebアプリを開発するならば、まずjQuery UIの利用を検討することをお勧めします。 jQuery UIのコンポーネントは、大きくInteractions（インタラクション： マウスによる汎用的な対話処理）
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isométrique
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isométrique Présentation pp3Diso est un plugin jQuery qui permet l'affichage et la gestion d'une carte 2D isométrique (ou 3D isométrique par abus de langage). Ce plugin est distribué gratuitement pour une utilisation personnelle ou commerciale sous licence GPL v3. La seule obligation est l'insertion d'un lien vers www.p
ThemeRoller | jQuery Mobile
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
Project Silk - お だ のスペース Wiki
お だ のスペース Wiki 備忘録的なもの トップページページ一覧メンバー編集 × Project Silk 最終更新： shinsuke_oda 2011年11月06日(日) 13:14:48履歴 Tweet patterns & practices の Project Silk をざっくりと日本語訳していきます。 原文：http://msdn.microsoft.com/en-us/library/hh396380.a... ReadMe Chapter 1:Introduction Chapter 2:Architecture Chapter 3:jQuery UI Widgets Project Silk って何？ Project Silk はクライアントサイドの双方向性を重視したクロスブラウザ Web アプリケーションを構築するためのガイダンスを提供するよ。これらのアプリケーシ
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
jQuery Mobileで作るスマホ向けFacebookアプリ
jQuery Mobileで作るスマホ向けFacebookアプリ：無料クラウドでできるFacebookアプリ開発入門（3）（1/5 ページ） 連載第1回の「基礎から分かる、Facebookアプリの作り方」と第2回の「クラウドに載せてFacebookアプリを全世界に公開する」では、Facebookアプリの開発と公開まで行いました。最終回となる本稿では、公開したアプリケーションの管理について紹介します。また、ちょっとしたアレンジとして、jQuery Mobileを使ったスマートフォン向けのFacebookアプリ開発について説明します。 公開したFacebookアプリを管理するには Facebookアプリでは、ユーザーが簡単にアプリを探せる「アプリディレクトリ」や、アプリのお知らせや情報を公開するための「アプリケーションプロファイルページ」、アクティブユーザーやニュースフィードの記事数、Face
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquer
ASP.NET MVC、jQuery template、恋の予感 - しばやん雑記
皆さんは jQuery template というプラグインをご存知でしょうか？名前の通り jQuery 関連のプラグインなんですが、これが非常に優れものでして最近興奮しっぱなしです。 何をするプラグインかというと、名前に template とあるように JavaScript で書かれたテンプレートエンジンなんですよ。テンプレートエンジンと言っても ASPX や Razor のように高機能なものではありませんが、それだけでも革命的なプラグインだと思っています。 何はともあれ使ってみることにしましょう。今回は Twitter からユーザーのツイートを読み込んで表示するという非常に単純なプログラムを作ります。 Page not found | jQuery API Documentation まずは jQuery template を読み込む必要が当然あります。公式ページからダウンロードできます
タイルレイアウトjsIsotope
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
Cybozu Inside Out: Cybozu Advance - ドラッグ＆ドロップ可能なスケジュール
畑です。 久々に投稿します。 先日、サイボウズ Office 8 連携API が一般公開されました。そこで、このAPIをアクセスすることにより実現する、ドラッグ＆ドロップ可能なスケジューラ―（Cybozu Advance）を試しに作ってみました。この連携APIは サイボウズ ガルーン 3 連携API と共通であるため、ガルーン 3 に対しても動作します。 Google Code にてオープンソース（GPLv2）で公開しています。詳しくは Cybozu Advance のサイトをご覧頂ければと思います。以下、多少解説したいと思います。 API を利用 API をアクセスすることにより実現しています。よって、今回実装した部分は主にユーザーインタフェース部分になります。対応するAPIは以下の通りです。 サイボウズ Office 8 連携API サイボウズ ガルーン 3 連携API また、これらの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Image Maps jQuery Plugin
Loading...
JQuery Drag And Drop in ASP.NET MVC Razor View
JavaScript is not available.
ASP.NET MVC 3 with jQuery Mobile and Google Maps | Greg Jopa
cybozu-advance - Project Hosting on Google Code