Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT
テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。 そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くのニーズを満たしてくれることでしょう。 Tabulatorの使い方 てんこ盛りなデモテーブル。ざっと見てもフィルタ、ページネーション、グラフ表示、ソートなどの機能が確認できます。 インライン編集もサポートされています。 データに合わせて幅を自動調整。 行をクリックして展開する機能。 カラムをグループ化。 カラムを縦に。これはカラムが多い時に便利そうです。 ドリルダウン。 テーブルを入れ子にもできます。 スパークライン表示。 フッターで集計。 HTMLテーブルを変換する機能もあ
Webベースでチャット。スマートフォン、デスクトップに対応·Jappix MOONGIFT
JappixはWebベース、マルチデバイス対応のXMPPクライアント。 JappixはPHP製のオープンソース・ソフトウェア。ここ数ヶ月チャットアプリに人気が集まっていた。人とオンラインで対話するのはとても面白い。チャットアプリはとても昔から存在し、FacebookチャットやTwitterのように新しい形のコミュニケーションツールもできている。 チャット画面。日本語可。 そんな中、オープンなプロトコルとして知られるのがXMPPだ。Gmailも対応しているプロトコルで大抵のチャットクライアントでサポートされている。そんなXMPPに対応したWebベースのチャットソフトウェアがJappixだ。 Jappixはデスクトップ向け、モバイル向け、そしてミニと呼ばれる3タイプのデバイスに対応したチャットソフトウェアだ。一番機能が多いのはデスクトップ向けで、グループチャットや音楽再生、インボックス、通知機
MOONGIFT : ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して（しかし順番に）読み込んでくれる。そして読み込んだ後、指定した関数を
Webブラウザ上でデザインを調整する·Brosho MOONGIFT
BroshoはjQuery/JavaScript製のオープンソース・ソフトウェア。WebサイトのデザインはWebブラウザを使って微調整を行わないと分からない部分が多い。特にシステムがらみで実際にデータを当ててみないとどうなるか分からない時はそうだ。 その場でCSSを修正して確認できる 実際にデータベースのデータを入れてみて調整する場合、FirefoxであればFirebugを使えば楽だろうが、それ以外のブラウザではどうだろう。そうした時に便利なのがBroshoだ。 BroshoはjQueryプラグインとして提供される。読み込むと画面の下にフローティングウィンドウが表示されるようになる。場所は画面の上下左右に移動させることが可能だ。そしてマウスでDOMを指定してCSS設定を追加することができる。 生成されたCSS 追加された設定はリアルタイムに反映されるので、分かりやすい。修正が終わったらGe
ストリミーングの音楽を録音する·Streamrecorder.net MOONGIFT
Streamrecorder.netはWindows用のオープンソース・ソフトウェア。radiko.jpをはじめ、音声コンテンツがまた隆盛になってきた。ポッドキャスティングやインターネットラジオを楽しむ人も多いのではないだろうか。管理のしやすさもあってストリーミングで配信するサイトも多い。 メイン画面。ボタン一つで録音を開始する だが常にリアルタイムで聞ければ良いが、席を外したり用事があって聞けないことは多い。そんな時にこそ使えるのがストリーミングコンテンツを保存するソフトウェアだ。HTTPプロトコルを使っているならばStreamrecorder.netが使えるだろう。 Streamrecorder.netはWindows用のソフトウェアで、ネット上で配信されている音声コンテンツをそのまま保存することが出来る。Streamrecorder.net自身はストリーミングを扱う各種ソフトウェアの
WordPressのテーマをビジュアル的に作成する·Elastic Theme Editor MOONGIFT
Elastic Theme EditorはPHP製/WordPress用のオープンソース・ソフトウェア。去年くらいから日本でもWordPressをブログエンジンとして採用するケースが増えてきた。安定性も出てきて、かつテーマやプラグインが世界中にあるのだから使わない理由などないだろう。 ドラッグで幅を設定できる そんなWordPressのテーマ作成は一筋縄でいくものではない。こったデザインであれば、やはりプロに敵うものではないが、シンプルなテーマであればElastic Theme Editorを使えば開発者でもそれなりのものが作成できそうだ。 Elastic Theme EditorはWordPressプラグインとして動作するテーマエディタだ。多数のカラム、横幅の中から選択してベースを作成する。そして枠をクリックしてボックスを作成する。ボックスはマウスでドラッグして複数のカラムを囲むことが出
各種Webサービスに対応した埋め込みを行う·jQuery Oembed MOONGIFT
jQuery OembedはJavaScript製のオープンソース・ソフトウェア。おそらくYoutubeからはじまったであろう、自分のサイトへのコンテンツ埋め込みの機能。今や写真やプレゼンテーション、動画など様々な外部コンテンツがサイトに埋め込めるようになった。しかしここで問題なのが埋め込むコンテンツの内容が分かりづらいことだ。 各種サービスの埋め込みHTMLを生成する 大抵Flashのタグで囲まれており一般的には難解だ。Embedなどと書かれているがよく分かりづらい。そこで使ってみたいのがjQuery Oembedだ。jQuery Oembedはリンクタグにclass="oembed"を指定すると実行されるjQueryプラグインだ。 例えばFlickrの写真のリンクをURLにしてoembedの指定をすると、写真がサイト内に表示されるようになる。イメージタグを書く必要はない。同様にvime
JavaScriptで簡単に作れるモーダルウィンドウ·subModal MOONGIFT
モーダルウィンドウとはアプリケーションから呼び出したウィンドウで、それに対して何からのアクション（閉じるのボタンを押すなど）を起こさないと呼び出し元のアプリケーションに戻れないようなウィンドウだ。ダイアログもその一種と言えるだろう。 モーダルウィンドウを実装 Webブラウザではよくalertのダイアログが用いられるが、あまり格好は良くないしグラフィカルな内容は伝えられない。そこで使いたいのがsubModalだ。 今回紹介するオープンソース・ソフトウェアはsubModal、モーダルウィンドウを簡単に実装するJavaScriptライブラリだ。 subModalが対応しているのはIE6以上、Firefox 1.x以上、Safari、Opera 7以上となっている。相当昔のブラウザから対応しているようだ。JavaScriptファイルとCSSファイルを読み込むだけで良いが、既存のライブラリとバッティ
複雑なグリッドに対応した軽量CSSフレームワーク·Golden Grid MOONGIFT
※ 画像は公式サイトデモより Webサイトを作っていて、複雑なページ構成をCSSだけで組もうとするとすぐに無理がくる。floatやclear、left/rightなどを組み合わせるのだが思い通りにいかない。やっとできたと思ってIEでみたらぶっ飛んでいた、なんてことはざらにある。それだけでもうやる気がなくなってしまうことだろう。 サンプル1 そのような悲惨な目に遭わないためのテクニックがCSSフレームワークの活用だ。あまり重厚なものでなく簡易的なものをと思っているならGolden Gridを使ってみよう。 今回紹介するオープンソース・ソフトウェアはGolden Grid、970pxを横幅にしたCSSフレームワークだ。 最近のWebサイトでは970pxあたりがよく使われる。既に800×600の時代は終わり、1024pxの画面でも十分見られるサイズと言う訳だ。Golden Gridもそれに対応し
必見！たった2ファイルからはじまる凄いWebサイト構築·Zimplit MOONGIFT
正直に言えば、相当なめてかかっていた。ダウンロードして解凍してできたファイルはたったの二つ。これで何ができるのかという思いだった。アップロードして、ファイルにアクセスする。出てきたのはユーザ情報設定画面のみ。そしてログインをする。 利用可能なテンプレート 次に表示されるのはWebサイトのテンプレートが列挙された画面だ。たった二つのファイルでこのような情報が、と思わせる内容だ。そしてテンプレートを選んだ所から凄い衝撃が襲いかかった。 今回紹介するオープンソース・ソフトウェアはZimplit、見たまま編集するWebサイト構築ツールだ。ライセンスはAGPLだが、商用向けには有償でライセンス提供している。 ZimplitはテンプレートになるデザインをどこかのWebサーバからダウンロードして展開する（恐らくZimplitの公式サイトから）。そしてユーザが見るであろう画面の上にウィンドウを表示して、そ
MOONGIFT: » JavaScriptを使ってインタラクティブなグラフ「Flot」:オープンソースを毎日紹介
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラフ生成ソフトウェアだ。 FlotはjQueryを使って開発されたライブラリで、インタラクティブなグラフを作成できるのが特徴だ。プロットするだけもでき、複数のデータを一つのグラフ上に並べられる。 そしてJavaScriptならではの機能として、選択した範囲をハイライトしたり、その部分だけにフォーカスして表示することもできる。データを表示する、しないといった選択もダイナミックに変更できる。 JavaScriptを使うメリットは、サーバサ
MOONGIFT: � 求人サイトをオープンソースで「JobberBase」:オープンソースを毎日紹介
求人のあり方は変わり始めている気がしている。大手の求人サービスよりも、個人間のつながりで新しいビジネス関係が生まれたり、転職する人のが私の周りでは多い。 その中にあって生まれたのがジョブボードと呼ばれるサービスだ。ジョブボードはアメリカの人気ブログやメディアで使われ始めているサービスで、ユーザのターゲッティングがされているので的確な求人情報が打ち出せるのがメリットだ。 今回紹介するオープンソース・ソフトウェアはJobberBase、ジョブボードを作るソフトウェアだ。 JobberBaseはシンプルでWeb2.0風なデザインをしたソフトウェアで、ジョブ一覧と検索が主な機能になる。仕事の登録も簡単にできる。 アポイントメントを送ると、Digg風に四角い枠の数字があがっていく。他にもウィジェットを自分のブログに貼付けたり、Web APIもある。 ジョブボードでの求人は、大手の求人サイトでは難しい
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
MOONGIFT: » ファイルアップロード＆画像加工ならお任せ「CLASS.UPLOAD.PHP」:オープンソースを毎日紹介
システム開発で、ファイルのアップロードと言う仕組みは意外に煩雑な事が多い。インターネットとローカルとをつなぐ、重要な仕組みであるのに、あまり手軽な方法が提供されないのは不便だ。 そして、画像加工の仕組みもそれほど簡単ではなく、独自で作りこむ必要がある。それらを簡便にするのがこれだ。 今回紹介するオープンソース・ソフトウェアはCLASS.UPLOAD.PHP、ファイルアップロード＆画像加工スクリプトだ。 CLASS.UPLOAD.PHPを使うと、$_FILESをそのまま当てはめるだけで、オブジェクトとして処理が可能になる。アップロード成否判定や拡張子の判別なども容易になるので、便利なクラスだ。何より、一ファイルで提供されていると言う手軽さがある。 そして、画像加工も兼ね備えている。リサイズや位置の変更はもちろん、一部の切り出しや枠囲み、色相の変更、反転、文字の追加、水面への移りこみのような加
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
