MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。 jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。 今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。 jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非
Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT
GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの？」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ
Google Wave対応サイトを構築する際に·Wave Robot Sinatra Template MOONGIFT
先日登場したGoogle Wave。未知数の部分が多く、どのような発展をしていくか分からないが、わくわくさせられる技術だ。特に既存のWebサイトをWave対応にした時のリアルタイムでのコラボレーションと言うのは非常に魅力的だ。 ファイル構成はこのようになっている だがそのような機能を現在のWebサイトを拡張して追加するのは意外と大変かも知れない。疎結合にすれば、後々のメンテナンスも楽そうだ。そんな時に使えそうなのがWave Robot Sinatra Templateだ。 今回紹介するフリーウェアはWave Robot Sinatra Template、Wave対応のロボットを作る際に使えるテンプレートだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 Wave Robot Sinatra Templateの魅力はWave対応のロボットを作る際に最
Geekにいこう！·GeekTool MOONGIFT
プログラマやSEなど、コンピュータを生業にする人であれば誰だって一度はギークに憧れたことがあるだろう。無機質なディスプレイに浮かび上がるターミナルの文字列が次々と流れていく…そんなイメージだ。 そんなギークっぽさを演出してみたければこれを使ってみよう。もちろん、実用的でもある。 今回紹介するフリーウェアはGeekTool、Geek御用達のMac OSX初期設定パネルだ。ソースは公開されているが、ライセンスは明記されていないのでご注意いただきたい。 GeekToolはファイルの監視やシェルコマンドの実行、画像をデスクトップ上に貼り付けておくことができるソフトウェアだ。ただし壁紙とは異なり、位置を変更したり場合によっては常に前面に出しておくこともできる。 色やフォントを変更できるので、無地の壁紙の上に緑色の文字で出力しておくとまるでギークのようだ。ログファイルを出力しつつ、ブラウザで動作確認を
便利！MS OfficeとGoogleドキュメントをコラボレートする·OffiSync MOONGIFT
最近、対外的に文書をやり取りする際にGoogleドキュメントを利用することが多くなっている。とは言え、常にオンラインで書くことはなくテキストエディタで書いて、文章を貼付けて画像を埋め込んで仕上げる…といった手間をかけている。 MS OfficeにGoogleドキュメント連携機能を追加する 恐らくGoogleドキュメントで一から書いているという人はそれほど多くないのではないだろうか。特に表計算などはそうだろう。使い勝手の改善などを含めて有望なのがOffiSyncだ。 今回紹介するフリーウェアはOffiSync、MS OfficeからシームレスにGoogleドキュメントを利用するソフトウェアだ。 OffiSyncはOffice 2003/2007に対応したソフトウェアで、インストールするとツールバー（またはリボンメニュー）に専用のメニューを表示する。WordやExcelそしてPowerPoin
Mac OSX用仮想オーディオデバイス·Soundflower MOONGIFT
ストリーミングの音源をそのまま録音するには何が便利だろう。専用のソフトウェアもあるが、最も単純な方法としては流れている音をそのままバイパスしてコンピュータ上に取り込んでしまうことだ。 サウンドの入出力デバイスにSoundflowerが追加される そのためには出力先になる仮想オーディオデバイスが必要になる。Mac OSXではSoundflowerが使えそうだ。 今回紹介するオープンソース・ソフトウェアはSoundflower、仮想オーディオデバイスだ。 Soundflowerは入力、出力ともに対応した仮想オーディオデバイスだ。インストールするとシステム環境設定にSoundflower(2ch)とSoundflower(16ch)が追加される。例えば出力先にSoundflower(2ch)を指定すれば、スピーカから出力される音がそのままコンピュータ上に流れるようになる。 後は出力先を同様に指定
iPhoneアプリケーションをRubyで作る·iPhone RubyCocoa MOONGIFT
新しいことにチャレンジしたいと思いつつも、そのために新しい技術を習得するとなるとコストが高くなってしまう。もっと手軽にはじめられるとスムーズではないだろうか。特にプログラミング言語は習得コストが高く、気軽にはじめようと思うまでには相当時間がかかってしまう。 iPhoneでRubyCocoaが使える！ 幸いにして、Objective-Cには他言語とのブリッジを行う技術がある。そこで注目したいのがiPhone RubyCocoaだ。 今回紹介するオープンソース・ソフトウェアはiPhone RubyCocoa、その名の通りiPhone向けネイティブアプリケーションをRubyで開発するためのフレームワークだ。 iPhone RubyCocoaはRubyCocoaをiPhone向けに展開したフレームワークだ。RubyのスクリプトでiPhone向けの記述ができ、コンパイルすることでネイティブなアプリケ
iPhone/iPod Touchユーザは必須かも。デジタルアドレス交換アプリ·Bump MOONGIFT
最近、デジタル名刺系のアプリケーションが出回り始めている。Pokenのようなガジェット形式のもの、My name is Eのようなアプリケーションもある。どちらもネット上のプロフィールを交換する系統だが、もっと単純に連絡先を交換するだけでも良いはずだ。 iPhone/iPod Touch同士でアドレスを交換 携帯電話であれば、赤外線通信を通じてアドレス交換ができるが、個人的には全く試したことがなかった（何となくファッショナブルな感じがしない）。iPhone/iPod Touchユーザであれば、Bumpを使ってみよう。 今回紹介するフリーウェアはBump、iPhone/iPod Touch同士のアドレス交換アプリケーションだ。 Bumpをインストールし、立ち上げるとアドレス帳からベースになるプロフィールを選択するように言われる。そしてメールアドレス、電話番号、写真、住所といった項目について同
JavaScriptベースのRIAを開発するのにぴったりなアプリケーションサーバ·Persevere MOONGIFT
WebベースでRIA（リッチインターネットアプリケーション）を開発しようと思ったら避けて通れないのがJavaScriptかFlashの道だ。開発者にとってはJavaScriptの方が手軽かもしれない。そしてJavaScript向けにリッチなインタフェースを構築するためのライブラリは既に多数存在している。 管理画面用のデータエクスプローラ そのようなライブラリを使いつつ、一歩進んだRIAを構築するフレームワークがPersevereだ。 今回紹介するオープンソース・ソフトウェアはPersevere、JavaScriptをサーバサイドで動作させるアプリケーションサーバだ。 Persevereは幾つかの複合技術で提供されている。一つはサーバサイドで、これはJavaベースのアプリケーションサーバを利用している。その上ではRhinoが動いており、サーバサイドJavaScriptが利用できる。 複数のブ
FTPライクに使えるAmazon S3クライアント·CloudBerry Explorer MOONGIFT
Webサイトを構築する際に、ストレージについて頭を悩ませることがある。そもそもそうしたことに悩んだり、スケーラビリティを考えるならばAmazon S3を使ってしまう方が早いのではないだろうか。画像やアップロードしたファイルなどであれば速度もそれほど気にせず利用できるはずだ。 FTP風のAmazon S3フロントエンド その他、ファイルのバックアップやファイルアップローダーとしてAmazon S3は利用できる。そのためのフロントエンドとしてCloudBerry Explorerを紹介しよう。 今回紹介するフリーウェアはCloudBerry Explorer、Windows用のAmazon S3フロントエンドだ。 CloudBerry Explorerは二画面ファイラーの表示になっている。FTPソフトウェアの感覚で使えるので分かりやすい。左右どちらをAmazon S3にすることもでき、両側をA
横長の画面を使っているならぜひこれを·Widerbug MOONGIFT
Mac OSXで使われているモニタは横長になっている。例えば1280×800といった具合だ。Vaio Type-Pなども相当横長になっている。横長が不便という訳ではなく、表計算やグラフィックスアプリケーションを使っている場合はむしろ便利だ。だが時々持て余してしまうのも事実だ。 Firefoxを横に表示する そして縦が短いために、画面を水平に二分割するアプリケーションを使うと見づらくなってしまう。Firebugもその一つだった。が、これからはWiderbugを使えば良い。 今回紹介するオープンソース・ソフトウェアはWiderbug、Firebugを画面下ではなく画面右に表示するFirefoxアドオンだ。 WiderbugはFirebugを入れ替えるソフトウェアとなっている。現在Firebug 1.3相当のものがリリースされており、Windows/Mac OSX/LinuxのFirefox 3
Blueprint CSSのレイアウト設計をグラフィカルに行う·Boks MOONGIFT
Blueprint CSSはCSSフレームワークの先駆け的なソフトウェアだが、これを使うとグリッドなデザインを簡単に実現できるようになる。多様なブラウザにも対応し、かつきっちりとしたデザインが組めるとあって、便利に使われている。 グラフィカルにグリッド設計ができる とは言え、最初は使いこなすのに苦労するかも知れない。これからBlueprint CSSを使ってみようと思う方はBoksを使ってデザインするのが良さそうだ。 今回紹介するフリーウェアはBoks、Blueprint CSSをグラフィカルに使いこなすソフトウェアだ。 BoksはAdobe AIRのアプリケーションで、Windows/Mac OSX/Linuxで動作する。グリッド設定を使って、ページの幅やカラムの数を指定できる。そしてクリックでDivタグを配置し、ドラッグで幅を調整してグリッドデザインを描くことができる。左右への移動は矢
これは使える！アウトラインとマインドマッピングをこなす凄いノート·MindRaider MOONGIFT
マインドマッピングを作っている時に説明書きを加えたり、メモを追加することがある。だがそうしたノートは全体図では見られず、ちょっと使い勝手が悪い。とは言ってもアイディアを見いだすのにマインドマッピングのやりやすさは捨てがたい。 アウトライナー × マインドマッピング そんなあなたにお勧めなのがMindRaiderだ。マインドマッピングの手軽さでどんどんメモが作れていく。 今回紹介するオープンソース・ソフトウェアはMindRaider、アウトライン+マインドマッピングという妙技を誇るノートアプリケーションだ。 MindRaiderは3つのカラムで構成されたソフトウェアだ。ちょっと大掛かりな気がして取っ付きが悪いかも知れないが、実際の機能は便利だ。まず左上にアウトラインが表示される。それを選択すると、真ん中のカラムに詳細が表示される。 タグクラウド表示 真ん中のカラムでは詳細の表示と同時にその階
Canvasを使った複雑なグラフも描画するライブラリ·Protovis MOONGIFT
※ 画像は公式サイトのサンプルより 個人的にはあまり複雑なグラフは好きではない。複雑であればあるほど、本質が遠ざかってしまうような気がするからだ。とは言え、複雑にせざるを得ない場合や複雑さの中からはじめて価値ある情報が見いだせることもあるだろう。 サンプル1。このような複雑な描画も可能とする 簡易的なグラフを描くライブラリを使っていて苦労した経験があるならば、複雑なグラフをも描けるProtovisを使ってみてよう。 今回紹介するオープンソース・ソフトウェアはProtovis、JavaScript + Canvasによるグラフライブラリだ。 大は小をかねる。Protovisは簡単なグラフから、複雑なグラフまで難なくこなせるライブラリだ。欠点としてはCanvasを使っていることでFirefox3、Chrome、Safari4のみがサポート対象となってしまうことだろう。 サンプル2 使う場面は選
Windowsアプリケーションを手軽にインストール&管理·GetIt MOONGIFT
LinuxやUnix、はたまたMac OSXにはそれぞれ独自のパッケージ管理システムが提供されている。YUM、apt、portsなどを使えばソフトウェアが簡単にインストールできるようになる。これほど便利な仕組みなのに、Windowsにはそれに類する仕組みはない。 Windows用アプリケーションを手軽にインストール&管理 個別にソフトウェアを探してインストールするのは非常に面倒だ。再インストールするたびに探したり手間は相当なものがあるだろう。そこでGetItを使ってみよう。 今回紹介するオープンソース・ソフトウェアはGetIt、Windowsアプリケーションインストーラーだ。 GetItは200種類以上のアプリケーションを管理し、クリック一つでインストールすることができる。主にオープンソース・ソフトウェアが多いが、Adobe Readerのようなソフトウェアもある。利用はGUIから可能で、
項目ごとに並び替えができるRuby on Rails製Wikiエンジン·Wiki on Rails MOONGIFT
実は2月28日から3週連続のWikiエンジン紹介だ。そう、今日もウィキサタデーからはじまりだ！ Wikiというと、一般的にページ全体の編集を行うものが多かった。が、利用範囲が多くなってくると一ページの情報量が多くなり、編集するたびにページ全体を対象にするのが重たくなってきた。そのため、パラグラム単位で編集できるWikiエンジンが登場した。 日本製のRails Wiki そしてさらにその一歩発展版が登場した。しかも日本製、さらに言えばRuby on RailsのWikiエンジンだ。 今回紹介するオープンソース・ソフトウェアはWiki on Rails、日本製のシンプルなWikiエンジンだ。 Wiki on Railsはその名の通り、Ruby on Railsで作られている。Pukiwikiの記法に則って作られているので、恐らく違和感なく使えるはずだ。面白いなと思う機能はパラグラフごとの編集と
レジストリの変化を追う！·SpyMe Tools MOONGIFT
Windowsが嫌われる要因の一つがレジストリにあると思う。アプリケーションをインストールして、すぐにアンインストールしても元の環境に戻らないのだ。そのため、アプリケーションをインストールしたり使っているうちに徐々にシステムが重たくなってくる。 比較 そうなってからアンインストールしても元の環境には戻らず、再インストールを余儀なくされる。それを防ぐためにもどのアプリケーションがどのレジストリを追加したか把握しておくのが良さそうだ。 今回紹介するフリーウェアはSpyMe Tools、レジストリ監視ツールだ。 SpyMe Toolsには二つのモードが存在する。まず通常のモードはレジストリのダンプを取り、次に取ったダンプと比較する機能だ。これによって追加されたレジストリなどが明確になり、そのレジストリがいるものかいらないものなのか判断しやすくなる。 リアルタイム監視 もう一つはレジストリのリアル
タスクやファイル、ドキュメントを共有する·KonoLive MOONGIFT
開発プロジェクトなどにおいて、タスクは細分化して個人レベルまで落とし込むことが良いこととされる風潮がある。だが実際その粒度まで落とし込むのは非常に手間のかかることだったり、プロジェクトの進行に合わせて状況が変化した時に柔軟な対応ができないといった問題がある。 メイン画面 そのような場合は粒度はそこそこに、チームに対してタスクを割り当てて実際の作業はそのチームに任せるという方法が有効だ。そのタスクの管理はKonoLiveで行おう。 今回紹介するフリーウェアはKonoLive、ファイルやドキュメントの共有できるタスク管理ソフトウェアだ。 KonoLiveはAdobe AIR製のソフトウェアで、Windows/Mac OSX/Linuxで動作する。とは言え、なぜか日本語は入力ができないのでご注意いただきたい。タスクを投稿し、そこに他のユーザ（KonoLiveユーザ）を登録して共有できるのが特徴だ
お腹いっぱいになりそうなCRM·Tine 2.0 MOONGIFT
大枠で区別するならばCRMで良いとは思うが、もはやその範疇ではない気もする。社内における情報を管理するにはWebブラウザベースのオンラインで行うものの方が都合がいいことが多いが、それでも新たな問題が発生することがある。 まるでローカルアプリケーションのような品質高いインタフェース インターネット、ネットワークの必須性、ローカルアプリケーションなら簡単な機能が実装できないなどなど。しかしそれらの問題を飲み込んで咀嚼してできあがったのがTine 2.0だ。 今回紹介するオープンソース・ソフトウェアはTine 2.0、社内における情報ポータルにさえなりえるWebアプリケーションだ。 Tine 2.0の特徴は幾つもあるが、まずはそのインタフェースだろう。まるでローカルアプリケーションのようなリッチなインタフェースになっている。操作は全てAjaxを用いており、とてもスムーズだ。 アドレス帳登録画面
Java用Ajaxを使ったWebアプリケーションフレームワーク·Echo Web Framework MOONGIFT
※ 画面は公式サイトデモより プログラミング言語がそうであるように、フレームワークにおいても開発の向き不向きが存在する。開発するシステムやその特性に応じて最適なフレームワークを選択することは、開発の工数を下げたりユーザビリティを向上させる効果があるだろう。 まるでWeb OSのようなインタフェース 最近は基幹システムにおいてもWebアプリケーション化が進められている。そこでJavaを使った基幹システムであれば、Echo Web Frameworkの導入を考えてみても良さそうだ。 今回紹介するオープンソース・ソフトウェアはEcho Web Framework、Javaを使ったWebアプリケーション開発に役立つフレームワークだ。 Echo Web Frameworkはプレゼン層のフレームワークであるが、JettyやTomcat向けのライブラリが提供されており、Javaをサーバサイドに、Java
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
