Kakkiii-Blog

ブログやドキュメントを書いていると、一連の流れを動きで見せたい時が稀にあります。 そういった時、自分は毎回Google先生に「Mac gif 作成」などで検索してしまうので、探す手間を省く＆メモとしてブログに残しておきたいと思います。

ストアへのミューテーションを購読するVuexのAPI。 ミューテーション実行後に呼び出されるため、特定Storeの値が変更された時呼び出したい処理などを書くことができる。 またsubscribeは購読を停止するunsbscribe関数を実行時に返します。 dataプロパティなどに返ってきた関数を保持し、購読を停止したい時に呼び出します。

Vuexにはstate/getters/mutations/actionsそれぞれにhelper関数が備わっています。

ブラウザ上で音を鳴らす方法の1つとして<audio>タグを使用する場合があると思います。

スクロールイベントやリサイズイベントは、設定したイベントが動作の度に呼び出されてしまう為、処理が多くなりブラウザへの負荷がかかってしまいます。 負荷軽減対策の1つとして、throttleとdebounceを駆使して処理を軽減させる方法があります。

このブログのコンテンツはesa.ioで管理しており、MrakdownからHTMLへの変換はgatsby-transformer-remark使っています。