jQuery.tmpl() で HTML の View と Model を分離してみるよ - スタジオ・アルカナ技術ブログ
はいどうも～。 季節の変わり目のせいか咳がずーっと止まらなくて、 予想に反して腹筋力が若干向上してしまった虚弱エンジニアの吉田だよ。 今回は jQuery.tmpl() を紹介してみたいと思うよ。 （今回は口語調で書いてみるけど許しておくれ。この記事は夜中にお酒を飲みながら書いているんだ。） jQuery.tmpl() っていうのを、PHPプログラマ向けに簡単に説明してみようと試みると、 SmartyのJavaScript版みたいなもの、って言えばイメージしやすいかな？ つまり、JavaScriptで使えるテンプレートエンジンってこと。 Webアプリケーションを開発するとき、サーバサイドだと技術もかなり枯れてきているから、 例えばPHPなんかだとSmartyを使えばModelとViewを分離するのはそんなに難しくないよね。 でも、フロントサイド（HTMLやCSSやJavaScript）のG
PhoneGapアプリでjQuery(1.5以上)のクロスサイトなajax通信を有効にするには｜開発部 in ICtriumphs
アプリなのにクロスサイトという言い方はちょっとおかしいですけど、PhoneGapの場合は assets/www/ 以下にhtmlファイルを展開していますから、そのフォルダ内であれば same-origin な resource としてアクセス可能なわけです。DreamweaverCS5.5 で作る場合もまずはサイトを作成しないといけなくて、それが assets/www/ になっているわけですね。 で、アプリ内から Google などの APIを叩きたいのだけど、どうしたらいいのか。 普通に↓のようにして問題なくいければいいのですが、何故か動かない。 $.ajax({ type: "GET", url: "http://foo.com/bar.html", success: function(msg) { alert("success"); } }); なので、↓のようにしてerrorを調べ
jQueryの未来に備える - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、kintoneを作っているエンジニアの佐藤鉄平(@teppeis)です。先日10/24に発売されたWEB+DB PRESS Vol.71のJavaScript連載で「プログラマのためのjQuery再入門」という記事を書かせて頂きました。 ワンランク上のjQuery使いを目指す方のために、こんな内容になっています。 パフォーマンスアップの秘訣 Sizzleの仕組みとセレクタの高速化 on/offによる新しいイベント制御API Deferredを使った非同期処理 最新版の1.8.2をもとに書いたので、1.4あたりでjQueryに入門した方の知識のブラッシュアップにもオススメです。是非ご覧ください。 これでもう「jQueryは甘え」なんて言わせません！ jQuery 1.9で削除されるかもしれないAPIたち さて、jQueryの次期バージョン1.9が来年前半に計画されています。 1.
意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、１つだけ教えます。
わかった！お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう
Google Libraries API
Stay organized with collections Save and categorize content based on your preferences. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries. Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a
jQuery 1.7、1.8 で非推奨になったイベントのメソッドと Ajax 関連のメソッドとイベント - Sarabande.jp
jQuery: 大半のブラウザにおいて ready は DOMContentLoaded を指すFunction.prototype.apply、bind と $.proxy の比較event.originalEvent、jQuery.event.props.push、jQuery.event.fixHooks について条件分岐からメソッドチェーンやマップによるコールバックにjQuery 1.7、1.8 で非推奨になったイベントのメソッドと Ajax 関連のメソッドとイベントメソッドチェーンもしくはプロパティ表記を使って複数のイベントハンドラを指定するホーバーで削除ボタンの表示をコントロールするmouseenter と mouseover のちがいjQuery のイベントメソッドのなかでの return false と e.preventDefault() のちがい9月1日追記: on メ
最近のMVCとJavaScriptのMVCについて まとめ - webとかmacとかやってみようか R
ここ最近のWebアプリの進化に伴い、ネイティブアプリ並のUIを持ったWebアプリへの期待が高まっています。jQueryなんかで簡単にDOMを操作できるようになりましたが、ある程度の規模のアプリを作ろうとすると jQuery だけでは厳しいものがあります。 そこで、JavaScript でも MVCパターンを適用し、モデルとビューの分離して、開発・保守しやすい設計にする、という流れになってきています。MVCは、元々は Smalltalk で GUI アプリを作るときの設計指針として考えられました。デザインパターンの一つでもありますが、Singleton や Observer といった GoFのデザインパターンよりも抽象度の高い、ソフトウェアアーキテクチャです。 そして時は流れ、Webの時代になると Strutsなどで代表されるWeb3層モデルとして、Webアプリの設計パターンとして一世を風靡
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
[jQuery] 時刻をカンタンに入力できるライブラリ「ClockPick」が便利！ | CodeNote
時刻をカンタンに入力できる jQuery ライブラリ「ClockPick」が便利だったので、使い方をメモ。 ・jNathanson.com | the interwebs home of josh nathanson ■ js/css ファイルの設置 上記、サイトから「jquery.clockpick.1.2.9.min.js」と「clockpick.1.2.9.css」をダウンロードして、設置します。 ■ CSS ファイルの書き換え デフォルトだとフォントサイズが 9px と小さくて見にくいので、18pxに変更します。 .CP_hour と .CP_minute でフォントサイズを指定してる箇所をそれぞれ変更。 ■ JavaScript よく使う 24時間表記、5分刻みで選択できるような設定にしました。 <script type="text/javascript"> $(function
【PHP】Ajaxによる通信（リクエスト）かどうか判定する方法
リクエストのログを記録していくときにjQueryのajax通信を使う場合は除外したかったので、サーバー側で判別する方法を調べたメモ。 環境変数のHTTP_X_REQUESTED_WITHを見れば分かるみたい。サーバーサイド（PHP）のサンプルコードは下のような感じ。 /** * Ajaxによるリクエストかどうか * * @return boolean True or False */ public function isAjax() { if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){ return true; } return false; } これで判断できるのはjQueryがajax通信をするときのリクエス
jQuery.extend マニアックス - てっく煮ブログ
JavaScriptjQuery の extend メソッドは便利なんだが複雑で忘れてしまいがちなのでメモしておく。jQuery.extend の呼び出しパターンは次の４通り。$.extend([deep,] target, obj1, [obj2, [obj3, ...)$.extend([deep,] obj)$.fn.extend([deep,] obj)$(...).extend([deep,] obj)全てのパターンで第一引数に [deep,] がある。これはオプションの引数で true を指定するとディープコピーしてくれる。以下では分かりやすくするために deep オプションは省略した一覧を掲載する。$.extend(target, obj1, [obj2, ...)$.extend(obj)$.fn.extend(obj)$(...).extend(obj)だいぶシンプルにな
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系と組み合わせた際におかしくなってしまうのが改
じわじわ便利なjQuery1.4で追加された機能いろいろ+α :: 5509
1月14日にjQuery1.4がリリースされましたが、なかなか手をつけられずにいること早2ヶ月･･･。ようやくちゃんと使ってみようということで色々見てると、それにしても痒いところに手が届くというかなんというか、すばらしいですね。 いまさら感満載なので、みなさん既に知ってると思いますがいくつかメモしておくのと、もしかしたらあんまり知られてないかも知れないjQueryの機能も少し紹介しておきます。 トピックス 属性などをまとめて指定+ついでにイベントなどもまとめて指定 複数イベントをまとめてbind 個別にeasing指定 アニメーションを指定時間待機させる.delay() DOMオブジェクトを丸ごと配列に入れる.toArray() .offset()で値を書き込めるようになった 1.4じゃないけど、もしかしたらあんまり知られていない機能 .append()メソッドで複数個のオブジェクトをap
jQueryのappendパターン :: 5509
appendで追加するあれやこれのパターン。別に珍しいことないですよくある光景です。appendだけじゃなくてhtmlとかafterとかそゆのでも使えます。まあ何で使えるかっていうのはjQueryのドキュメント見てください jQueryオブジェクト まあ普通はこれですよ。 var hoge = $("#hoge"); $("#fuga").append(hoge); とか極端な例だけど $("#hoge").append( $(" ") .append( $("") .attr("href", fuga) .text(piyo) ) ); みたいなの HTML要素 これもあるある。 $("#hoge").append( "
特集：jQueryではじめるAjax｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
デザインやインターフェースなどjQueryを利用した様々なサンプルを掲載しています。 また、jQueryを利用した独自ライブラリなども配布しています。 ※ 不定期で更新を行っています。 文字・数値 文字の大きさを取得 フォントサイズの変化を検知しイベントを発火させる 要素に適用されているCSSのmarginを取得 要素に適用されているCSSのpaddingを取得 要素に適用されているCSSのborderを取得 要素に適用されている縦横幅を取得 文字数のカウント 日付・時間・季節 カレンダー 現在の日時をリアルタイムで取得（ローカル） DOM・Node・要素・属性 自身の要素をHTML文字列で取得 自身の要素をHTML文字列で取得 直下（子要素）のテキストノードを取得 直下のラッパー要素を削除（wrapInnerの削除版） リンク領域の拡大 要素の高さ揃え 属性の存在を確認 複数のクラス名の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
Home必发全球顶尖娱乐首页|最佳线路
jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法 - かちびと.net
