サーバサイドの開発不要。Webブラウザを使ったデジタルサイネージ·WINT MOONGIFT
WINTはJavaScriptを使うデジタルサイネージシステムです。 駅やビル内にある大型スクリーンに映し出される広告、いわゆるデジタルサイネージはシステム化もその配信システムも複雑なものに感じられますがWINTを使うとサーバとブラウザだけで簡単に組み上げることができます。 読み込み中。コンテンツ部とニュース部の二つに分かれているのが特徴です。 HTMLコンテンツを表示している例。 画像を表示している例。 WINTは予め用意してあるJSONファイルを読み込み、指定した時間ごとにコンテンツを切り替えながら表示します。Webブラウザだけあれば動くのに加えて、JavaScriptだけで作られているのでサーバサイドの複雑な仕組みは一切不要で動かせるのが利点です。 WINTはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webブラウザ
node.jsより手軽？CGIとして動作するサーバサイドJavaScript·TeaJS MOONGIFT
TeaJSはCGIとして動作できるサーバサイドJavaScriptエンジンです。 サーバサイドJavaScriptとしてはnode.jsが最も有名になっていますが、独自のサーバを立てる仕組みのため既存の仕組みにうまく組み込むのは難しいかも知れません。そこでCGIとして動作するサーバサイドJavaScriptであるTeaJSを紹介します。 独自のサーバを立てることも可能です。 ファイル構成です。 サーバの環境変数もとれます。 サーバデモのコード。 WebSocketも使えます。 TeaJSはmod_cgiを使えばCGIとして、実行ファイルを使えば独自のサーバとして動作します。CommonJSに対応しており、requireも使えます。GD、HTTP、MySQL、PostgreSQL、SQLite、WebSocket、Zlib、テンプレートなど多彩なモジュールが用意されているのも魅力です。 Te
JavaScriptでAR。FLARToolKitをJavaScriptへ移植·JSARToolKit MOONGIFT
JSARToolKitはFlash用ARライブラリFLARToolKitをJavaScriptに移植したライブラリになります。 マーカーを使ったARというとマーカーを認識するカメラが必要になりますが、HTML5ではWebカムのAPIはまだ一般的ではありません。そのためFlashを使うのですが、有名なものとしてはFLARToolKitがあります。そんなFLARToolKitをJavaScriptにポートしたのがJSARToolKitになります。 左側が解析前の動画。中央が認識状況、右側がARを反映した処理になります。 こちらも左側が解析前。解析後はマーカーの上に赤いマークが表示されています。 デモ。マーカーの上にFlickrの画像を反映しています。紙を動かしてもきちんと追従するのでまるで紙に写真が描かれているかのようです。 こちらは面白い。物体がマーカーの上でバウンドしています。マーカーに接
これは面白い。JavaScriptやDOM指定が使えるサイトキャプチャ·capturejs MOONGIFT
capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens
JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
