HTML5

yeomanのangular-fullstackでMEAN (MongoDB + Express + AngularJS + Node.js)アプリをお手軽に開発

クライアントサイドのMV※フレームワークの一つにAngularJSがありますが、2012年にバージョン1.0がリリースされ、2013年になって一気に大流行しました。このAngularJSの流行に乗りながら、サーバサイドも含めてJavaScriptで開発するMEAN (MongoDB + Express +…

JavaScript製のゲーム開発フレームワーク SmoothStep2D framework を使ってみた

最近リリースされたばかりの、JavaScriptの2DゲームフレームワークSmoothStep2Dが良さそうだったので、試しに簡単なサンプルゲームを作ってみました。 サンプルは、 sodesign/ss2d_samples - GitHub で公開しています。 SmoothStep2Dって? JavaScript製の2D…

WebAudio APIによるWebブラウザ上のDJ Mixer

GitHub - browserdj Webブラウザで動作するDJミキサーをGitHubで公開しました。ライセンスはMITライセンスです。ローカルのmp3ファイルをロードして初歩的なDJプレイが行えます。 経緯 WebAudio APIの勉強で参加した第一回Web Audio APIもくもく会, 第二回We…

Node.js + PhantomJS でウェブサイトのスクリーンショットを作成

PhantomJSとNode.jsを使ってWebサイトのスクリーンショットを取得してみます。 PhantomJSについては、PhantomJS公式サイトに詳しく記載されていますが、代表的な使い方として以下のような例が取り上げられています。 HEADLESS WEBSITE TESTING SCREEN CAPTUR…

Webブラウザで端末のマイクやオーディオ入力の音を扱う:WebRTC

WebRTC / WebAudio API 以前の投稿webブラウザでwebカメラを使ってみようでは、WebRTCのgetUserMedia()関数を使って、端末のWebカメラのデータをブラウザに表示させました。 こんどは、同じくWebRTCのgetUserMedia()関数を使って、端末のマイクやオーディオ…

ブラウザで端末のWebカメラを使ってみる : WebRTC のStreamAPIについて

Web RTCとは 公式サイトでは、「シンプルなJavascript APIとHTML5を用いて、ブラウザ内でリッチで高品質なリアルタイムコミュニケーション(Real Time Communication)アプリを開発できるようにする」ことを目標としたプロジェクトと書かれています。 Our miss…