HTML上のテーブル操作の決定版·Flexigrid MOONGIFT
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar
MOONGIFT: � Keynote向けのプレゼンテーションアイコン集「Keynote Objects」:オープンソースを毎日紹介
Power Pointで作られたプレゼンテーションは見飽きるほど見ており、それっぽい資料を見せられるだけでやる気が削がれてしまう。どうしても格好いいとは思えない。その点、Mac OSXのKeynoteで作られたグラフィカルなプレゼンテーションは見ていて面白い（と言う思い込みかも知れないが）。 ずらりと並んだアイコン だが、Keynoteには大きな弱点がある。それはアイコン集がないことだ。文字や写真中心ならまだしも、ビジネス向けのプレゼンテーションではそうはいかない。そこだけ既存のプレゼンテーションから貰っていたのでは、全体の雰囲気が壊れてしまう。そこでこれを使おう。 今回紹介するフリーウェアはKeynote Objects、Keynote向けのポップなアイコン集だ。 Keynote ObjectsではKeynoteのデザインにマッチするポップなアイコンが100個登録されている。矢印、再生や
MOONGIFT: » クリックする場所を測定するアクセス解析「ClickHeat」:オープンソースを毎日紹介
アクセス解析からは様々な情報が読み取れる。これを無視してサイト改善はあり得ない。だが、取れる情報は断片的なものだけで、実際にユーザがどういったアクションを起こしているのかは仮説を立てて検証していくしかない。 MOONGIFTのヒートマップ その仮説に役立てるのに便利なソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはClickHeat、クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。 これは面白い。ClickHeatから生成されるJavaScriptのコードをサイトに埋め込んでおき、しばらくするとサイトのスクリーンショットをバックグラウンドに、クリックされた場所がポイントとして表示される。 JavaScript生成画面 何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなの
MOONGIFT: » ことえりからの脱却「MacUIM」:オープンソースを毎日紹介
Mac OSXをしばらく使っていると分かってくることに、標準の日本語入力システムであることえりの××さ加減である。誤変換もさることながら、前後の脈絡も察してくれない、いわば空気の読めなさ具合は素晴らしいものがある。 それでも漢字TalkやMac OS8/9時代に比べれば改善したという話もあるが、今はベースがUnix。他の古参の入力システムに乗り換えることだってできるのだ。さあ、ことえりから脱出しよう。 今回紹介するオープンソース・ソフトウェアはMacUIM、Mac OSXで様々な入力システムを選択可能にしてくれるソフトウェアだ。 MacUIMはUIMのMac OSX版だ。Cocoa/Carbonアプリケーションにのみ対応になるが、素晴らしいのはインストーラー一つで様々な入力システムも同時にインストールしてくれる点だ。 インストールすると、システム環境設定の言語環境の一つとしてMacUIMが
MOONGIFT: » JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」:オープンソースを毎日紹介
Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。 ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。 今回紹介するオープンソース・ソフトウェアはLT Diagram Builder、JavaScriptベースのグラフ生成ライブラリだ。 LT Diagram Builderが対応しているのは棒グラフ、折れ線グラフ、関数グラフ、矢印、円グラフ、ガントチャート等多彩な描画に対応している。 ダイナミックな描画にも対応しており、関数の値を変更すれば、即座にグラフに反映する事ができる。JavaScriptの強みだろう。 また、PHPやASPでのグラフ生成にも対応している。結果的に出力されるのはJavaScriptのようだが、サーバサイドのデータを
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
MOONGIFT: » 不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介
CSSははじめこそきちんと定義しながら進めるのだが、修正が重なったり、日々の運用の中で徐々に肥大化していく。HTMLと同じで多少間違っていたり、不要な情報が紛れ込んでいてもそれなりに表示されるので気にならないのだ。 だが不要な情報が紛れ込んでいると、ちょっとした修正が全く無関係と思われる場所に影響を及ぼしたり、管理しきれなくなってくる。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Redundancy Checker、不要なCSSチェッカーだ。 CSS Redundancy CheckerはRubyで作られている、CUIベースで動作するアプリケーションだ。また、gemでhpricotをインストールする必要がある。そのため、若干敷居が高いかも知れないが、便利なアプリケーションだと思うのでぜひトライしてみて欲しい。 使い方は簡単で、CSSファイル
MOONGIFT: » JavaScriptでFlashを操作「Aflax」:オープンソースを毎日紹介
FlashはHTMLやJava、PHPなどと同じWebの技術ではあるが、デザイン的な要素も入れられることもあって、プログラマの領域とはちょっと違う雰囲気を持っている。 これが使いこなせれば、今までにないサービスの提供も考えられる。この技術を使ってFlash操作を習得しよう。 今回紹介するオープンソース・ソフトウェアはAflax、JavaScriptでFlashを操作できるソフトウェアだ。 Flash8ではExternalInterfaceを利用してJavaScriptと連携できるが、これをさらに進めてAction Scriptをライブラリ化し、JavaScriptから操作できるようにしたのがAflaxだ。 ビジュアル的なグラフを描いたり、絵を動かしたりといった操作も簡単にできる。それらはFlashを意識する事無く、JavaScriptのコードによって生成される。 多数のサンプルが同梱されて
MOONGIFT: » PHPでグラフを作るなら「Image_Graph」:オープンソースを毎日紹介
DB内に蓄えたデータは何のためにあるか。それは何らかの出力を行うためにある。HTMLなのか、メールなのか、CSVやPDF…種類は様々だが、結果的にデータは出力されるために存在する。 出力形態の一つにはグラフも存在する。意外と面倒なプログラムからのグラフ出力、専用のライブラリを使って手軽に作成してみよう。 今回紹介するオープンソース・ソフトウェアはImage_Graph、PHPでグラフを作成するPEARライブラリだ。 Image_Graphは元々、GraPHPiteというライブラリで、PEARへの登録を行う上でImage_Graphに名前が変わったようだ。公式サイトには数多くのサンプルが掲載されているのでぜひ見てみて欲しい。 直線的なものや滑らかな曲線のもの、二軸のグラフや複数の種類のグラフを重ねることもできる。また、背景は単色だけでなく画像を指定してすかして表示する事も可能だ。尚、利用には
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
