JavaScriptテンプレートエンジンJsRender 基本のキ
はじめに JsRenderは高速、軽量、高性能なJavaScriptテンプレートエンジンです。JsRenderを使うと、ブラウザ側で動的にテキストやHTMLを生成できます。 JsRenderはoutlook.comなどのサイトですでに使われており、今後利用者が増えることが期待されています。先日、JsRenderの正式版のリリースが近いことが、作者であるボリス・ムーア氏のブログで発表されました。そこで、正式リリースに先立ちJsRenderの使い方を紹介していきます。 対象読者 JavaScriptテンプレートエンジンに興味のある方 JavaScript、jQueryの基本を理解している方 必要な環境と準備 JsRenderとjQueryを以下のサイトからダウンロードしてください。JsRenderは単体でも動きますが、jQueryのプラグインとしても機能します。 JsRenderのダウンロード
HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その1 - チャートを表示させよう
データを分かりやすく視覚化するポピュラーな手段として、最も利用される方法の一つにチャートがあります。膨大な数字の羅列では相関関係が分かりにくい場合でも、領域やバーの高さで素早く判断を行うことが可能で、報告や説明といった業務では特に多く利用されています。今回は、HTML5対応コンポーネントスイートであるIgnite UIに含まれているigDataChartを利用し表示する方法を紹介します。 対象読者 jQueryや最新のWeb技術に興味のある人。データ視覚化に興味のある人。 必要環境 「jQueryで地震分布図を作成しよう」においても言及されているように、開発環境やプラットフォームには依存しません。コード編集用のエディタと動作確認用のブラウザのみを用意してください。ただし、今回利用するigDataChartコントロールは下記の機能を利用しています。対応していないブラウザでは正しく動作しません
グラフを表示するjQueryプラグイン 後編
jQuery Visualizeプラグインの使い方 jQPlotプラグインのダウンロードサイト上の「Download Now!」アイコンをクリックして、現時点での最新バージョン「jquery.jqplot.1.0.4r1120.zip」をダウンロードし、解凍します。解凍したフォルダ内の「dist」フォルダ直下からプラグイン本体の「jquery.jqplot.min.js」とバージョン9以前のInternet ExplorerでHTML5のcanvas要素を呼び出す「excanvas.min.js」を「plugins」フォルダ下に配置します。また「dist」フォルダ内の「plugins」フォルダにある機能拡張スクリプトも必要なものを「plugins」フォルダ下に配置します。そして解凍したフォルダ内の「css」フォルダをそのままコピーして使用します。 折れ線グラフを表示する際のjQPlotプラ
Struts 2にリッチUIを提供する「Struts2 jQueryプラグイン」（1/5）：CodeZine
はじめに 本稿ではStruts 2にjQueryとjQuery UIを使ったリッチクライアントを提供するStruts 2 jQueryプラグインを紹介します。 jQueryとjQuery UIについて jQueryとはJavaScriptとHTML、CSSの相互作用を強化する軽量なJavaScriptライブラリです。軽量ながらも簡単な操作で扱え、HTMLの操作、AJAXによる非同期リクエストも扱えるのが特徴です。 jQuery UIとは、jQueryの公式ユーザインターフェイス群です。ボタンやタブ表示など基本的なものから、カレンダーやカラーピッカーのような良く使われるユーザインターフェイスを提供します。なお、CSSのテンプレートも提供します。 対象読者 Struts 2のWebアプリケーション開発に興味ある方。 必要な環境 最低動作環境は以下のとおりです。 Java SE 5 Struts
jQuery UIのウィジェットを使ってみよう
対象読者 jQuery UIに興味があり、使ってみたいと思っている方 必要な環境と準備 jQuery UIのダウンロード 執筆時点のjQuery UIの最新版は、1.8.2です。第1回を参考にダウンロードしましょう。 Dialog Dialogは、ユーザのアクションに対して、警告、問い合わせなどのダイアログを表示させたいときに利用します。例えば、ユーザ登録時に「登録します。よろしいですか？」といったメッセージや、データを削除させる時に「削除しますが、よろしいですか？」などのメッセージを表示させることができます。 今回は、ボタンをクリックすると、［OK］と［キャンセル］ボタンが配置されたダイアログが表示されるサンプルを取り上げます。 リスト1にDialogプラグインの使用例を、図1、図2に実行結果を示します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
jQueryでWeb Formsアプリケーションのフィルタリングユーザーインターフェイスを作成する（前編）
フィルタリングユーザーインターフェースを実装する際、jQueryとCSSと数行のJavaScriptを使うと、フィルタを展開したり折りたたんだりするクライアントサイド機能を実装できます。本シリーズでは、jQueryを使用したフィルタリングユーザーインターフェースの実装方法を2回に分けて解説します。 はじめに jQueryは軽量のクロスブラウザJavaScriptライブラリであり、JavaScriptでよく行われる処理、例えばDOM（Document Object Model）の取得や操作、AJAX機能をサポートするための帯域外HTTP要求の作成などの処理を簡略化することを目的としています。jQueryを利用すると、クライアントサイドでよく行う、DOMの要素に属性やCSSクラスを追加／削除したり、ボタンクリックなどのユーザーアクションへの応答としてページ上の要素の表示／非表示を切り替えたりす
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UIのインタラクションを使ってみよう