JavaScriptのテンプレートJsRenderとJsViewsの紹介 - Qiita
かって、JavaScriptのテンプレートとしてjquery.tmpl.jsが存在した。 jQuery公式サイトにものっていたが、現在はメンテナンスされておらず、公式から削除された。 https://github.com/BorisMoore/jquery-tmpl しかしながら、同じ作者のJsRender、JsViewsといわれるライブラリが後継として存在している。 このドキュメントでは JsRender, JsViewsについての解説を行う。 http://www.jsviews.com/ JsRenderはDOMやjQueryの依存関係なしで、軽量でありながら強力で拡張可能なテンプレートエンジンである。 JsRenderは以下からダウンロードすることが可能だ。 http://www.jsviews.com/#download 実装のサンプルとJsRenderの機能 JsRenderを
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。 ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS
jQuery 2.0がついに正式リリース。IE8以前はサポートせず、より軽量で高速に
jQuery 2.0は、jQuery 1.xからのメジャーバージョンアップになりますが、APIの変更や大きな機能追加はありません。Internet Explorer 6/7/8のサポートを廃止することで、これらのサポートに必要だった細かなハックを一掃、いわゆるモダンブラウザにフォーカスしてコードを書き直すことにより、より小さく、速く、安定した動作を目指したものです。 jQuery 2.0はjQuery 1.9.1に比べて12％小さくなっています。 今後もjQuery 2.0では古くなった環境のサポートを廃止することで、より軽量で高速なライブラリを目指す予定で、次にサポート廃止予定なのはAndroid/WebKit 2.xのWebブラウザ。利用シェアの推移を見つつ、それほど遠くないうちに廃止される見通しだと説明されています。 jQuery 2.0の登場により、今後はInternet Expl
http://neteye.github.com/activity-indicator.html
NETEYE Activity Indicator A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following b
jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
jQuery、underscore.js、backbone.jsのbindメソッドについて - メモ置き場
backbone.jsのサンプルコードを読んでいると、bindという名前のメソッドがよく使われてます。 そして、bindという名前のメソッドはbackbone.jsにも、underscore.jsにも、jQueryにも定義されています。 慣れている人は問題ないのでしょうが、私は読んでいて混乱したので、それぞれの定義と、サンプルで使い方をまとめておきたいと思います。 backbone.jsのbindメソッド object.bind(event, callback, [context]) レシーバオブジェクトの'change'や'destroy'などのイベントに、コールバックを紐付けます。 第３引数にcontextを渡すことによって、callback実行時の「this」を設定できます。 jQueryのbindメソッド .bind( eventType [, eventData] , handl
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
json2html • lightning fast HTML templating for native js, node.js & jquery
json2html json2html is an open source javascript library that uses js templates to render JSON objects into HTML. Build lightning fast, interactive client side templates using nothing but javascript. Free to use under the MIT license.
ドラッグやドロップを実装するjQueryプラグインいろいろ
初めてiGoogleを見た時に感動した ドラッグできるコンテンツ、jQueryの 普及で今や身近なものになっています。 WordPressも2.7になってからコンテンツの ドラッグが可能ですし、様々なWebサービス でも見かけるようになりました。そんな ドラッグやドロップを実装できるjQueryプラグインを まとめてみます。 こういったjsも道具である以上、使い方次第ではユーザビリティ向上にも繋がりますが損ねる事もあるかと思いますので、サイトにあわせて利用したいですね。 prettySociable jQuery plugin ドラッグ→リンク先を共有出来るサービス等に投稿するjQueryプラグイン。マウスオーバーするとコメントが出ますのでドラッグすればオーバーレイ状態になり、投稿先にドロップすればシェアできます。 PNGの透過バグのあるIE6対策のjsも同梱されています。試しに入れてみま
[jQuery Mobile] 1時間でミニサイトをつくる
jQuery Mobileは、慣れてしまえば非常に扱いやすいシンプルなライブラリなのですが、どうも「とっかかり」が難しいという話を聞きました。 そこで今回は、まだプライベート・ベータですがWYSIWYGでjQuery Mobileサイトを構築できる無料サービス “Codiqa” を使って、ちょっとしたサイトをサクッとつくってみます。端的にホームページビルダーのようなもので、あまりの簡単さにガッカリされてしまうかもしれませんが… なお、サンプルとしてつくってみるのは、3月末に東京で開催されるラグビー7人制の世界大会「HSBCセブンズ・ワールドシリーズ」の特設サイトという態です。実に11年ぶりとなる日本開催なのですが、あまりにも情報が手に入らないため、せっかくなので少しまとめておこうかと。少しでも興味あれば、是非、秩父宮(秩父ではなく、国立競技場の近く)に足を運んでください。 Codiqa 今
![[jQuery Mobile] 1時間でミニサイトをつくる](https://cdn-ak-scissors.b.st-hatena.com/image/square/3fd53bc75d40d95c84430fe8a20ac022f5ae4a79/height=288;version=1;width=512/https%3A%2F%2Fscrew-axis.com%2Fwp-content%2Fuploads%2F2012%2F01%2Fhsbc7s-229x300.png)
jQuery で outerHTML() を実現する - kなんとかの日記
jQuery で、innerHTML じゃなくて outerHTML を実現する方法があった。 jQuery.fn.outerHTML = function(s) { return (s) ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html(); } jQuery: outerHTML – Yelotofu わかりやすく書くとこんな感じか。 jQuery.fn.outerHTML = function(s) { if (s) { this.before(s); # 自分の直前に挿入。 this.remove(); # そして自分自身を削除。 return this; } else { var dummy = jQuery("<p>") # ダミーの <p> を作成。 var elem = thi
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
jQueryのAjaxを使って複数選択されたチェックボックスの値をPOSTする方法メモ - tech tech -テクテクブログ-
html側で複数選択されたチェックボックスの値を送信するには チェックボックスのname属性をname="xxx[]"のように配列にする必要がある。 <input type="checkbox" name="check[]" value="1" /> <input type="checkbox" name="check[]" value="2" /> jQuery側ではチェック済みの値をeach文を使って配列に保存していく。 var checks=[]; $("[name='check[]']:checked").each(function(){ checks.push(this.value); }); 以下サンプル 選択した要素の値がalertで表示される form.html <html> <head> <script src="http://ajax.googleapis.com/aj
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
jQueryでバリデーション付きメールフォームを作ろう (1/3)
今回はjQueryを使って、「問い合わせフォーム」にバリデーション（検証）機能を付ける方法を解説します。入力漏れや入力ミスがないか、サーバーへ送信する前に、クライアント側であらかじめ簡易的な検証を済ませることで、フォームのユーザビリティを高められます。今回のサンプルでは特に、入力漏れやミスのあった項目を分かりやすくユーザーに示すように工夫しています。 バリデーションルールをclass属性で設定 「問い合わせフォーム」のサンプルとして、以下のようなWebページを作成します。バリデーション機能としては、必須項目の「お名前」「性別」「どこでこのサイトを知りましたか？」「お問い合わせ内容」が入力されているか、「郵便番号」が数値で入力されているか、「メールアドレス」がメールアドレスの書式になっているか、「メールアドレス」と「メールアドレス（確認）」に入力されたテキストが同じか――をチェックします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作 W3G
http://www.designwalker.com/2010/06/jquery-forms.html