メディア - 音楽の記事一覧
onhold - コマンドの実行中/完了時に音楽を奏でる
シェルコマンドの実行時間が長いために、他の作業に移動してしまって気がついたら終わっていたなんてことがあります。終わったら通知してくれればいいのに…と思いつつ、毎回同じことをやってしまっていないでしょうか。今回紹介するonholdは、シェルの実行が終わったら好きな音楽を流してくれるソフトウェアです。## onholdの使...
Lofimusic.app - Lo-Fiミュージックを聴いてリラックス
新しい曲を高音質で聴くのもいいですが、レコードやラジオなど、それほど音質の高くない環境でゆったりとした曲を聴くのも悪くありません。結局のところ、音楽のよさは人それぞれ、TPOに応じて変わるということでしょう。今回紹介するLofimusic.appは、YouTubeのLo-Fi音楽をラジオ風に聴けるアプリケーションです。...
html-midi-player - MIDIファイルの再生と可視化を行うWebコンポーネント
MIDIはかつて耳コピーが流行っていた時代に一世を風靡した音楽フォーマットです。今もミュージシャンの人たちは使っていることでしょう。Web上で再生もできますが、ただアップロードするだけでは味気ないものです。そこで使ってみたいのがhtml-midi-playerです。MIDIファイルの可視化と再生ができるWebコンポーネ...
ZzFXM - JavaScript製の小さな音楽ジェネレータ
音楽を作ったり、奏でるのは大変です。才能に恵まれないと、人々を感動させる曲を作るのは難しいでしょう。しかしできあがった音楽をWebではインする際には開発者の力が必要になるはずです。今回紹介するZzFXMはごくごく小さな音楽ジェネレータです。## ZzFXMの使い方デモです。実際には音楽が流れます。数字の配列だけで音楽が...
wasgen - Web Audio用のサウンドを生成するライブラリ
Web Audio APIを使いこなせば音楽を奏でられることは分かっています。しかしWeb Audio APIはかなりローレベルなので、音を奏でるために必要な実装をすべてやらなければなりません。単純なビープ音であればまだしも、音楽として聞かせられるレベルではないでしょう。そこで使ってみたいのがwasgenです。Web ...
WAVE.js/WAVE.wasm.js - 音楽ファイルをWeb上で自在に操作
Webブラウザで音楽を奏でる場合にはWebAudioがよく使われます。ローレベルなAPIなので、使いこなすのは時間がかかるかも知れません。それでも多くのライブラリが作られており、それらを使うことで、より簡易的に音楽ファイルなどを操作できるようになっています。今回紹介するWAVE.js/WAVE.wasm.jsもその一つ...
1Keys - 1KBのWebピアノ
なるべく小さいコード量で何ができるのか、そんなチャレンジをしたことがあるでしょうか。長いコードを書けば実現できるのは分かっていても、コード量の縛りを設けることで、よりロジックに頭を悩ませたり、新しいアイディアが必要になったりします。今回紹介するのは1KBでできたJavaScriptのピアノです。小さいながらもちゃんと演...
React Guitar - ギターのコード表示と音の確認ができるReactコンポーネント
コロナ禍にあって、自宅で過ごす時間が長くなっている中、新しい趣味を見つけている人が大勢います。そんな中にはギターなどの楽器をはじめてみたという人もいるのではないでしょうか。ハイレベルなものではなく、趣味としてはじめてみるのはよさそうです。そんなギターの練習としてReact Guitarを使ってみてください。いわゆるギタ...
NicoFlick - ミクフリッククローンなリズムゲーム
流れてくるサウンドに合わせてパッドをタップする、いわゆるリズムゲーム（音ゲー）は人気の高いジャンルです。手を使うもの、専用の入力デバイスを使うもの、足を使うものなど多彩な遊び方があります。今回紹介するNicoFlickは音ゲーの一種ですが、フリック入力を使うのが特徴です。## NicoFlickの使い方音楽を選択します...
SVGuitar - SVGでギターコードを表示
ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。## SVGuitarの使い方左側...
Ballast - macOSのサウンドに潜む不具合を補正
macOSで音を出力していて、左右のバランスが不調になったことはないでしょうか。これはmacOSのバグであり、CPUに負荷がかかっている時に音量ボタンを押すと発生するようです。また、左側で充電するとCPU負荷が高くなるという問題もあります。そうした問題に対して対応するユーティリティがBallastです。特定の問題ではあ...
Background Music - 特定のアプリを実行したら音楽を止める
オンラインで会議を行うのが当たり前になってくると、これまでになかったトラブルに繋がることがあります。上半身だけ洋服を着ていてWebカメラにあられもない姿を見せてしまうのもそうですし、音楽を聴いていて突然の会議に出席すると、思わず趣味がばれたりします。そうしたトラブルを防止するのもまたテクノロジーです。今回は音楽を自動的...
YTMDesktop - YouTube Liveをデスクトップで楽しむ
Google Musicが終了し、YouTube Musicに統合されると発表されています。動画のCMもなくなるので、使っている人は多いのではないでしょうか。SpotifyやApple Music、Amazon Musicのようなライバルがある中、どこが抜きんでるでしょうか。今回紹介するYTMDesktopはYouTu...
AudioPlayers - Flutter製の音楽アプリ
Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています...
Audio DSL - AudioWorkletを手軽に扱えるDSL
Web AudioはWebブラウザ上で音楽を扱えるAPIですが、処理をメインスレッドで行う必要があります。それに対してAudioWorkletはオーディオ処理に特化したWorkerで、バックグラウンドで音声処理が可能になります。しかしオーディオ自体の処理は複雑なイメージがあります。そうした処理をDSLでシンプルにしてく...
Youka - 好きなの音楽動画をカラオケ風に
カラオケといえば日本の文化ともいえますが、海外でもとても人気です。カラオケボックスのようにあらかじめ楽曲が用意されているところにいくのも良いですが、あまりマニアックな曲はなかったりします。これでは歌えなくて残念です。そこで使ってみたいのがYoukaです。任意の音楽をカラオケにしてくれる、そんなソフトウェアです。## Y...
TuneIn - 新しい音楽と出会える音楽プレイヤー
20年以上昔はCD屋にいって探し回ることで新しい楽曲との出会いがありました。今はYouTubeなどで探すこともできますが、レコメンドエンジンは類似したものを紹介するので、自分ではまったく知らなかった音楽と出会うことは多くないように感じます。そこで使ってみたいのがTuneInです。新しい音楽を見つけられる、そんなWebサ...
Quiet.js - 音を使ってデータを送受信
コンピュータから別なコンピュータに情報を伝える際には何か使うでしょうか。物理（USBメモリなど）とネットワークでいえば、最近はネットワーク利用が多いでしょう。そのネットワークにはインターネット、LAN、Bluetoothなど多彩な選択肢があります。今回紹介するQuiet.jsは物理でもネットワークもありません。なんと音...
Drum Machine in Excel - Excelをドラムマシーン化！
Excelというソフトウェアほど懐の深いソフトウェアはないのではないか、そんな思いに駆られます。普通の人たちは表計算ソフトウェアとして使いますが、ある人はデータベース、ある人は帳票、さらにゲームなど幅広く活用されています。今回紹介するのはまた変態的なExcelの使い方です。名前をDrum Machine in Exce...
Web Radio Visualizer - Webラジオを音源としたビジュアライザー
オーディオのビジュアライザーをずっと見ていても飽きないという人は多いでしょう。ただ音楽を流すだけでなく、可視化することで別な楽しさが生まれます。そのため、幾つものパターンが作られています。今回紹介するWeb Radio VisualizerはWebラジオを音源としたビジュアライザーです。## Web Radio Vis...