Next.js + Material UI でコンテンツ部分にマークダウンを使うことを考えます。
メタデータ（Front-matter）を含むやつは今回は対象外です。
カテゴリー: 技術
「ドドソソララソ」でwavを作れるWEBツール
なんとなく頭の中にワンフレーズ浮かんだときに、カタカナで打ち込んだ音を鳴らしたり保存したりするツールを作りました。
DTMは無料でも素晴らしいものが多くありますがインストールから少し敷居が高い感じがありますし、ちょっと使うだけでもしばらく練習がいります。
手軽に使えるように機能を絞ってシンプルにしつつ、個人的にやりたいことを詰め込んだ感じです。オタマジャクシが一切現れないピアノツール。
Web Audio APIで作った音をwavで保存する
Web Audio APIで作った音を保存したい。
前回作ったピアノ音をブラウザで wav 形式に保存することを考えます。
Web Audio API の記事は思ったより少なくマイクなどからの録音関係の内容ばかりだったので、手探りで進めていきます。
マイク録音をする記事ですが「ブラウザで録音してwavで保存」のコードをメインで参考にしています。
Web Audio APIでピアノを鳴らす
音楽素人でも思い付きで簡単なメロディーを作れたらなぁと思い、ちょっと Web API でどんなことが出来るか試します。
https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API
正直できることが多すぎて何していいか困りますが、とりあえず１曲鳴らすまで。
【GLSL】ドット絵パターン
GLSLでドット絵のパターンを考えていて、ひし形（正方形を４５度傾けた形）ドットを作りたかったので色々試して勉強します。
【React Native】ボタンなどのUIにこだわる
React Native でボタンなどのユーザインターフェースを作るときは正方形か角丸、
円形くらいだったのですが、スライダーのつまみにひし形を使った時にもっといろんな形を採用してもいいんじゃないかと思いました。
ちょっと好きな形を作る練習してみましょう。
【React Native】margin等の上書きと優先順位
React Native でライブラリを使っていて style の上書きがうまくできないことがあります。配列によるスタイル指定が機能しなかったり。
今回は margin の上書きが出来なかったことから色々試してみたという内容です。
バニラで書いてると気づきやすいですが、フレームワーク＋ライブラリの状態だとハマりやすいので気を付けましょう。
新アプリ「カラーマスター」をリリース
expoビルドエラーとバージョンの相違
expo を使ったアプリ開発でのビルドエラーの解決と、その原因のバージョン不一致に関しての覚書きです。
node のグローバルインストールをちゃんとできてなかった。
反対色について考える
ある色を使う時に、逆の色は何だろうと思うことがあります。
色相環で正反対にある色を補色、その補色周辺を反対色と呼びます。
今回はそれだけでなく単純に色を強調させる目的で反対色を考えてみます。