MOONGIFT

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。

ストリートファイター系ゲームまで!ゲーム用jQueryプラグイン「gameQuery」

タグ: [] [] [] [] [] [] []

gameQueryはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhoneでストリートファイター4が発売になったと話題になっている。最適化処理が行われているのだろうが、意外とiPhoneでも遊べるレベルで動作する。アクションゲームまでこなせるようになるとiPhoneの可能性は飛躍的にあがりそうだ。

ピクチャ 634.png
なんとストリートファイター系!

 

しかしもっと手軽に遊びたいならばWebブラウザベースで動作する方が良さそうだ。Webブラウザで動くゲームと言えば、これまではFlash製のものが多かった。だがこれからは違う、JavaScriptでゲームが作れるようになる。それを実現するのがgameQueryだ。

(もっと読む)

March 11th, 2010 Posted by admin | no comments

多数のブラウザでvideoタグに対応する「html5media」

タグ: [] [] [] [] [] [] []

html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。

ピクチャ 525.png
Safariで実行した場合。videoタグのまま

 

そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。

(もっと読む)

March 10th, 2010 Posted by admin | no comments

jQTouch用のjQuery拡張「jQExtensions」

タグ: [] [] [] [] [] [] []

jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。

ピクチャ 570.png
フローティングウィンドウ

 

ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。

(もっと読む)

March 10th, 2010 Posted by admin | no comments

ニコニコ動画でもHTML5を体験する「NicoHTML5」

タグ: [] [] [] [] [] [] [] []

NicoHTML5はGoogle Chrome/Safari用のフリーウェア(ソースコードは公開されている)。FlashとHTML5の対立が度々話題になっている。アクションなどの動作ではまだまだFlashが優勢であるものの、最も大きな需要がありそうな動画プレーヤの分野ではHTML5が徐々に勢力を伸ばしている。

ピクチャ 492.png
HTML5版ニコニコ動画を体験

 

特にYoutubeでは既にHTML5を使ったプレーヤが体験できるようになっており、GoogleがOn2を買収したことでさらに波に乗るかも知れない。そしてニコニコ動画でもHTML5を使って動作を楽しめるようにするのがNicoHTML5だ。

(もっと読む)

March 3rd, 2010 Posted by admin | no comments

PHPによるWeb Socket実装「PHPWebSocket」

タグ: [] [] [] [] [] []

PHPWebSocketはPHP製のフリーウェア(ソースコードは公開されている)。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。

ピクチャ 494.png
クライアントサイド

 

だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。

(もっと読む)

March 3rd, 2010 Posted by admin | no comments

node.js用MySQLドライバ「node-mysql」

タグ: [] [] [] [] [] [] [] [] [] []

node-mysqlはJavaScript製のオープンソース・ソフトウェア。 サーバサイドJavaScriptが徐々に現実化してきている。大規模なシステムと言うよりも、小規模なシステムを手早く作る上でクライアントサイドとサーバサイドを統一した言語で作れるのは魅力的だ。

ピクチャ 384.png
JavaScriptからMySQLに接続する

 

その代表例が最近登場したnode.jsだ。Google製のJavaScriptエンジンであるv8を用いて開発されており、高速なサーバサイドJavaScriptを実現する。そしてWebアプリケーションを開発する上では必須とも言えるデータベース接続を実現するのがnode-mysqlだ。

(もっと読む)

February 17th, 2010 Posted by admin | no comments

任意のサイトの画像リンクをLightbox風に表示する「Image Preview」

タグ: [] [] [] [] [] []

Image PreviewはGoogle Chrome機能拡張のフリーウェア。ブログやアルバムサイト、CMSなどで多数利用されているLightbok。画像をクリックすると元画像を画面遷移することなく表示してくれる便利なライブラリだ。これに一度慣れると手放せなくなる。

ピクチャ 336.png
画像をクリックすると画面遷移せずに拡大表示

 

逆にその画像表示を使っていないサイトにいくとストレスを感じるほどだ。運営者が対応してくれれば良いが、その気配が感じられないのであれば自分だけでも対応してしまおう。任意のサイトでLightbox風表示を実現するのがImage Previewだ。

(もっと読む)

February 17th, 2010 Posted by admin | no comments

DropboxとGoogle Chromeを使っている人ならきっと便利「Drop Box」

タグ: [] [] [] [] [] []

Drop BoxはGoogle Chrome用のフリーウェア。Dropboxを使っていて、知り合いにファイルを渡したい時がある。メールに添付するのは面倒なので、Dropbox経由で渡せると手軽だ。そこでいつもはPublicに入れてURLを教え、ダウンロードが終わったら戻す操作をしていた。

100210-0001.png

これは意外と面倒くさい。そのままのURLでファイルを指定して渡せれば便利だ。そしてそれをGoogle Chrome拡張として実現してくれるのがDrop Boxだ。アドレスバー横のアイコンからファイルを探せるので、Dropboxへのアクセスも簡単だ。

(もっと読む)

February 15th, 2010 Posted by admin | no comments

多数の方式で使えるマルチファイルアップローダー「Plupload」

タグ: [] [] [] [] [] [] [] []

PluploadはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザのもっとも面倒な操作はファイルのアップロードだ。一つのファイルボックスで一つしかファイルが指定できない。これはあまりにも不便で、Flashを使った複数ファイル指定できるファイルアップロードライブラリが人気だ。

ピクチャ 334.png
Flash版。デザインはどれも統一されている。

 

だが時代はFlashからHTML5をはじめとする他のライブラリにも注目が集まり始めている。Flash以外の解決策があれば、選択肢に幅が出るのでとても便利になるだろう。そんな複数技術に対応したマルチファイルアップロードライブラリがPluploadだ。

(もっと読む)

February 13th, 2010 Posted by admin | no comments

node.jsを使ったSinatra風Webフレームワーク「Express」

タグ: [] [] [] [] [] [] []

ExpressはJavaScript製のオープンソース・ソフトウェア。node.jsはGoogle製のJavaScriptエンジンv8を使って作られたネットワークサーバで、Webサーバや何らかのメッセージを受け取るサービスを作るのに使えるサーバサイドJavaScriptを実現するフレームワークだ。

ピクチャ 278.png
サンプルアプリケーション

 

node.jsを使ってもWebサーバは作れるが、それはあくまでも作れるというレベルだ。もっと使いやすさを考えるならばWebアプリケーションフレームワークが欲しい。そしてそれをSintra風にまとめたのがExpressだ。

(もっと読む)

February 11th, 2010 Posted by admin | no comments

MOONGIFTネットワーク。こちらもぜひご覧ください。
MOONGIFT
Open Service
Rails 2.0
Resident on Net
iPhone最適化
リーンソフトウェア
MarketPedia
Producing Web
Cool Coding