nvm(Node Version Manager)でNode.js をインストールしよう♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

nodejs

もうかれこれ6回ぐらい環境作る度に nvm インストールしてってことを やってるのでいい加減メモっておきます.

nvm(Node Version Manager) を使って Node.js をインストール, バージョン管理する方法について紹介します.

Read More

超便利!! Web 上で 差分表示(diff) できちゃうjsライブラリ『mergely』を使ってみたよ♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Mergely

web 上で差分(diff)を表示するjsライブラリ『Mergely』を使ってみました.

fullscreen で見るとキレイだよ♪

Read More

tmlib.js でちょっとしたペイントツール作ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

paint-tool

tmlib.js でちょっとしたペイントツール作ってみた. JavaScript のコードはたったの90行!!

tmlib.js を使うと, 簡単に dom を操作できたり, マウス位置, タッチ位置をサクッと取得できるので最小限のコードでこういったサンプルを作ることができます.

よかったら実行したり fork してイジって遊んで下さいな♪

Read More

tmlib.js の WebAudio API の音源位置指定機能を使って遊んでみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

webaudio

tmlib.js の WebAudio API の音源位置指定機能を使って遊んでみました!!

tmlib.js の WebAudio API をサポートしたクラス, tm.sound.WebAudio には setPosition というメソッドがあります. これに位置を渡すことで音源位置を指定することができます.

イヤホンやヘッドフィンで聞くと楽しめるかと思います.

Read More

tmlib.js と WebAudio API で MML 対応してみたよ♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

mml

tmlib.js と WebAudio API で MML 対応してみましたー!!

MML 系の情報は少なかったのですが, 良質なものが多かったのでわりと サクッと実装できました!!

動的に入力した MML から音楽を再生するサンプルを作ってみたので よかったら色々打ち込んで遊んで下さい♪

これで tmlib.js は画像データ, 音データどちらも動的に 作って再生できるようになりましたー\(^o^)/

もちろんサンプルは jsdo.it で作ってあるので, その場で実行できます. tweet ボタンを押すと, 入力した MML を保存した状態で Twitter に投稿できます!! 作った音楽をみんなに自慢しよう♪

あと iPhone でも iOS6 だったら鳴ります!!

Read More

tmlib.js の WebAudio API 機能を使ってビジュアライザを作ってみたよん♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

webaudio-visualizer

tmlib.js でビジュアライザを作ってみました. もちろん WebAudio API を使っているので iPhone でも鳴るよん♪

昔, C++ & OpenGL で作ってたやつを移植してみたら上手くいった.

ディレクトリ掘ったら昔作ってたサンプルが色々と出てきたので, 全部 jsdo.it に移植して公開しようと思ってます.

なので, 良かったらまた覗きに来て下さい:D

Read More