Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 9164

Node.jsでJavaScript実行環境を作り「音ゲー」を試してみた

$
0
0
Node.jsのなんたるかをよくわからないまま使ってみました。MIDIキーボードで演奏の練習をしたかったので「musicope」アプリを動作させるためです。casioの「chordana play」から始まり、「synthesia」や「linthesia」も試しましたが一長一短だったのでいろいろ比べてみました。 短く言うと これをlinux mintで動作させました。 「ソフトウェアの管理」から「Nodejs」をインストール 「ソフトウェアの管理」から「Npm」をインストール 以下のサイトの「Code」をクリックしてリポジトリをzipファイルとしてダウンロード zipファイルがdownloadディレクトリに保存されているので(例えば)ホームディレクトリに移動して展開 お好みのmidファイルを./musicope-master/static/songs/ディレクトリに置く (例えば)ホームディレクトリで以下のコマンドを実行 Terminal $npm install Terminal $sudo npm start 「chromium」を立ち上げて「 http://localhost 」をURL入力窓に入力 プレイするためにお好みのmidiタイトルをクリック はじめに いわゆる「音ゲー」を使ってMIDIキーボード演奏の練習をしようと思いました。しかし、幼児でも演奏できるような「ドレミファソ」だけを使った曲を選ぼうとするとあまり都合の良いものが収録されていません。そこでmidファイルを自作して「音ゲー」に読み込ませると正規の収録曲ではないので挙動がおかしくなります。 これまでCasio「chordana Play(android版)」や「Synthesia(Windows版)」を使ってみました。より使いやすいアプリは ないかと探したところ「Linthesia」と「musicope」を見つけました。しかし、Linthesiaは2022年現在開発休止中でうまくインストールできない、musicopeは「Node.js」が必要。Node.jsってなんだ?となりましたがせっかくなのでNode.jsのなんたるかだけでも勉強して「musicope」を使ってみました。 今回の環境 NEC LaVie LS350/A LK-S250 | Casiotone Keyboard |またはAkai professional MPK mini Linux mint 20.3 "una" 「chromium」Web Browser Git (optional) Node.jsとはなにか?→ を語れるほど私はくわしくありません。 「Node.jsはサーバサイドで動くJavaScript」なのだそうです。これは前提としてWebサーバとクライアントPCの存在を想定していると思われます。インターネットの向こう側にJavaScriptの動作環境があるといろいろと便利なことがあるのですね。 今回はすでにダウンロード済のアプリケーションをウェブブラウザ上で実行することになるので「Node.jsはサーバサイドでJavaScriptを実行できるようにしてくれるプラットフォーム」ということになりそうです。WebサーバとクライアントPCの存在を端に置いておいたとしても、本来ウェブブラウザ上で実行するJavaScriptをPCで実行するほうが出来ることが多い、ということのようです。 以下のサイトから引用・改変しました。 また、以下のサイトを参考にしました。 Node.jsとnpmをインストール javascriptの実行環境を構築するぞ!ということで以下の作業をします。Linux mintでは端末いらずで簡単にできます。 「ソフトウェアの管理」から「Nodejs」を検索してインストール 「ソフトウェアの管理」から「Npm」を検索してインストール なお「npmはNode.jsのパッケージ管理ツールです。Debianにおけるapt。だいたいそんな感じです。」 なおさきほども参考としてあげた以下のサイトから引用・改変しています。 GitHubで「musicope」をダウンロード・インストール・実行する クライアントサイドのjavascript実行環境が整ったので、「musicope」を実行していきます。 以下のサイトの「Code」をクリックしてリポジトリをzipファイルとしてダウンロード zipファイルがdownloadsディレクトリに保存されているのでホームディレクトリ(/home/ユーザ名/)に移動して展開 お好みのmidファイルを./musicope-master/static/songs/ディレクトリに置く ホームディレクトリで以下のコマンドを実行 Terminal $npm install Terminal $sudo npm start 「chromium」を立ち上げて「 http://localhost 」をURL入力窓に入力 プレイするためにお好みのmidiタイトルをクリック 以下のサイトを参考にしました。ダウンロード・展開をしたリポジトリの置き場をどこにするかいつも悩みます。 おわりに 使いこなしているわけではありませんがNode.jsを試せたのは良かったです。しかし、musicopeを使いこなせる感じがしなかったので、今後どの「音ゲー」を使っていくかはとても決められそうにありません。MIDIにまつわるハードウェア/ソフトウェアはともに設定が大変なので「感覚で操作できる」ものを見つけるのには時間がかかりそうです。

Viewing all articles
Browse latest Browse all 9164

Trending Articles