表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
WordPressをドキュメント管理システムに·WP Document Revisions MOONGIFT
WP Document RevisionsはWordPressを使ってドキュメント管理システムを構築するプラグイン。 WP Document RevisionsはPHP製/WordPress用のオープンソース・ソフトウェア。元々はブログエンジンとして登場したものの、シェアを一気に拡大していく中でCMS（コンテンツマネジメントシステム）として進化しているWordPress。Webサービス開発のベースに使われることも多い。 ファイルアップロード そんなWordPressが次なる進化を遂げようとしている。それは環境になることだ。もはやWordPressがなければビジネスが回らない、そんな状態になってしまうのだ。その一つ、WordPress上でドキュメント管理システムを構築するのがWP Document Revisionsだ。 WP Document Revisionsはリビジョン管理システムを含
Webサイトのデザインにぴったり。多数収録したアイコン集·Open Icon Library MOONGIFT
Open Icon LibraryはWebサービスの開発に使えるアイコン集（PNG/SVG）。 Open Icon LibraryはPNG/SVG画像のオープンソース・ソフトウェア。Webサービスを作る上でアイコンは欠かせない存在だ。シンプルなテキストのみというサイトもあるが、やはり見た目のインパクトや分かりやすさにおいてアイコンを使った方が良い場面は多い。 コマース だが実際にアイコンを使おうと思うと、検索して探してきて配置する作業を繰り返す事になる。その時、選んだサイトがばらばらでは見た目も違和感が出てきてしまう。そこで使うのはOpen Icon Libraryのようなまとまったアイコン集になる。 Open Icon Libraryはソーシャル系サービス、OS、ライセンス、Powered by、国旗、決済関係と言ったカテゴリに分かれて収録されているアイコン集だ。ソーシャル系は今時のサー
これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の
MOONGIFT: » 個人であればこれで十分？Photoshop代替えを狙える「Artweaver」:オープンソースを毎日紹介
ビジネスユースであればPhotoshopの地位はまず揺らがないだろう。だが個人利用の範囲ではPhotoshopの価格は高すぎる。とは言え高度な編集を試してみたいと思う人は多いはずだ。 使い勝手の良い画像編集ソフトウェア さらにビジネスユースの中でも、デザイナーや専門職ではない方でも画像の編集を行いたい場合もある。そんな時に使えるのがこのソフトウェアだ。 今回紹介するフリーウェアはArtweaver、多機能画像編集ソフトウェアだ。 ArtweaverはPhotoshop風なインタフェースの画像編集ソフトウェアで、ツール、ブラシ、カラー、レイヤー、プレビューといったフローティングウィンドウがある。画像に対してぼかしやエンボスなどの加工も簡単にできる。 初期設定画面 開くことができるファイルは独自ファイル形式の他、BMP/GIF/JPEG/PCD/PCX/PNG/PSD/TIFFなどになっている
MOONGIFT: » Web開発者は必須！様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
MOONGIFT: » Photoshopもこれで不要？WindowsでGIMPを使いやすく「GimPhoto」:オープンソースを毎日紹介
画像編集と言えばPhotoshopが真っ先に挙がるだろう。高度な編集も容易にこなす、素晴らしいソフトウェアだ。だが高い、個人レベルではとても購入して使おうという気になれない。そこで代替えとして挙げられるのがGIMPだ。 GIMPを使い勝手よく！ GIMPはオープンソースであり、無償で利用できる。だがインタフェースがこなれていない（玄人向け？）なので、一般ユーザには取っ付きが悪かった。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはGimPhoto、GIMPをPhotoshop風にして使い勝手を良くしたソフトウェアだ。 GimPhotoはGimPadというソフトウェアと組み合わせて利用する。GimPadはGIMP for WindowsをMIDウィンドウ対応にするソフトウェアだ。これだけでも随分使い勝手が良くなる。また、Windows風やVista風とい
MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介
完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日本語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理＋差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
MOONGIFT: » 日本語可！Flashで作る動的グラフ「Open Flash Charts」:オープンソースを毎日紹介
これまでにもオープンソースで生成できるグラフライブラリを各種紹介してきた。パターンとしては、画像として出力されるもの、JavaScriptで表示されるものの二つがあったように思える。 これはそのどちらでもない。Flashによるグラフ生成ライブラリだ。 今回紹介するオープンソース・ソフトウェアはOpen Flash Charts、Flash製のグラフ生成ライブラリだ。 特に細かい説明をする事もないだろうが、単純に言えばFlashファイルに対して、データのファイルのパスを渡せば表示がされるようになっている。データファイルの生成を動的に行えば、システムに連携したグラフも簡単に作ることができる。 Flashで生成されるだけあって、グラフィカルなものが可能だ。日本語出力にも対応しているのが優位な点だろう。棒グラフ、折れ線グラフ、背景色の変更、複数グラフの描画等、多彩な機能を備えている。 グラフの種類
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
