gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます

情報収集の効率化を考えてRSSリーダーを使っている人は多いだろう。そしてWeb型のRSSリーダーとして有名なものといえばGoogleリーダーがある。多数のフィードを購読しても問題ない動作の速さはあるが、さらに効率的に情報をチェックしたいという人も少ないないだろう。 みんなが注目しているニュースが一目で分かる！ そんな時に役立つのが他の人による注目度だ。皆が注目しているニュースをざっくばらんにチェックして、その後他のフィードを消化していく、そんな習慣がつけられるようになるのがGoogle Reader plus Hatenaだ。 今回紹介するオープンソース・ソフトウェアはGoogle Reader plus Hatena、Googleリーダーにはてなブックマーク情報を追加するユーザスクリプトだ。 Google Reader plus HatenaはGreasemonkeyまたはGreaseK

TabJumpはGoogle Chrome向けのフリーウェア。タブブラウザで必須になるのがタブを上手に活用するためのソフトウェアだ。複数のWebサイトを立ち上げるので手早くサイトを切り替える機能や、間違って閉じた時の復元機能が欲しい。 タブを拡張する Google Chromeでは再起動後のセッション復元機能はあるが、それ以外にタブを便利にしてくれる機能はなさそうだ。だが機能拡張を使えば十分補える。TabJumpはタブ機能を便利にしてくれるGoogle Chrome拡張の一つだ。 TabJumpは全部で3つの機能を提供している。一つはUndo、タブの復元機能だ。タブを閉じると、そのタブで訪問したサイトの履歴がそのまま復元対象になる。復元したタブで履歴が使える訳ではないが、閉じたタブで一つ前に訪れたサイトも復元できる。 ロックするとリンククリック時に確認が出る 二つ目は関連タブで、開いている

二つのフォルダを同期したいというニーズは多い。バックアップであったり、母艦とスマートフォンであったり、ネットブックと自宅とコンピュータであったり。場合に応じて筐体を使い分ける方は大抵そうだ。それはWindows同士であってもそうだ。 相互に更新し合ったフォルダを同期するというのは手作業では大変だ。そこで使うのがFreeFileSyncだ。 今回紹介するオープンソース・ソフトウェアはFreeFileSync、フォルダの同期ソフトウェアだ。 FreeFileSyncは二つのフォルダを指定するだけで内容の同期処理を行ってくれるソフトウェアだ。差分表示ボタンによって相互の違いをリストアップし、同期ボタンを押せば同期処理が行われる。日本語ローカライズも行われており、誰でも簡単に使いこなせるだろう。 設定画面 フィルタリング設定によって一部のファイルを対象外にすることもできる。また相互の内容を同一にす

タイトルは相当釣りが入っていますが。公式サイトにも「100X LESS CODE THAN RAILS」と謳われているくらい、Webアプリケーションが手軽に構築できるフレームワークと言うことで。 グラフ表示 Gmailから始まったと言ってもいいWebアプリケーションの流れは、オフィススイート、画像編集、アニメーション、ドロー、イラストなど多岐に渡って発展している。セキュリティの問題もあるが、ターミナルレベルやFTPといった操作もWebアプリケーションで行われている。その流れを加速するのがAribaWebだ。 今回紹介するオープンソース・ソフトウェアはAribaWeb、Webアプリケーションフレームワークだ。 AribaWebはなんと（？）Javaで開発されている。この点はエンタープライズ向けWebアプリケーションを開発する上で重要な視点と言えそうだ。そして多彩な機能をもったAjaxアプリケ

携帯電話で撮った写真は画素数が少ないので、ちょっと前のモデルでは気軽に写真は撮れるものの現像するにはちょっと物足りない感じもあった。そのような写真はパソコンに取り込んで閲覧するのが一般的だろう。 スマイルマーク型に写真を並べたところ だがコンピュータ上のアルバムソフトウェアでただ眺めているのはもったいない。大胆にこんな変化を遂げてみるのはどうだろう。 今回紹介するフリーウェアはShape Collage、写真を色々な形に沿って並べてくれるソフトウェアだ。 Shape CollageはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxなどマルチプラットフォームで動作する。そのおもしろは、多数の写真を使わないと伝わりづらい。その点、手軽に撮れるデジカメや携帯電話の写真は素材として最適と言えそうだ。写真はドラッグアンドドロップで登録する。 これはハート形 写真を登録した

