2020年
1月2月3月4月5月6月7月8月9月10月11月12月
2021年
1月2月3月4月5月6月7月8月9月10月

教材開発について,Vue.js(Nuxt) で進めていますが,コンポーネントにもたせた変数の変更を,Vue側がうまいこと検知してくれません。そのため,値が変わっても表示側が更新されないというところで,長いこと躓いていました。

あらかたググったのですが解決策は見つからず。
取り急ぎ解決した方法として,コンポーネントに変数を持たせるのではなく,Store(Vuex)に持たせることで,その変数を変更・監視させるようにしたら,描画もスムーズに更新されるようになりました。

変数を更新している箇所ですが,mounted()で呼び出している関数にて,setIntervalでまた別の関数を呼び出し,その中でコンポーネント内の変数を更新させていました。しかし,その変更をVueは検知してくれません。vm.setやら色々試したのですが,どれもうまくいかず。仕方ないので,Storeで統一して管理することに。ややこしい。


11月は災難な月でした。
そのことについて,色々と書こうか迷ったのですが,書きません。面倒なことは嫌です。

前を向いて,論文執筆のため,教材開発をつづけます。

発音部分を更新しました。
いままで,「Chrome」「Edge」でしか動いていませんでしたが,とりあえず,手元の「iPhone」と「iPad」(いずれも Safari)での動作を確認しています。

ただ,「選択肢」が出るところが「もっさり」しており,スピード感をそいでいるので,ここが修正点第一番です。

ほかにも,足さなければならない機能はたくさんあるのですが,この「もっさりさ」は排除せねばならんので,優先します。今は,何かを選択するために「ダイアログ」(Modal)を出していますが,どうやらこの描画が負担をかけているようなので,別画面を表示してそこで編集,そして元の画面に戻る,というようにしようかと。

https://tec-mu.com

追記:動作を「iPad」でみたのですが,ダイアログを開くところで,描画を待つ間,音が止まりますね。致命的です。
ダイアログを使うのはやめましょう。

あと,発音した後,音を止める指示を書き忘れているので,音が発音されたまんま,えらいことになっている楽器がいくつもあります。ヤバイ。