Kakkiii-Blog

Piniaは、Vue.jsのための状態管理ライブラリーです。Vue.jsの公式ドキュメントで推奨されているVuexとは異なり、PiniaはVue.js 3のComposition APIに基づいています。Composition APIは、Vue.jsのデータとロジックを組み合わせる新しい方法を提供するAPIです。Piniaは、Composition APIを使用して、アプリケーションの状態を管理するためのより直感的で柔軟な方法を提供します。

TypeScriptのUtility Typesは、TypeScriptが提供する組み込みの型操作で、型に対してさまざまな変換や操作を行うことができます。これにより、コードの再利用性とメンテナンス性を向上させることができます。以下に、よく使用されるUtility Typesを紹介します。

VuexのactionsのユニットテストをJestで作成するポイントをまとめていきたいと思います。

Nuxt.jsのnuxtRuntimeConfigを利用して、環境変数を登録し扱う方法をまとめたいと思います。

従来では特定の要素のサイズの変更を検知したい場合、documentやwindowにresize eventを登録し、ウィンドウのサイズの変更をトリガーにし、要素の変更を検知していたと思います。 しかし殆どの場合、その後特定の要素に対し、Element.getBoundingClientRectやWindow.getComputedStyleといった関数を実行する必要があり、レイアウト処理が実行され、パフォーマンスが悪いといった課題がありました。 また、ブラウザのウィンドウサイズをトリガーにしている為、特定の要素のサイズ変更を検知しているわけではないので、場合によっては機能しない事がありました。

JavaScriptを書いていて、西暦から和暦に変換をする機会があったので、自分自身のメモとして残しておこうと思います。