Excel同等とは言わないけれど十分高機能なWebベースのテーブル表示ライブラリ·KoGrid MOONGIFT
KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。 業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハイライト表示します。 カラムに色をつけたり、セルごとに色を設定できます。 数値は桁数を意識したソートができます。 フィルターを表示できます。 サーバサイドのページネーションもあります。 10,000行のデータも軽快に操作できます。 テーブルで選択したデータの詳細を右側に表示するデモです。 KoGridはカラム幅の変更やカラムの移動はできないものの、大抵のニーズには応えられると思われます。
Closure Toolsを使った折れ線グラフライブラリ·Closure Charts MOONGIFT
Closure ChartsはGoogle Closure Toolsを使って構築されたグラフライブラリです。 GoogleがリリースしているJavaScriptツール群がClosure Toolsです。そんなツールを使って作られたチャートライブラリがClosure Chartsになります。 主に折れ線グラフ用です。 色を変えたり、多数の要素をグラフに配置できます。 マウスを当てるとその部分にポインタが表示されます。 縦に並んだ例。 猫の画像の上に線を引くと、その内容（？）がグラフに表示されます。 グラフの表示はリアルタイムに変化、かつ高速です。 Closure Chartsはごく小さいものではスパークラインのグラフも可能です。リアルタイムの秒が変化にも対応しているので、株価や為替の変化グラフにも使えるでしょう。 Closure ChartsはJavaScript製のオープンソース・ソフト
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
使い道色々。jQueryを使ってSparklineグラフを描く·Peity MOONGIFT
PeityはjQueryでSparklineグラフ（円、棒、折れ線）を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
MOONGIFTプレミアムについて | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
Arborは複数のオブジェクトを関連性を含めてビジュアル化するライブラリ。 ArborはJavaScript/jQuery製のオープンソース・ソフトウェア。データをビジュアル化する方法は幾つか存在する。例えば棒グラフや折れ線グラフも一つのビジュアル化だ。どの方法を選ぶかはデータの種類と見せ方によって異なるだろう。 こんな表示も 幾つかのオブジェクト同士が関連して存在する場合に使えるのがArborだ。例えばソーシャルネットワークのユーザの関連性を表示したり、友人同士のつながりをビジュアル化するといった時に使えそうなライブラリだ。 Arborは幾つかのハブがあり、そのハブから枝が伸びて別なハブにつながっているようなビジュアル化を行う。表示して終わりという訳ではなく、常にゆらゆらと動いている。さらにハブをドラッグして移動させることもできる。その時には関連するハブも干渉して動く。 さらに複雑な描画
Dojo道場 ～ 第1回「グラフを使いこなす（前編）」
企業における大規模なWebアプリケーション開発を想定して設計されたJavaScriptライブラリー「Dojo Toolkit」は、欧米では、すでに多くの企業のサイトやイントラネットでも利用されており、IBMではソフトウェア製品のフロントエンド構築技術として全面的に採用されています。本シリーズでは、豊富な機能の中から厳選した、ビジネス・アプリケーションのためのベスト・プラクティスを中心に、Dojo Toolkitの活用方法をご紹介します。 エンタープライズ開発に適したJavaScriptライブラリ AjaxやダイナミックHTMLなどの要素技術を利用した、リッチ・インターネット・アプリケーション（RIA）が企業システムのフロントエンドとしても注目されていますが、Webブラウザ上で稼働するRIA開発に欠かせないのが、JavaScriptライブラリーです。JavaScriptライブラリーは一般的に
MOONGIFT : HTMLフォーム上のデータを扱いやすくする「jQuery Data Link plugin」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
jQuery Data Link pluginを使うとHTML上のデータ操作が容易になる。 jQuery Data Link pluginはjQuery/JavaScript製のフリーウェア（ソースコードは公開されている）。jQueryをはじめとするJavaScriptフレームワークの登場で、Webブラウザ上でデータ操作を行うケースが増えている。しかし意外とやりづらさを感じていた。 データ操作がシンプルになる DOMを使って指定する場合、一つ二つであれば容易なのだが、多数のフィールドを操作しようと思うと面倒だった。そうしたデータ操作をもっと手軽に分かりやすくするのがjQuery Data Link pluginだ。 jQuery Data Link pluginではObjectを作成し、それをformとリンクさせる。そうすると（例えばpersonというオブジェクトを生成した場合）perso
JavaScript + CanvasでActionScript3のような描画·CanvasScript3 MOONGIFT
CanvasScript3はHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5とFlashによる次世代標準の覇権争いが続いている。HTML5は現状のFlashでできることをどんどんと浸食しており、今後開発されるサイトについてはFlashの選択が減ってくる可能性がある。 オブジェクトが回転する Flashが得意とする分野の一つにアニメーションがある。HTMLやJavaScriptでアニメーションを作ろうというのは相当大変な思いをしそうだ。だがHTML5になって機能が増えることで状況は変わってくる。それを垣間みれるのがCanvasScript3だ。 CanvasScript3はCanvasとJavaScriptを使って、アニメーションを実現するライブラリだ。マウスの位置によって動作速度を変えるオブジェクトや爆発するようにオブジェクトが広がって跳ね返るサンプルなどが公開
JavaScriptの3Dエンジン·Three.js MOONGIFT
Three.jsはJavaScriptのオープンソース・ソフトウェア。Webブラウザが高機能化していく中で競われているのがJavaScriptエンジンの性能だ。実行速度が向上することによって、Webアプリケーションなどの利用が促進される。HTMLレンダリング性能と合わせて重要な指針だ。 マウスの動きを追従する エンジンが高機能化すれば実現できる幅が広がる。その一つが3Dレンダリングだ。JavaScriptで3Dオブジェクトが表現できるようになれば、ゲームはもちろん様々な分野で活用できるだろう。そのレンダリングエンジンとしてThree.jsを紹介しよう。 Three.jsは3Dオブジェクトをレンダリングするライブラリで、先日話題になったGoogleマップを使ったマッシュアップ「The Wilderness Downtown」もこのThree.jsを使って作られた一つだ。さらにマウスで反応する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
