Tech Sketch Bucket of Technical Chips by TIS Inc.

AWS + Rails3.2.1 + jasmine + phantomjs + coffee scriptを使ってCUIでJavaScriptの自動テスト

Pocket

はじめに

TDDは大分一般的になってきたように思いますが、テストしやすい項目、しづらい項目が混在しているのはご存知かと思います。
今回の記事ではテストしづらい物とされてきたJavaScriptについて、rspecとほぼ同じ手順でテスト出来るようになるまでの手順を書いていきます。この記事では、実際に実行したコマンドをほぼ全て網羅しておりますので、順に実行していけば簡単にテスト環境を作ることが出来ると思います。

本来の目的とは違いますが、部分部分を切り出せば「node.jsのインストール手順書」、「ruby 1.9.3のインストール手順書」、「Jasmineのインストール手順書」としても使えるかと思います。

それでは、インスタンスを立ち上げる所からスタートです。

DesktopNotificationを使ってユーザ通知Webアプリを作成

Pocket

Desktop Notification?

あまり聞き覚えの無い名前ですが、Google Chromeには「DesktopNotification」と呼ばれる機能が含まれています。
この機能はブラウザウィンドウの外、画面右下にポップアップウィンドウを表示する機能で、JavaScriptから呼び出すことが可能です。
# MSNメッセンジャーのポップアップを思い浮かべると分かりやすいです。

概念図

この機能を使用することで、ブラウザ上で動作するWebアプリケーションからユーザへの通知をより分かりやすい形で表示することができます。

Kinect Hack 映像をNode.jsで擬似ストリーミング・・・まだまだだね(2)

Pocket

みなさん、楽しくKinectをHackしていますか?

Kinect&Node.jsの環境構築をした前回に引き続き、今回は

Kinect → OpenNI → OpenCV → C++Addon → Node.js → websocket → HTML5

とつないでいくソースコードをご紹介します。

出現する言語は、C++とjavascriptとpythonスクリプトです。

前回もお世話になった KINECTセンサープログラミング に、掲載されているソースコードを、かなり参考にさせていただきました。
また矢野直樹(Yano Naoki)
さんのブログ yanoの日記 の記事 C++ による base64 変換 のbase64変換コードを流用させていただきました。
この場を借りてお礼申し上げます。

今回の一連のソースコードにより、以下のような映像がWebsocketクライアントに配信されることになります。


Kinect Hack 映像をNode.jsで擬似ストリーミング・・・まだまだだね(1)

Pocket

みなさん、楽しくKinectをHackしていますか?

公式/非公式なデバイスドライバを手に入れた瞬間から、Kinectは単なるゲームコントローラの枠を越え、「シンプルなAPIを持った3Dカメラ」として利用できるようになります。
世界中のハッカーがこぞってKinectをHackしており、 3D Video Capture with KinectKinectでスーパーヒーローに変身Kinectを使ってブラウザのWebGL内を動いてみた など、秀逸な動画がたくさん公開されています。

しかし身に付けて歩けるほどKinectセンサーは小さくないため、Kinectセンサーは固定PCに接続し据え置かざるを得ません。
Kinectセンサーから得て付加情報を重畳した映像を、その固定PC上で表示するだけでなく、Kinectセンサーのターゲットとなっている人物自身へ何らかの手段で遠隔配信できれば、何か面白いことができるのではないでしょうか。

そこで今回は、最近ハヤリのNode.jsのWebsocketを用い、Kinectセンサーで取得された画像をWifi経由でノートPCへ擬似ストリーミング配信してみたいと思います。

kinect_sample01.pngのサムネイル画像