問題 モバイルは回線が不安定なので、ロードの失敗が頻繁に起こります。 開発時は高速なwifi環境で開発しているので、リリース間近になって帯域を圧迫していることに気づいたりします。 解決方法 画像を先読みします var preload = function(src){ var d = $.Deferred(); var img = new Image; img.src= src; img.onload = d.resolve img.onerror = d.reject return d.promise(); }; 何をやっているかというと、空のimgタグをつくってそこに画像を読み込みます。その過程でブラウザキャッシュに画像が保存されます。正確に言うとこの時点ではどこにも紐付いていないのでGC対象ですが、その後すぐDOMに画像をはるなら問題ありません。 並列で先読みする(速い・不安定) va
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
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
Jquery.ascensor.js 全画面のプレゼンを実装できるjQueryプラグイン「Jquery.ascensor.js」 全画面でスライドが切り替わりつつ２次元のスライド移動が可能な機能を実装できるjQueryプラグインです。 各スライドはDIVで記述するので簡単です。 スライド画面右下にスライドのマップのようなものが表示され、これをクリックすることでも移動することが可能です。 単なる横方向のプレゼンではなくて、なかなかオシャレで目を引くプレゼンが作れそうです スライド切り替えはアニメーションされます。 個人的にも、いつものPowerPointをやめてこういうのでやりたいですね 関連エントリ JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」 WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward
jQuery 1.6.3 is almost ready to roll! We need your help with this release candidate to be sure we’ve got everything right. Feel free to do your testing by including either one of these files (one minified and one uncompressed). Our preferred venue for test cases is jsFiddle; you can just use the “jQuery (edge)” selection there. If you need to report a bug and cannot use jsFiddle, please use the un
HTML5をベースにしたモバイルアプリケーション開発のためのJavaScriptライブラリとして注目されている「jQuery Mobile」の、β2が公開されました。 β版公開時には正式版が8月後半にも登場予定とされていましたが、β3が来月公開するという方針も同時に伝えられたため、正式版の登場は9月かそれ以降になるようです。 JQuery Mobileはオープンソースとして開発されており、無料で利用や配布が可能です。 β2での変更点 今回のβ2では、新たに対応機種／OSを拡大し、Android 3.0（Honeycomb）、Palm WebOS 3.0、Nokia Series 60をサポート。 すでにサポートしているiOS、Firefox Mobile、Kindle 3なども合わせて、「At this stage, jQuery Mobile works on the vast majo
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQuery 1.6 is now live and available for consumption! We’re quite proud of this release, it includes a major rewrite of the Attribute module and a number of performance improvements. 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. You can get the code from the jQuery CDN: http://code.jquery.com/jqu
個人的なメモ。普段さほど使うことが 無いので、必要な時に探すのに時間 掛からないようにまとめておきます。 沢山ある必要はさほど無いのですが、 勉強用も兼ねていろいろと数を揃えて おきました。 お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。 exValidation 安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。 どんなフォームにも使えるjQueryのフォームバリデーション exValidation jquery.validate.js Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。
history.pushStateでのページ遷移をやりやすくするためにjQueryのプラグインとしてjquery.smarthistory.jsというのを書いてみました。 jquery.smarthistory.js history.pushStateをサポートしてるブラウザではhistory.pushStateを使って、サポートしてないブラウザでは何もしません（普通に遷移する）。今だとchrome、safari、iOS、Firefox4で動くと思います。 こんな感じで使います。 $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajax前の処理 }, change: function
Web::Query - jQuery風にスクレイピング http://frepan.org/~TOKUHIROM/Web-Query-0.01/README.pod Web::Query というスクレイピングフレームワークをかきました。一言でいうと「うごく pQuery」です。pQuery は jQuery とおなじ動きにするためかどうかしりませんが、わりと自前で実装していて、結果まともにうごいていません。うごくようになるのをまってようかなとおもっていたら2年経過していたので、自分でつくってみました(パッチをおくってもいいのだけど、別個の実装をつくったほうがはやい気がしたので)。HTML::TreeBuilder::XPath + HTML::Selector::XPath + LWP::UserAgent という構成です。 使用例は以下のとおり。 use Web::Query; wq(
Fine-Tuning an Open-Source LLM with Axolotl Using Direct Preference Optimization (DPO)
そろそろweb制作関係のカテゴリを見直した方がいい気がしないでもない。 以前、Highchartsを投下したのですが、かちょー（上司）にも薦めたところ、 「これIEで動かないね……動くやつない？できればjQueryで」 と言われたので、そんなに言うなら探してやろうと思った次第です。 よろしい、ならば検証だ！ 今回はちゃんとIEバージョンもチェックしました（自分用に） 【jQuery Google Charts】 IE6：△ IE7：○ IE8：○ http://www.maxb.net/scripts/jgcharts/include/demo/ まずは安心のGoogle先生から。 さすがはGoogle Charts、IE7でもちゃんと動きます。 IE6が△なのは、開いたらエラーのポップアップが出たから……理由はよくわからないけど、動くには動いた。IE6なんか使ってんじゃねーよ、アップデー
jQuery validation plugin (1.7.0) を使って入力検証を作り込んだ入力フォームについて、「OK」「キャンセル」ボタンをどちらも form 要素内の input type=submit にて実装したとする。 さて、このキャンセルボタンをクリックしたときは、入力検証が発動しては困る。 このような場合は、キャンセルボタンには CSS クラス名に "cancel" を指定しておけばよい。 そうすると、jQuery validation は CSS クラス名に "cancel" が付いているのを認識して、入力検証を抑止してくれるのだ。 ところで、ケースバイケースではあるが、キャンセルボタンがクリックされたときに、「キャンセルしますか?」と confirm メッセージボックスを表示させたいときがある。 何気なく、キャンセルボタンの onclick イベントに「if(conf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
