そこそこ規模が大きくても何とかなるjavascriptの設計（URL dispatcherの薦め） | tech.kayac.com - KAYAC engineers' blog
弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL
jQueryについての所感
昨今jQueryについての所感とつきあい方を考える はじめはPHPとa-blog cmsがメインだったこのブログも、いつの間にかJavaScript（jQuery）とご飯レシピブログという謎な方向への珍走を遂げています。 そんな中、個人的にjQueryとのつきあい方について色々聞いたり思ったりで、だらだらとアウトプットしてみます。オチはつきませんでした。ﾀﾞﾗｧ...('A`) ってこれ、今年の3月に大半書いていて、なぜか8月も末の今頃に加筆修正かけたので色々アレなところあったらごめんなさい！！！もったいないから公開させてください、、てへぺろ(・ω<) なぜjQueryなのか jQuery周辺のノリ（何でもjQuery・コスト感なくjQuery・jQueryスニペット信仰）などに、正直ネガティブな感情抱くこともありますが、素直な気持ちで見ればjQueryはとても効率的だと思います。Web上
AngularJS についての所感
AgularJS に対する気持ち 所感といいつつ、主に自分がつらさとして感じていることを書く。所感シリーズとしては jQueryについての所感 も併せて読みたい。 この学習曲線の中でいうと、たぶん今の自分は Very Cool! の頂点から降りている最中くらいだと思う。そして、マサカリをふりかぶった諸兄にひとつだけ言いたいのは、共感脳を養った方がモテるということだ。 チキンハート的弁解: 以下はAngularJSに関するつらさを述べることに専念するために、美点を挙げていないだけであってAngularJSを全方位的に貶めたり、何かと比べて明確にクソだというような意図はない。 画像は AngularJS: The Best Parts · Anand Mani Sankar からの引用。X軸にある www.bennadel.com は AngularJS 大好きさん。 辛1. $scope が
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
clone(true) - jQuery 日本語リファレンス
要素のクローンを作成し、そのクローンを選択状態にする。 この関数は、ある要素のコピーを作成してDOMの他の場所に配置する際に便利である。
「JavaScript Ninjaの極意」を読んだ - 車輪を再発明 / koba04の日記
日本語版が出る前から話題になっていたのを見ていて、英語だけど買おうかなーと思っていたら翻訳されて発売されたので買いました。 かなり話題になるかなと思っていたら、意外とそうでもなく、でも読んで見るとやっぱり面白かったので紹介します。 というか、jQuery作者のJohn Regigによる本ということで読むしかない！ 入門書ではないものの、最初はかなり簡単な内容から始まって、assert関数を作ってそれを実際に使いながら動作を説明していく流れになっています。 基本的にはコードを示してそれについての説明をしていくスタイルになっていて、コードにもコメントが丁寧に付けられていてわかりやすいです。 また、何か実装を示すときに、使う側のコードから見せて、その実装を後で示すのも興味をそそられていいです。 関数 最初が関数についての説明になっていて、コンストラクタについての説明やapply, call、無名
HTML5 × CSS3 × jQueryを真面目に勉強 – #7 jQueryのセレクタAPIについて詳しく | DevelopersIO
そんな訳で、普段何気なく使っているjQueryですが、そのセレクタAPIについて多少は知っておいたほうが良いよなということで、いくらか調べてみました。けっこう地味な内容なので、「へー、そんな風になってるんだぁ…」と軽く読み流していただければと思います嘘です。割と大事な内容なので、しっかりと把握しておくのがよろしいかと思います。 はじめに - jQueryのセレクタAPI jQueryでは、$('#hoge .fuga');というようにCSSのセレクタを用いてHTML要素を取得します。あまりにも便利な機能で普段意識することはありませんが、内部ではgetElementById();といったブラウザのネイティブAPIを駆使したり、JavaScriptゴリゴリのメソッドを呼びまくって指定どおりの要素を取得してきているわけです。こういった機能のことをセレクタAPIと呼びます。 セレクタAPIの内訳
ukyodaのブログ : jqplotでマウスイベントを自作する方法
2012年04月17日02:42 カテゴリJavascriptjqplot jqplotでマウスイベントを自作する方法 jqplotでマウスイベントで実行する処理をカスタマイズする方法が日本語ページを探しても 見つからなかった（探し方が下手なだけかも知れないが・・・）ので、 備忘録としてめったに更新しないブログを更新する。 jqplotでは hilighterとかcursorとかでマウスイベントを実装できます。 参考リンク：本家様のサンプルプログラム http://www.jqplot.com/deploy/dist/examples/customHighlighterCursorTrendline.html 基本的にはjqplotで提供されているマウスクリックだけで事足りるんですが、 場合によっては自分でクリックイベントを自作したい！！となることがあったりします。 jqplotでは$.j
[jquery] jqplotを使い始めて、最初に知っておくと良い感じのこと - sugilogのブログ
http://www.jqplot.com/ ベーシック 最小限の読みこみ設定 html5として表示 IE（9より下位バージョン）向けに、excanvas.jsをconditional commentsとして設定 jqueryとjquery.jqplotを読み込む <!DOCTYPE html> <html> <head> <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="./jquery/dist/excanvas.js"></script><![endif]--> <script type="text/javascript" src=".jquery.min.js"></script> <script type="text/javascript" src="jquery.jqplot.m
![[jquery] jqplotを使い始めて、最初に知っておくと良い感じのこと - sugilogのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1b54185ffcd9c4566b611a4fd88e979b4933e42/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsugilog%2F20111109%2F20111109153558.png)
jQuery の jqPlot プラグインで作る折れ線グラフ
jQuery の jqPlot プラグインで作る線グラフ。 jQuery の jqPlot プラグインで作るシンプルな折れ線グラフ jQueryのjqPlotプラグインで、シンプルな折れ線グラフを、簡単に描く方法。 jQuery の jqPlot プラグインで作るタイトル付き折れ線グラフ jQueryのjqPlotプラグインのtitleオプションを使えば、タイトル付き折れ線グラフを、簡単に描くことができる。 jQuery の jqPlot プラグインで作る軸ラベル付き折れ線グラフ jQueryのjqPlotプラグインのlabelオプションを使えば、X軸とY軸にラベルを表示する折れ線グラフを描くことができる。 jQuery の jqPlot プラグインによるグラフの軸ラベルのフォントを指定 jQueryのjqPlotプラグインのlabelOptions内のfontFamilyオプションやfo
jQuery の jqPlot プラグインで作る縦棒グラフ
jQuery の jqPlot プラグインで作る縦棒グラフ。 jQuery の jqPlot プラグインで作るシンプルな縦棒グラフ jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使えば、縦棒グラフを描くことができる。 jQuery の jqPlot プラグインで作る複数系列の縦棒グラフ jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.barRenderer.min.js」を使えば、縦棒グラフを描くことができる。複数の系列データの配列を用意すれば、複数系列の縦棒グラフも描ける。 jQuery の jqPlot で作る外側右の凡例付き複数系列の縦棒グラフ jQueryのjqPlotプラグインで作る複数系列の縦棒グラフにおいて、グラフの外側の右中央に凡例を表示する方法
jQueryのDeferredとPromise - tkawachi Blog
JavaScript(というか CoffeeScript)って90年代にブラウザ上で使われていた頃のイメージが拭えず、どうも気持ち悪くて逃げて回ってたんですが、事情があって最近は渋々書いてます。 JavaScripterの皆様にとっては何を今更だとは思いますが jQuery.Deferredを使って楽しい非同期生活を送る方法 を読んで Deferred 便利だな、と思ったので理解したところをメモしておきます。 利用シーン $.get() ってエラーハンドリングできないのか。使えないなー。と思ったとき 複数の AJAX リクエスト(などの非同期処理)を同時に開始して、全部終わったら何かしたいとき。 Deferred object キーになるのは Deferred object です。 状態 Deferred object は状態を持ちます。状態は３つのうちいずれか。 未解決(unresolv
jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基本的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv
第10回 jQueryライブラリ（2183行目～2364行目） | gihyo.jp
今回もイベントの処理に関する部分の解説になります。$(document).ready()を実装している部分が出てきますが、ここのソースコードは非常に興味深いです。よくある実装方法としては、動的にscriptタグを挿入してJavaScriptコードを実行する方法がありますが、jQueryの実装はもっと複雑なものです。また、DOMContentLoadedを利用して、処理の開始をできるだけ早くして、ユーザの体感速度を向上するための工夫も大変参考になります。 それでは、順に見ていきましょう。 jQuery.fn.bind() 2183: jQuery.fn.extend({ 2184: bind: function( type, data, fn ) { 2185: return type == "unload" ? this.one(type, data, fn) : this.each(fu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryのAjaxリクエスト 2
unwrongest.com
http://iteahelper.com/blog/2011/05/06/%E3%82%B0%E3%83%A9%E3%83%95%E3%82%92%E6%8F%8F%E7%94%BB%E3%81%99%E3%82%8Bjqplot%E3%81%8C%E3%82%84%E3%81%9F%E3%82%89%E9%AB%98%E6%80%A7%E8%83%BD%E3%81%99%E3%81%8E%E3%81%A6%E3%81%91%E3%81%97%E3%81%8B/
ブートストラップスターターテンプレート
http://www.machu.jp/posts/20130211/p01/