Javascript

Claudia.jsでES2015を使う

AWS LambdaのNode.jsコンテナは残念なことに2017年1月現在でv4.3という古いバージョンで、ES2015に対応していないです。 公式の"USING BABEL WITH AWS LAMBDA"に書いてある通りで、babelを使ってES2015でClaudiaやBabelを書く方法をまとめます。 前提 下記の…

Claudia.jsで簡単サーバレスアーキテクチャー

サーバレスアーキテクチャと聞いて、どのようなアーキテクチャを思い浮かべるでしょうか。Martin Fowler.comのサーバレスアーキテクチャの解説記事ではいくつかのサーバレスアーキテクチャの実装例がリストアップされています。 ここでは、最もよく使われる…

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

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

C言語のプログラムをWebブラウザやNode.jsで実行する

Emscriptenを使います。Emscriptenとは、C言語のコードからLLVMのバイナリを生成してJavaScriptのコードを出力するプログラムです。C言語のプラグラムのコードがあればJavaScriptのコードに変換して、WebブラウザやNode.jsで動かす事が可能です。 Emscripten…

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…

BowerでWebアプリのJavascriptやCSSライブラリをスマートに管理する

Bower Bower A package manager for the web By Twitter これは何? Twitter社が提供しているフロントエンドのJavaScriptやCSSライブラリをインストール・管理するためのツールです。 コマンドもしくは定義ファイルに基づいて、ライブラリをインストールする…

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()関数を使って、端末のマイクやオーディオ…

jGrowlとjQueryUIを混在させる方法

Growl OSX用の有名なデスクトップ通知アプリにGrowlというものがあります。 (現在ではApple製のデスクトップ通知システムが標準搭載されてしまいましたが。) GrowlのデザインはGrowl -> スクリーンショットで見る事ができます。 jGrowl ブラウザ上で「Growl…

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

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

OSXにvert.xをインストール

OSX(Mountain Lion)でvert.xを動かす方法を説明します。 vert.xについては以下のサイトなどを参照してください。 vert.x Info Q vert.x – Node.jsの代替フレームワーク JDK7インストール JDK. Vert.x requires JDK 1.7.0 or later. Vert.x Installation Guid…