日本のオフィスには神業的なExcel使いの方々がいて、方眼紙のように網目を作り、そこに図形やチャートを作り上げている。仕様書や提出するドキュメントも全てExcelで作られていたりする。このような方々は、Excelが使えないとなったらさぞかし混乱をきたすことだろう。 OpenOffice.orgを使ったガントチャートテンプレート プロジェクトを管理をExcelで行っている方がいたら、そこだけはOpenOffice.orgに乗り換えられる可能性がある。ガントチャートを手早く作ってくれるテンプレートがあるのだ。 今回紹介するフリーウェアはGantt Chart for OpenOffice Calc、OpenOfficeのCalc（表計算機能）向けのガントチャート作成テンプレートだ。 Gantt Chart for OpenOffice CalcはOpenOffice.org用で、Excel用に

なぜ導入必須なのか、それは個人的にこのシステムを作りたかったからだ。達人を作ったりしていたら出遅れてしまった。だがもう良い、秀逸なソフトウェアが登場してくれたのだから。 マイクロブログ＋タイムトラッキングという妙技！ twitterを使っていると、このつぶやきを何かに活かせないかと思えてくる。例えばオフィス内に設置した場合、外には出せないような発言が出てくるだろう。それによって社内の活性化にもつながる。かの37signalsではIN/OUTと呼ばれる社内専用のツールでプロジェクトの進行を管理していると聞く。それが出てこないことにやきもきした作者が作り上げたのがXTTだ。 今回紹介するオープンソース・ソフトウェアはXTT、タイムトラッキング機能がついた社内向けマイクロブログシステムだ。 XTTはtwitterライクなマイクロブログシステムだ。発言を重ねていく点は全く変わらないが、右側にプロジ

システマチックでない、いわゆる静的なWebサイトを構築する仕組みが変わり始めている。Concrete5やZimplitに代表されるような、その場で見たままにWebサイトを作り上げていくという流れが強まっているのを感じている。 ユーザ画面をそのまま編集する これまでのCMSでは管理画面を通してユーザ画面を変更していた。だがこれでは距離ができてしまい、本当に提供したかった内容が伝わらないかも知れない。見たままに即座に反映されるなら、自分たちの思いをそのままに投影できるはずだ。 今回紹介するオープンソース・ソフトウェアはLTSun-Engine、ユーザサイトを編集するCMSだ。 LTSun-Engineはユーザが閲覧しているWebサイトのコンテンツをその場で編集し、反映することができる。WYSIWYGエディタを通すので、ポップ内での編集にはなるのだが、編集後にPublishをクリックすれば反映は

古いパソコンの上手な使い道は何だろうか。ファイルサーバにしたり、子供用にしたりするアイディアもあるが、ここではメディアサーバにする案を紹介したい。HDD容量を食うマルチメディアファイルをメインマシンに入れるのではなく、古いパソコンの中に入れてしまうのだ。 ブラウザを使ったメディアサーバ もちろんそのメディアを簡単に利用できるようでなければ意味がない。そこでOSとしてメディアサーバに特化したVortexBoxを使おう。 今回紹介するオープンソース・ソフトウェアはVortexBox、Fedora 10をベースにしたメディアサーバディストリビューションだ。 VortexBoxはインストールだけであれば殆ど自動で行える。起動すると自動的にWebサーバが立ち上がり、9000番のポートでメディアサーバとしての機能が利用できる。実際の利用は外部のマシンからブラウザ経由になる。 設定画面 筆者環境ではプレ

最近はあまり聞かなくなったが、動画共有サイトからFlashビデオ（flv形式）をダウンロードし、そこからmp3ファイルを抽出する方法が良く聞くことがあった。そのためのソフトウェアは数多いが、個人的にはRichFLVを使っている。 Flashファイルから各種リソースを抽出 だがmp3だけの抽出であれば良いが、他の素材も欲しいものがあるかも知れない。そんな時に役立つのがSWFRIPだ。 今回紹介するオープンソース・ソフトウェアはSWFRIP、SWFファイルから様々な素材を抽出するソフトウェアだ。 SWFRIPはFlashビデオ形式には対応していないようなので注意されたい。Flashファイル（swf形式）をドロップすると、画像、フォント、テキスト、音楽、ボタン、動画、 ActionScriptなどを抽出して一覧してくれる。 オプション シェイプはswfで書き出す他、SVG形式でも出力できる。画像

