業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar
Crazy Egg'sで実装されている、テーブルのハイライトされた箇所を動的に切り替え、別の要素を表示するスクリプトの紹介です。
A CSS styled table | Veerle's blog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。 次のようなテーブルを作成するサンプルが公開されています。 サンプル1(解説記事) サンプル2(解説記事) テーブルもここまでカッコいいものが作れるんですね。 是非テーブルスタイル時の参考にしたいサンプルです。
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
レポーティング機能のついたTodo管理 シンプルなTodo管理ソフトウェアです。作業結果のレポート機能が特徴です。 レポーティング機能のついたTodo管理 Todo管理で大事なのは、今からやる事が分かる事と今日やった事が分かる事だ。そこが曖昧だと、実感なく進んでしまい、いつしかやる気がなくなってしまう。 そのためにもこれを使ってみるのは意味がある。 今回紹介するフリーウェアはToDo×Rocky(トドロキ)、レポーティング機能付のTodo管理ソフトウェアだ。 ToDo×RockyはごくシンプルなインタフェースのTodo管理で、ダブルクリックすると項目追加ダイアログが開く。進捗や締め切り設定もできる。 完了したらチェックボックスをチェックすれば、終了日に日付が自動で入る。そしてレポート作成を行うと、本日行った作業や、これから行う作業が一覧で出力される。 後はメールなり日報なりに貼り付ければ上
Tuxと一緒にタッチタイピング+英語の勉強 Tuxを使ったタッチタイピングソフトウェアです。英語向けなので、単語の勉強も兼ねてどうぞ。 Tuxと一緒にタッチタイピング+英語の勉強 誰もが一度は練習し、そして覚えていくタッチタイピング。大抵、日本語で練習するだろう。だが、キーボードの基本は英語だ。英語でしか殆ど使わないキーもあるので、日本語しか覚えないとその点が辛い(QやL等)。 英単語の勉強にもなる、このソフトウェアを使って英語のタッチタイピングをマスターしよう。 今回紹介するオープンソース・ソフトウェアはTuxtype 2、タッチタイピング習得ソフトウェアだ。 Tuxtype 2はその名の通り、Linuxのキャラクター「Tux」を操ってタッチタイピングをマスターするソフトウェアだ。各言語化されているが、残念ながら日本語には対応していない。 ステージは二種類あり、一つは上から魚(ワード)が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く