Webサイトのマウス操作をトラッキングする·simple mouse tracking MOONGIFT
Webサイトの運営は孤独だ。ユーザからのフィードバックを得るというのはかなり難しい。対面式でない分、時間や地理的条件に束縛されないというメリットがある反面、訪問者が何を考え、どういう動きをしているのかといった情報が分からずユーザビリティの改善は困難だ。 ユーザのマウスの動きをトラッキングする だがデジタルだけに仕組みをうまく用いればもっとユーザの動向が分かるようになるはずだ。 今回紹介するオープンソース・ソフトウェアはsimple mouse tracking、マウスの軌跡を記録、再現するソフトウェアだ。 simple mouse trackingはJavaScriptとPHPで提供されるソフトウェアで、指定されたJavaScriptタグを埋め込むことで動作する。埋め込まれたWebサイトでマウスを動かすとその軌跡が記録され、管理画面から見ることが出来るようになる。 動きを追っているところ
みんなでGoogleマップの上に情報を載せる·MapZoom MOONGIFT
※ 画像は公式サイトより 地図はリアルとインターネットを接続するインタフェースとして最適なものの一つだ。これからの旅行シーズンに向けて、さらに地図の需要は高まっていくことだろう。Googleマップにはマイマップ機能もあるが、自分たちのサービスにGoogleマップを組み込みたいと思う人も多いはずだ。 アイコンを使ってGoogleマップを楽しく使う そして組み込んだ地図に好きにアイコンを配置して楽しめると良い。そんな機能を実現するのがMapZoomだ。 今回紹介するオープンソース・ソフトウェアはMapZoom、地図にアイコンを配置できるWebアプリケーションだ。 MapZoomはブラジル製のソフトウェアで、Googleマップをベースに独自のアイコンや施設を表示できるようにしている。よくあるマッシュアップだが、オープンソースとして自分たちで自由にカスタマイズできる点が便利だ。 エリア指定もできる
既存のRailsアプリケーションに手軽にCMSを付ける·Comatose MOONGIFT
Webサイトの開発において何らかのスペシャルコンテンツや、定期的に入れ替えるコンテンツの差し込み機能が欲しいと言われることはよくある。そのために管理機能を追加するのは工数的に見合わず、ブログなどで情報配信してお茶を濁すなんてことはよくあるだろう。 キーワードやスラグが利用できる簡易CMS だがそれではWebサイトの成功にはおぼつかないかもしれない。RailsアプリケーションにCMS機能を追加するならComatoseを使おう。 今回紹介するオープンソース・ソフトウェアはComatose、ごく小さなCMSプラグインだ。 Comatoseはプラグインとして提供されるソフトウェアで、専用のコンテンツ管理画面が提供される。そして作成したコンテンツは専用のパス以下で呼び出すことができる。もちろんカスタマイズ可能なので、既存のシステムにインラインで表示することもできるだろう。管理画面は認証ありにすること
Rails製、次世代型CRM·Fat Free CRM MOONGIFT
CRMというと、専用のアプリケーションやグループウェアの一機能としても提供されており、既にこなれている感がある。だが実際のところ顧客のアドレス管理以上に使いこなしている企業はそれほど多くない。 見栄えのいい画面のCRM もっと積極的にCRMを活用すれば、売上や顧客満足度を高めるのにきっと役立つはずだ。 今回紹介するオープンソース・ソフトウェアはFat Free CRM、次世代型のCRMを標榜するソフトウェアだ。 Fat Free CRMはRuby on Railsで作られたソフトウェアで、SQLite3やMySQLで利用できる。ごく手軽に導入できるのが利点だ。インタフェースは非常に見やすい。ラベルが色分けされているだけで随分見やすさが変わってくることが実感してもらえるはずだ。 クライアント情報 主な機能はタスク、キャンペーン、顧客情報、案件のステータスなどを一元的に管理できる。顧客に対して
Excelをテンプレートに帳票を作成する·ExCella MOONGIFT
Webのシステムが最も苦手にしているのが帳票システムだ。幾つかのソフトウェアは存在しているが、海外製であるために日本語の取り扱いに問題があったり、レポートテンプレートがビジュアル的に作れなかったりと問題点もある。 Excelで書かれた帳票テンプレート そんな中、ExCellaのとった方法は最適な解と言えそうだ。何せ使うのは一番慣れているであろうExcelなのだ。 今回紹介するオープンソース・ソフトウェアはExCella、Excelをテンプレートに用いた帳票作成ライブラリだ。 ExCellaは全部で3つのパートに分かれる。ExCella CoreはExcelに書かれているデータをJavaオブジェクトに変換する。データベース以外の入力データでもExCellaを使えば簡単に帳票元データとして利用できる。 サンプルの帳票データ（公式サイトより） ExCellaはExcelファイルで作ったテンプレー
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
Excelファイルからデータベースにインポートする·dbTube MOONGIFT
Excelで作ったデータをデータベースに取り込む、なんて要件はよくある。面倒だがExcelデータをCSVに変換して、1番目のカラムが名称、2番目のカラムが価格…なんて定義したりした経験はないだろうか。 ビジュアル的にデータのインポートを定義する それがさらに関連しているテーブルに渡って処理しないといけないなんてなったらパニックだ。そこで使ってみたいのがdbTubeだ。 今回紹介するフリーウェアはdbTube、ビジュアル的にモデル定義ができるインポートプログラムだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 dbTubeの良さは何と言ってもビジュアル的にデータの定義ができることだ。Open-jACOB Draw2Dを使って元になるExcelデータとテーブルのマッピングがドラッグアンドドロップでできる。さらにExcelデータは何行目から読み出すかと言
ビジュアルプログラミング·Mindscript MOONGIFT
Yahoo! Pipesを使うと、ドラッグアンドドロップでマッシュアップをすることができる。ごく細かな操作を行おうと思うと多少辛いが、それでも簡単なデータの連結やスクレイピングであればYahoo! Pipesのようなビジュアル的なプログラミング環境は便利だ。 オブジェクトを線でつないでいくプログラミング 複雑なプログラミングを行うにはやはりコードを手で書かざるを得ないだろう。だが簡単なものであればドラッグアンドドロップで作成可能になる時代が来るのかも知れない。その可能性を感じさせるのがMindscriptだ。 今回紹介するオープンソース・ソフトウェアはMindscript、ビジュアルプログラミング環境だ。 Mindscriptは予め指定されたコンポーネントを配置し、プロパティを編集し、それをつないでいくことでコードを書かずにプログラミングを行うソフトウェアだ。例えばダイアログを使ってファイ
PHP+MySQLのブログCMSエンジン·PivotX MOONGIFT
PHPには偉大なブログエンジン、WordPressが存在する。この牙城を崩すのは非常に難しい。とは言え、バージョンアップが頻繁であったり、よく知られたものだけに攻撃方法も多数出回っていたりと難点も幾つかある。そもそもコードが最早難解なレベルになってしまっている。 ユーザ画面 そんな今だからこそ、新しいブログエンジンを試してみるのも良いかもしれない。WordPressと同レベルの機能を誇るのがPivotXだ。 今回紹介するオープンソース・ソフトウェアはPivotX、ブログエンジンかつCMSを装備したソフトウェアだ。 PivotXはPHP+MySQLで構築されたブログエンジンで、洗練されたインタフェースと多彩な機能が売りのブログエンジンだ。エントリー、ページが作成でき、複数ユーザによる投稿や、複数ブログを構築することもできる。 管理画面 メディアの管理や機能拡張を追加して独自に機能を追加するこ
MOONGIFT: » シンプルなWebデータベースシステム「Degino」:オープンソースを毎日紹介
企業内で最も使われているオフィスアプリケーションと言えばMS Excelだろう。また、その発展版とも言えるMS Accessもまた、よく使われている。MS Accessで作られた業務システムは無数に存在するだろう。 トップページ。作る、または使うが選択できる ユーザがデータを手軽に蓄積し、そのインタフェースを設計して開発できるようなエンドユーザコンピューティングをWebベースに進化させるかも知れないのがDeginoだ。 今回紹介するオープンソース・ソフトウェアはDegino、Webアプリケーションを手軽に構築できるソフトウェアだ。 Deginoはファイルとテーブルを使ってデータベースを作り、そこに画面をつけてアプリケーションを開発する。例えばユーザ管理であったり、スケジュール管理のような簡易的なデータベースとして利用できる。 利用画面。設定したテーブルやデータに従ってメンテナンスする Go
iPhoneのSafariでカバーフロー調のアクションを実現する·css-vfx MOONGIFT
写真は撮るだけでは面白くない。見せ方が重要だ。例えばiPhoneやiPod Touchは液晶の大きさもあって、写真を皆に見せるのに便利なインタフェースだ。だが、ただ写真をリストアップしたり、アルバムに入っているものを見せるだけでは面白くはない。 iPhoneに最適化されたカバーフロー表示を行うJavaScript オンラインに写真をアップロードしているなら、Safariを使ってこんな見せ方も実現できるのだ。 今回紹介するオープンソース・ソフトウェアはcss-vfx、iPhone用Safari向けのカバーフローアクションだ。 Mac OSXではカバーフローという表示方式がある。写真や音楽を見せるのに向いた、格好のいい表示方式だ。中央にメインの画像を配置し、周囲に前の画像、次の画像を配置する。それをSafariで実現するのがcss-vfxだ。 拡大表示しているところ 反射や左右の写真の傾きも再
Rubyによる構造化CSSライブラリ·Less MOONGIFT
CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。 Lessの記述例 そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。 今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。 Lessはコマンドラインのツールで、lesscというコマンドを利用する（lessは別コマンドで既に存在するので）。そして専用ファイルの.lessを変換し、.cssファイルを生成する。デザイナの方はCSSファイルを直接触らないようにする必要がある。 変換例 利用できる機能としては変数、階層構造、Mixin、計算
Rails製のURL短縮サービス「RubyURL」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
URL短縮サービスも乱立してきてただ短いだけでなく色々な付加機能が提供されるようになっている。URL単位でアクセス解析機能が提供されるものや、Web APIを介して使えるものなど色々だ。 RubyURLがシステムをオープンソース化 Webサービスを提供する側としては、tinyurlを使うよりも自前でサービスを提供したく思うかもしれない。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはRubyURL、Ruby on RailsによるURL短縮サービスだ。 RubyURLは同名サービスも提供しており、そのシステムをオープンソースとして公開しているものになる。画面はシンプルでURLを設定してボタンを押せば短いURLが生成されるだけだ。 生成されたURL 生成された後、クリック一つでURLをコピーしてくれる機能もある（一部ブラウザでは動作しない）。URLは元の
Google App Engine上でURL短縮サービス·ur.ly MOONGIFT
twitterの流行も合わさって、URL短縮サービスが幾つも出てきている。そんな中、実際のとび先URLが分からないこともあって、ウィルスやマルウェアの配布などに悪用される可能性もある。それを防ぐにはFriendFeedのように独自のURL短縮サービスを実装するのが良い。 ITエンジニア用プロフィールサービスの達人でも、URL短縮サービスを実装する予定だ。だが、そのために別途サーバを立てるのは非常に面倒に感じていた。そこで便利に使えそうなのがur.lyだ。 今回紹介するオープンソース・ソフトウェアはur.ly、Google App Engine上で動作するURL短縮ソフトウェアだ。 ur.lyの素晴らしい点はGoogle App Engine上（つまり無料！）でURL短縮サービスが構築できる点だ。さらにオープンソースなので設定できるドメインを限定することも用意だ。作成できる許可ドメインをカス
短縮したURLを生成する·Phurl MOONGIFT
URLはGoogleをはじめとした検索エンジンの登場によって、さほど大きな意味を持たなくなってきている。覚える必要もなく、検索して出てくれば良い。だが、時には覚える必要があったりして、その場合には長いURLは覚えづらいものになってしまう。 長いURLを短縮したURLを生成する そうした時に便利なのがtinyurlをはじめとしたURL短縮サービスだ。だがtinyurlの場合は飛び先が問題のある可能性もありちょっと怖い。そこでオリジナルで立ててしまえば安心だ。 今回紹介するオープンソース・ソフトウェアはPhurl、PHP+MySQLのURL短縮サービスだ。 Phurlはtinyurl同様に短くしたURLを生成するWebサービスを構築できる。URLは誰でも生成できるが、CAPTCHAによる人であることの証明を行うようにもできる。画像生成に対応していないWebサーバであればreCAPTCHAを使う
リアルタイムに人の顔を認識する·ehci MOONGIFT
クローキーのような技術を使えば、人がまるで別な空間にいるような映像を作り出すことができる。だがこれは一部を投影するのが精一杯だ。体の一部を別なものに置き換えて表示してしまうような技術があればもっと面白い映像が作れそうだ。 左に映し出された映像から右側の映像が出来上がる そのような操作を行うのに特別な機器は必要ない。Webカムとコンピュータ、それにehciがあれば良い。 今回紹介するオープンソース・ソフトウェアはehci、リアルタイム顔認識ライブラリだ。 ehciはWebカムを通して映し出される顔を認識し、その部分を3Dポリゴンに置き換えて表示することができる。Windows向けのデモアプリケーション（0.4）では顔のモデリングが限度だったが、最新版の0.6では顔以外の映像をそのまま投影できるようになっている。 Windows版 まるで石仮面を被ったような映像がehciによって映し出される。
完成度の高いEコマースシステム·DantoCart MOONGIFT
Eコマースシステムはそれが最適かどうかは別とすれば、ほぼ仕組みが決まりつつあると言っても良いだろう。商品の一覧と詳細、ショッピングカート、決済と続く。その間にユーザ登録があるなしといった違いはあっても、概ね同じようなものだ。 ユーザ画面 そう考えるとEコマースシステムは自作で作るほどのものではないということになる。もっと違う切り口からユーザに迫るためにも、システムは既存のものを使った方が良いだろう。 今回紹介するオープンソース・ソフトウェアはDantoCart、PHP+MySQLによるEコマースシステムだ。 DantoCartはとても完成度の高いEコマースシステムだ。ユーザ向け画面はカテゴリと商品一覧に加えて特定の情報を出すCMS機能もある。商品をカートに追加すると画像が飛んでカートがアップデートされる仕組みもある。 商品詳細 ユーザ登録は必須となっており、新規購入時にパスワードを入力する
さくっとRails on Google App Engineをはじめる·Rails on GAE MOONGIFT
Google App Engine（GAE）の可能性はJavaをサポートしたことによってその可能性を飛躍的に向上させた。JavaVM上で実装された言語であれば何でも動作する。JRubyもその一つで、Ruby on RailsもGoogle App Engine上で動作する。 GAEのパワーを素早くゲットする とは言えやはりマイノリティだけに色々な準備が必要とされていた。そのため敬遠していた人も多いだろうが、Rails on GAEによって大きく舵を切ることになりそうだ。 今回紹介するオープンソース・ソフトウェアはRails on GAE、GAEでRuby on Railsを動かすためのプラグインだ。 Rails on GAEはRuby on RailsをGAEで動作させるために必要なタスクを予めインストールすることで、後は順番に従って進めるだけでJRuby on Railsができるようにな
手書き風の物理エンジンゲーム·Numpty Physics MOONGIFT
数学や国語と違い、科学や物理は座学では雰囲気がつかみづらい。はじめは体験を通じて学んでいく方が面白い。てこの原理や慣性の法則、なんて言われても今一ぴんとこないかも知れないが、実際の体験を通すと理解が進みやすい。 こんな感じのポップなゲーム そんな訳で物理法則に則ったこちらのゲームを子供と一緒に体験してみるのはいかがだろう。 今回紹介するオープンソース・ソフトウェアはNumpty Physics、手書き風の物理エンジンゲームだ。 Numpty Physicsのルールは簡単だ。丸を星に当てればステージクリアだ。マウスで空中に線や物体を描くことができ、描かれた物体は物理法則に従って落下していく。その落下した物体を丸に当てて移動させつつゴールを目指すのだ。 さて、いかにすべきか… 大きな物体を当てればそれだけ影響も大きくなる。揺れ橋やシーソーのような障害物もあり、一筋縄にはいかないだろう。なお、描
Sinatraを真似たPHP用軽量フレームワーク·Fitzgerald MOONGIFT
Rubyが一躍注目を浴びるきっかけになったのはRuby on Railsによるところが大きい。だがRailsアプリケーションはフレームワークが富豪であり、ちょっとしたWebアプリケーションを作るのに最適解とは言いがたい。そんな中登場したのがSinatraだ。 まさにSinatra風 簡単なURLマッピング、シンプルなレスポンス。どれをとっても簡単だ。そんなSinatraを真似たPHP用フレームワークがFitzgeraldだ。 今回紹介するオープンソース・ソフトウェアはFitzgerald、SinatraライクなPHPフレームワークだ。 PHPと言えば軽量なWebアプリケーション用プログラミング言語だ。手軽に使える点については相違ないが、あまりの手軽さに品質の低いシステムを生み出しやすいのは確かだ。そこでFitzgeraldを使えば、組み方がある程度統一させることができる。 アクションごとに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
