はかせだけど博士じゃない

無職が就活しないでプログラミングとかする

コード名判定アプリ(仮)

Vue.jsでピアノロールエディタ8

GitHub Pagesで公開 今日は何となく気が乗らないのでやる気が出るまで他のことをしよう、という感じでピアノロールエディタをGitHub Pagesで公開する設定をした。 Gitのブランチの削除 gh-pagesというブランチを作ってdocsにビルド済みのアプリケーションを…

Vue.jsでピアノロールエディタ7

現状 github.com ノートの右側をドラッグするとノートの長さを変更できるようになった 学んだこと 何気に初めて$emitでイベント起こして親コンポーネントのメソッドを実行するみたいなことをやった 子コンポーネント側でthis.$emit('vuecustomevent')ってし…

Vue.jsでピアノロールエディタ6

現状 github.com ノートを左クリックすると選択(今はまだ赤くなるだけ) ノートを右クリックで削除 右クリック押したままマウスオーバーするだけでも消える GitHubにpushできない To git@github.com:s-hakase/pianoroll.git ! [rejected] master -> master …

Vue.jsでピアノロールエディタ5

現状 github.com クリックするとノートが置けるようになった。 ヘッダにスナップのセレクトボックスを設置 4分音符~64分音符まで選べる(三連符は非対応、小さいノートの時文字がはみ出るなど色々問題はあるが) 学んだこと <option>タグのvalueに対応したものを<select>タ</select></option>…

Vue.jsでピアノロールエディタ4

現状 ノートのコンポーネントを作った。あんまり進捗がないのでまだGitHubには上げてない。 MMLのパーサがない JSで書かれたMMLパーサ(MML文字列をJSONにする感じのモジュール)が見つからなくて、前回せっかくMML鳴らせる感じがするなって思っていたのに残…

Vue.jsでピアノロールエディタ3

世の中のライブラリを使ったらどのくらい簡単にブラウザで音がならせるのかを確かめて、ピアノロールをクリックしたら音が鳴るようになるまでのドキュメンタリーである(?)。 Pico.js + Sionic.js 音を鳴らすのはメインではないので、MIDIより簡易?なMML…

Vue.jsでピアノロールエディタ2

昨日はサボった。 現状 github.com ヘッダを追加 ピアノロールエディタ グリッド表示 マウスオーバーでヘッダにキーの名前を表示 ピアノロールエディタをマウスオーバーしてヘッダに表示するやつはVue.jsのチュートリアル動画で見たStoreパターンを使ってみ…

Vue.jsでピアノロールエディタ

お絵かきアプリは考えることが多くてなかなか手を付けられないみたいな感じになったので、趣味でよく触るピアノロールエディタを作ってみようかなと思って作り始めました。 現状 まだ大枠を用意しただけ。 github.com 追記 TODO 行の高さをそろえる 黒鍵の有…