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

なんとストリートファイター系!
しかしもっと手軽に遊びたいならばWebブラウザベースで動作する方が良さそうだ。Webブラウザで動くゲームと言えば、これまではFlash製のものが多かった。だがこれからは違う、JavaScriptでゲームが作れるようになる。それを実現するのがgameQueryだ。
(もっと読む)
March 11th, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [GPL] [HTML5] [JavaScript] [jQuery] [Web] [動画]
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。

Safariで実行した場合。videoタグのまま
そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。
(もっと読む)
March 10th, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [開発] [Google Code] [iPod Touch/iPhone] [JavaScript] [jQuery] [MIT License]
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。

フローティングウィンドウ
ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。
(もっと読む)
March 10th, 2010
Posted by
admin |
no comments
タグ: [ニコニコ動画] [フリーウェア] [github] [Google Chrome] [HTML5] [JavaScript] [Safari] [動画]
NicoHTML5はGoogle Chrome/Safari用のフリーウェア(ソースコードは公開されている)。FlashとHTML5の対立が度々話題になっている。アクションなどの動作ではまだまだFlashが優勢であるものの、最も大きな需要がありそうな動画プレーヤの分野ではHTML5が徐々に勢力を伸ばしている。

HTML5版ニコニコ動画を体験
特にYoutubeでは既にHTML5を使ったプレーヤが体験できるようになっており、GoogleがOn2を買収したことでさらに波に乗るかも知れない。そしてニコニコ動画でもHTML5を使って動作を楽しめるようにするのがNicoHTML5だ。
(もっと読む)
March 3rd, 2010
Posted by
admin |
no comments
タグ: [サービス] [フリーウェア] [github] [HTML5] [JavaScript] [PHP]
PHPWebSocketはPHP製のフリーウェア(ソースコードは公開されている)。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。

クライアントサイド
だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。
(もっと読む)
March 3rd, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [データベース] [ライブラリ] [CUI] [開発] [github] [JavaScript] [MIT License] [MySQL] [node.js]
node-mysqlはJavaScript製のオープンソース・ソフトウェア。 サーバサイドJavaScriptが徐々に現実化してきている。大規模なシステムと言うよりも、小規模なシステムを手早く作る上でクライアントサイドとサーバサイドを統一した言語で作れるのは魅力的だ。

JavaScriptからMySQLに接続する
その代表例が最近登場したnode.jsだ。Google製のJavaScriptエンジンであるv8を用いて開発されており、高速なサーバサイドJavaScriptを実現する。そしてWebアプリケーションを開発する上では必須とも言えるデータベース接続を実現するのがnode-mysqlだ。
(もっと読む)
February 17th, 2010
Posted by
admin |
no comments
タグ: [フリーウェア] [画像] [Google Chrome] [JavaScript] [Web] [機能拡張]
Image PreviewはGoogle Chrome機能拡張のフリーウェア。ブログやアルバムサイト、CMSなどで多数利用されているLightbok。画像をクリックすると元画像を画面遷移することなく表示してくれる便利なライブラリだ。これに一度慣れると手放せなくなる。

画像をクリックすると画面遷移せずに拡大表示
逆にその画像表示を使っていないサイトにいくとストレスを感じるほどだ。運営者が対応してくれれば良いが、その気配が感じられないのであれば自分だけでも対応してしまおう。任意のサイトでLightbox風表示を実現するのがImage Previewだ。
(もっと読む)
February 17th, 2010
Posted by
admin |
no comments
タグ: [フリーウェア] [Google Chrome] [JavaScript] [Web] [Web API/Mashup] [機能拡張]
Drop BoxはGoogle Chrome用のフリーウェア。Dropboxを使っていて、知り合いにファイルを渡したい時がある。メールに添付するのは面倒なので、Dropbox経由で渡せると手軽だ。そこでいつもはPublicに入れてURLを教え、ダウンロードが終わったら戻す操作をしていた。

これは意外と面倒くさい。そのままのURLでファイルを指定して渡せれば便利だ。そしてそれをGoogle Chrome拡張として実現してくれるのがDrop Boxだ。アドレスバー横のアイコンからファイルを探せるので、Dropboxへのアクセスも簡単だ。
(もっと読む)
February 15th, 2010
Posted by
admin |
no comments
タグ: [アップローダー] [オープンソース] [ライブラリ] [開発] [GPL] [JavaScript] [jQuery] [Web]
PluploadはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザのもっとも面倒な操作はファイルのアップロードだ。一つのファイルボックスで一つしかファイルが指定できない。これはあまりにも不便で、Flashを使った複数ファイル指定できるファイルアップロードライブラリが人気だ。

Flash版。デザインはどれも統一されている。
だが時代はFlashからHTML5をはじめとする他のライブラリにも注目が集まり始めている。Flash以外の解決策があれば、選択肢に幅が出るのでとても便利になるだろう。そんな複数技術に対応したマルチファイルアップロードライブラリがPluploadだ。
(もっと読む)
February 13th, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [フレームワーク] [github] [JavaScript] [MIT License] [Web] [Webサーバ]
ExpressはJavaScript製のオープンソース・ソフトウェア。node.jsはGoogle製のJavaScriptエンジンv8を使って作られたネットワークサーバで、Webサーバや何らかのメッセージを受け取るサービスを作るのに使えるサーバサイドJavaScriptを実現するフレームワークだ。

サンプルアプリケーション
node.jsを使ってもWebサーバは作れるが、それはあくまでも作れるというレベルだ。もっと使いやすさを考えるならばWebアプリケーションフレームワークが欲しい。そしてそれをSintra風にまとめたのがExpressだ。
(もっと読む)
February 11th, 2010
Posted by
admin |
no comments