何に使えるかな。シンプルなWebベースの年表ライブラリ·Chronoline.js MOONGIFT
Chronoline.jsは左右に展開するシンプルな年表ライブラリです。 万人誰にとっても共通で変わらないリソースが時間です。時間ごとに変化するデータ、その時に起きたイベントなどを見せるのに最適なのが年表です。そこで紹介したいのがChronoline.js、シンプルなUIのWebベースの年表ライブラリです。 日ごとの年表。左右への移動はスムーズです。 今日の日付部分が四角く囲まれています。 こちらは月ごと。メモリが大きくなっています。 Chronoline.jsは月、四半期、年といった単位で表示できるようになっています。プロットしたデータにはフローティングを使って情報を追加できます。イベントは日付とタイトルという形でハッシュを作り、それを配列としてJSONデータにするだけです。複雑な情報は表示できませんが、時間軸に沿って何が起きたのかといった表現に良さそうです。 Chronoline.js
ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス
セキュリティを考える。JavaScriptによるJavaScript実装·js.js MOONGIFT
js.jsはJavaScriptによるJavaScript実装です。サードパーティのJavaScriptをサンドボックス化し安全に実行します。 最近ブログパーツやシェアボタンをはじめとして外部サービスのJavaScriptコードを埋め込んで動作させたりすることが増えています。しかし外部のサービスにセキュリティ上の問題がある可能性もあります。そこで作られているのがJavaScriptによるJavaScript実装であるjs.jsです。 デモです。 コードです。"1 + 1"を実行しています。 他の計算処理を行っているデモです。 Tweetボタンを表示するデモです。Twitterから送られるものをそのまま実行する訳ではないのが肝です。 js.jsは文字列のJavaScriptコードを評価し、安全に実行できます。サンドボックス状態で実行するのでセキュアです。ただし完全に独立する訳ではなく、コール
ここまでやるか。SQLiteをJavaScriptに変換·SQL.js MOONGIFT
SQL.jsはSQLiteをEmscriptenを使ってJavaScript化したソフトウェアです。 SQL.jsはWebブラウザ上で使えるデータベースです。Emscriptenを使ってSQLiteをJavaScriptに変換した面白いソフトウェアです。 デモです。テキストエリアに書かれたSQLを実行できます。 実行した結果です。最終的な結果だけが出力されています。SELECTの結果はJSONデータとして取得されています。 もちろん普通にSQLが使えます。 日本語は出力時は化けてしまいましたがデータ上は問題ないと思われます。 SQL.jsはSQLiteがそのままJavaScriptになってしまったようなソフトウェアです。慣れた使い勝手でSQLを実行したり、データを取得できてしまうのは面白そうです。なお現状Google ChromeやFirefoxにしか最適化されていません。 SQL.jsは
IE8以前に救済。HTML5のタグを利用可能に·html5shiv MOONGIFT
html5shivはIEをはじめとするHTML5非対応WebブラウザでHTML5のタグとスタイルを使えるようにするソフトウェアです。 HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシートが当たっています。 ソースコード。sectionタグなどを使っています。 まだ開発中ということもあって全てのテストが通る訳ではなさそうです。 別なソース。markタグを使ったり、jQueryも使えています。 こんな感じのグラフも描けています。 グラフのソース。おそらくCanvasタグで描かれているはず。 html5shivを使えばHTML5非対応のWebブラウザであっ
高価なソフトウェアを買う前に。フローチャートやUMLクラス図などを描くのに使えるドローソフトウェア·Diagram Designer MOONGIFT
Diagram DesignerはフローチャートやUMLのクラス図を描くのに使えるドローソフトウェア。 Diagram DesignerはWindows用のオープンソース・ソフトウェア。システムの設計をする時には必ず図が必要になる。フローチャートを書いたり、UMLを書いたりネットワーク図、ER図を書いたりする。その時には何らかのドローソフトウェアが必要だ。 描いている所 最も有名なものとしてはMS Visioがある。だが高い。ちょっとした図を書くならもっと安価なツールが良いと思ってしまう。Diaもあるが、なかなかパーツがうまく使えなかったりする。そこで今回紹介するのはDiagram Designerだ。 Diagram DesignerはWindows用のソフトウェアで、名前の通りダイアグラムを作成するためのソフトウェアだ。左側に図、右側にパーツが並ぶ。フローチャート向けの図が殆どだが、う
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT
SourceKitはGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitはGoogle Chrome向けのフリーウェア（ソースコードは公開されている）。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか本格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitはGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選
Webベースのファイルストア·DropBox MOONGIFT
DropBoxはPHP製のオープンソース・ソフトウェア。一般のPCに比べてサーバのHDDは耐久性があるものを選択する。だからクライアントPCに大量のデータを置いておくのは不都合なことだ。ファイルはできるサーバ上に置いておいた方が安全だ。 メイン画面 社内で皆で共有で使うファイルはもとより、個人的に大事なデータも含めてみんなサーバ上にホストしてしまおう。そのためのソフトウェアがDropBoxだ。同名サービスとは関連がないのでご注意いただきたい。 DropBoxはサーバ上に設置し、Perlで作られた設定ファイル生成を行えばすぐに使えるようになる。Basic認証を行うようになっており、認証したときのユーザ名を使ってファイルを保存できる。ファイルはプライベートまたはパブリックが指定可能だ。 パブリックにしたファイルは他のユーザもアクセスし、ダウンロードできるようになる。ファイルの一括アップロードが
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
シンプルなWindows用Linuxコマンド集·Gow MOONGIFT
GowはWindows用のオープンソース・ソフトウェア。LinuxやMac OSXを使っていてWindowsに移ると非常に面倒に感じるのがコマンドラインでの操作だ。GUIが当たり前なので致し方ないのだが、それでもコマンドラインである程度の作業が出来ると利便性が高い。 130種類を越えるコマンド群 そのような時に使っていたのがCygwinだが、レジストリが色々変更されたり、そもそもcygdriveという書かれ方が好きではなかった。もっとシンプルにコマンドだけを使いたいならばGowを利用してみよう。 Gow（Gnu On Windows）はシンプルに使えるLinuxコマンド集で、lsやwc、wgetといったような一般的コマンドが136個ほど詰め合わせになっている。cvsやscp、puttyといったプログラムも用意されているので利便性が高い。vimもあるのが面白い。 パスにも追加されるのでコマン
PHPベースのグラフ生成ライブラリ·pChart MOONGIFT
システムに入れたデータは何らかの形で出力される。多いのはグラフや表だろう。表は数値を細かく判断する場合には便利だが、もっと感覚的に肌で違いを感じられるのはグラフの方だ。そのため、グラフ作成に関するニーズは多い。 曲線を描くグラフ グラフを生成するライブラリは数多く存在するが、使い勝手や機能面で物足りない思いをしている人もいるだろう。そこでこちらをご紹介。 今回紹介するオープンソース・ソフトウェアはpChart、PHP向けのグラフ生成ライブラリだ。 pChartは折れ線グラフ、面グラフ、棒グラフなどを画像として生成することができる。細かな指定ができ、各要素が離れた円グラフ、なんてことやポインタに画像を使ったりすることもできる。もちろん複数の要素を同時に表示したり、折れ線グラフと面グラフを合わせるなんてこともできる。 コメント付き PHP単独で作られているので、PHPでシステムを構築している場
PHP+MySQLによる日本製Eコマースシステム·Live Commerce MOONGIFT
Live CommerceはPHP製/Webベースのオープンソース・ソフトウェア。Eコマースシステムは一から構築する必要がなくなっているのが実感できる。すでに多数存在するEコマースシステムの中から選べば良いだけだ。とは言え海外製をそのまま持ち込んでも通貨や商習慣、配送システムの問題がある。 ショップサイト そこで注目したいのは日本製のEコマースシステムだ。こちらもすでに幾つかのソフトウェアがあるが、新たに登場したのがLive Commerceだ。Live CommerceはZend Frameworkを用いて開発されているオープンソース・ソフトウェアだ。 Live Commerceは実に多彩な機能を提供している。ショッピングサイトと管理画面はもとより、売り上げランキング、関連商品、ポイントシステム、値下げ表示、キーワード登録、ウィッシュリスト、レビュー、お勧め商品などの機能がある。 管理画
PHP版Tracなるか·Chaw MOONGIFT
ChawはPHP/CakePHP製のオープンソース・ソフトウェア。プロジェクト管理ソフトウェアはすでに無数に存在する。有償パッケージ、オープンソース、ASPなど提供形態も様々だ。個々のニーズ、使い勝手によって自由に選択できるようになっている。 CakePHPを使って作られている すでに有名なオープンソースのWebブラウザベースで使えるプロジェクト管理としてTracやRedmineが有名だ。それらをリスペクトしつつ開発されたのがChawだ。どちらかと言えばGithub風に使える、カスタマイズも容易な面白いソフトウェアだ。 リポジトリはGitまたはSubversionが対応している。ソースビューワー、タイムライン、ウィキ、チケット、バージョン情報が主なコンテンツになる。ソースはフォーク可能で、フォークされたプロジェクトの一覧を閲覧することもできる。 プロジェクト一覧 システムはCakePHPで
複数バージョンのFirefoxを一括インストール·Mozilla Firefox Collection MOONGIFT
Mozilla Firefox CollectionはWindows用のフリーウェア。Webサイトを開発する際にはどのバージョンのブラウザからサポートするかが工数に影響を与える。ブラウザは進化するに従ってレンダリング結果やJavaScriptの動作が異なったりするので、多くのブラウザをサポートする場合はテストの工数が増えていく。 4つのFirefoxがインストールされる IEでは複数のバージョンをインストールして確認するソフトウェアがあるが、Firefoxでは見かけなかった。だがMozilla Firefox Collectionはまさにそのためのソフトウェアになる。Firefox2〜3.6までの歴代Firefoxでのシステム確認作業が出来るようになる。 インストールされるのは2、3.0、3.5、3.6の4つのFirefoxになる。さらにFirebugやWeb DeveloperといったW
)
Web APIのテストにも。ダミーWebサーバ·ww MOONGIFT
wwはRuby/Sinatra製のオープンソース・ソフトウェア。Web APIを使った開発の場合、自動化したテストをいかに行うかが問題になる。特にWeb APIのように他サービスのリソースを使う場合、テストで過剰アクセスするとブロックされてしまう危険もある。 外部サービスを使った開発で利用 それを回避するにはテスト用に別途サーバを用意するのが良い。設定ファイルでテスト時や開発時にはローカルのサーバにデータを飛ばすのだ。柔軟にレスポンスデータを返すのにwwが面白そうだ。wwはSinatraで作られたダミーのWebサーバだ。 wwはレスポンスデータを設定したスクリプトを使ってサーバを立ち上げる。SinatraなのでURLの設計は容易で、レスポンスデータの設定も簡単だ。ユニットテストとも連携でき、自動的に立ち上がってテストができる。テストケースごとにサーバがリセットされる機能もある。 リクエスト
空間に粒子を描き出すFlashエンジン·Stardust MOONGIFT
StardustはActionScript3製のオープンソース・ソフトウェア。HTML5が既にモバイル系では実用段階になっており、様々なイフェクトを可能にしつつあるが、それでもFlashの表現力の高さには及ばないのが現実だ。Flashを使えばこんな面白い、多彩な表現が可能になる。 左からスパークしながら進んでいく Stardustのサンプルを見ればそれがよく分かるはずだ。2D/3Dに対応し、マウスのアクションにも反応しつつ見事なグラフィックスを表示する。外部の2.5D/3Dエンジンにも対応し、ZedBox/Papervision3D/ND3Dが利用できる。 無数の矢印が動き回るグラフィックスや、流星が飛ぶもの、画像をクリックすると細かく分断されて弾けていくサンプルなどが登録されている。星形の粒子が花火のように飛んでいくものはとても見事な作りだ。さらに粒子が円を通り抜けていくデモはマウスで移
Windowsのhostsファイルを切り替える·Hosts Manager MOONGIFT
Hosts ManagerはWindows向けのフリーウェア（ソースコードは公開されている）。システム開発を行っている時や、ネットワークの調査を行っている際に良く使われるのがhostsファイルだ。ローカルを運用サーバのように見せたりする目的で使ったりするだろう。 タスクトレイで切り替え 便利とは言え、常時設定しておくと逆に問題が起こる場合もある。そのため設定をコメントアウトして残しておく人が多いと思うが、これからはHosts Managerを使ってみるといいだろう。Hosts Managerはhostsの設定をグルーピングして管理できる。 Hosts Managerはタスクトレイに常駐するソフトウェアで、hostsファイルの設定をグループとして定義し、その内容をタスクトレイから切り替えられる。例えば開発用、といった定義をしておけば開発サーバと運用サーバを簡単に切り替えられるようになる。 編
Flashで2.5D·ZedBox MOONGIFT
ZedBoxはActionScript製のオープンソース・ソフトウェア。JavaScriptの進化やHTML5の登場によって、これまでであればFlashでしかできなかった表現がブラウザだけで可能になりつつある。とはいえ一般に浸透するのはまだ先のことなので、しばらくはFlashの優位性は動かないだろう。 そしてさらにFlashは進化している。音楽や動画といったマルチメディア系に強くなった今、次なる分野は何が考えられるだろう。その一つが3D空間だ。3Dがスムーズに動くようになればゲームをはじめ様々な分野で活用されることだろう。その一端をZedBoxで見ることが出来る。 ZedBoxは2.5Dを標榜している。つまり3Dではない。なんちゃって3Dとでも言えるかも知れないが、その代わり表示はとてもスムーズだ。サンプルとして球の周りに球が浮かんで回るFlashが提供されている。マウスの動きに追従し、滑
Webサイトやローカルの画像を収集、公開する·EasyCapture MOONGIFT
EasyCaptureはPHP製、Webベースのオープンソース・ソフトウェア。TumblrではWeb上にある画像を集めて掲載したものが人気だ。特定のジャンルに限られていたりすると、購読したくなるだろう。そんな感じでWeb上または自分のローカルにあるファイルをただひたすらにアップロードするだけでも面白いコンテンツになりそうだ。 画像を登録＆公開 それを簡単に実現するのがEasyCaptureだ。EasyCaptureは画像をファイルアップロードまたはURL指定でアップロードするとサムネイルを作りつつ画像一覧に掲載していくというソフトウェアだ。仕組みはとてもシンプルで面白い。 都度アップロード指定をする他に、ブックマークレットを使って該当URL上にある画像だけを一覧することもできる。そこから画像を選択すればどんどんEasyCaptureに取り込めるという仕組みだ。画像のまとめサイトから取り込ん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