正直に言えば、相当なめてかかっていた。ダウンロードして解凍してできたファイルはたったの二つ。これで何ができるのかという思いだった。アップロードして、ファイルにアクセスする。出てきたのはユーザ情報設定画面のみ。そしてログインをする。 利用可能なテンプレート 次に表示されるのはWebサイトのテンプレートが列挙された画面だ。たった二つのファイルでこのような情報が、と思わせる内容だ。そしてテンプレートを選んだ所から凄い衝撃が襲いかかった。 今回紹介するオープンソース・ソフトウェアはZimplit、見たまま編集するWebサイト構築ツールだ。ライセンスはAGPLだが、商用向けには有償でライセンス提供している。 ZimplitはテンプレートになるデザインをどこかのWebサーバからダウンロードして展開する（恐らくZimplitの公式サイトから）。そしてユーザが見るであろう画面の上にウィンドウを表示して、そ

これは素敵なライブラリ。プログラマ（というのは言い訳に過ぎないが）はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。 上のフォントがどうなるかは詳細にて！ これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pluginだ。 jQuery sIFR PluginはjQueryプラグインとして動作するオープンソース・ソフトウェアで、文字を素敵なフォントで表示してくれるソフトウェアだ。 jQuery sIFR PluginはFlashを使い、動的に指定した文字を指定したフォントで描いてくれる。CSSで指定するのとは違い、JavaScriptが動作し、Flashが動いている環境であれば誰でも同じ結果を得ることができる。 このように表示させることが可能！ さらに動的に生成されるということも

Webアプリケーションの台頭によって、インターネット上にデータを保存することが増えてきた。その際に問題になるのがローカルデータとの同期や、バックアップの方法などだ。特にブラウザでしかデータに触れないというのは不便だ。 Amazon S3へのログイン（筆者環境では失敗） Googleドキュメント、Picasa、Amazon S3…それらのデータに簡単にアクセスできるのがGladinetだ。 Gladinetは各種オンラインストレージサービスのデータをマウントし、まるでローカルファイルのように扱えるソフトウェアだ。 例えばGoogleドキュメントをマウントした場合、ファイル一覧でWordやExcel、PDFなどのファイルとしてアイコンが表示される。そしてダブルクリックで開くことができる（失敗する場合もある）。日本語も文字化けずに表示される。 Googleドキュメントをマウントした場合 同様にP

業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

Web上にあるファイルを直接編集できたら、反映も即時行われて便利になることだろう。もちろんセキュリティリスクもあるので、IPアドレス制限したりパスワードをかけたりと言った対策は必要だ。だがファイルのアップロードにFTPを使ってポートを余分に空けるよりは良いかも知れない。 Webベースのファイル管理ソフトウェア PHPで作られたこちらは使い方によっては便利になるソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはeXtplorer、Webベースのファイルマネージャだ。 eXtplorerはPHPで作られており、GUIアプリケーションのようなインタフェースが特徴的なソフトウェアだ。左側にフォルダの一覧、右側にファイルの一覧が表示される。ファイルはその場で編集することができ、パーミッションを設定することもできる。 ファイル編集中 Web上からPHPを使って操作するモードと、FTPを使って

※ 画像は公式サイトデモより 一年くらい前から写真の拡大にJavaScriptが使われるようになってきた。クリックするとその場で拡大表示してくれる類のソフトウェアだ。そして最近ではさらに一歩進んで、ログインウィンドウや説明用のダイアログもJavaScriptで表示するものが出てきた。 角丸のデザインが格好いいフローティングウィンドウ ちょっとしたコンテンツや、FAQなどはポップアップで表示してあげると画面の切り替えもなく使えて便利だ。そしてこちらもその一つだ。 今回紹介するオープンソース・ソフトウェアはSexy LightBox 2、フローティングウィンドウライブラリだ。 Sexy LightBox 2はクリックすると上からウィンドウがスライドしてきて、コンテンツを表示してくれる。角丸になっていえ、デザインも格好良い。背景はグレーアウトの他に、自分で指定した色を使うこともできる。 別なサイ

知り合いのMac OSXユーザを見る限り、ウィルス対策ソフトウェアを使っている人は皆無だ。それはMac OSXが強固というわけではなく、Windowsに比べてウィルスの数が圧倒的に少なく、そのリスクが低いせいだろう。 シンプルで分かりやすい画面 ウィルスの数が少ないのは、Mac OSXのシェアが低いせいもある。しかし徐々にシェアを伸ばしつつある現在、愉快犯たちの目はいつMac OSXに向くか分からない。その時代に備えて準備しておこう。 今回紹介するフリーウェアはiAntiVirus、Mac OSX向けのアンチウィルスソフトウェアだ。 iAntiVirusには二種類の防衛モードが存在する。バッチ処理でハードディスクを検査するモードと、リアルタイムで監視するモードだ。初回はやはり全体のチェックを行っておくべきだろうが、時間はそれなりにかかるので時間のある時に実行しよう。 検査中 後はリアルタイ