開発中級アーカイブ - 夢見る開発者Blog

vueUseの概要と使い方

vueUseとはよく使う機能をロジック単位で切り取り、それを関数として簡単に利用できるようにしたライブラリ。 vueUseの長点 vue2もvue3でもサポート compositionAPIの使用が可能安定したコミュ […]

交差(インターセクション)型複数の型を&でまとめたもの。例） type Type1 = { name: string age: number } type Type2 = { age: number hobb […]

ファクトリ関数シンプルにいうと、オブジェクトを返す関数のこと。ただ、コンストラクター関数のようにnewキーワードをつけるのではなく、関数そのものがオブジェクトを返す関数のことを意味する。ファクトリ関数の特徴 new […]

交差(インターセクション)型複数の型を&でまとめたもの。例） type Type1 = { name: string age: number } type Type2 = { age: number hobb […]

ESLintとは何か一言で言えば、EcmaScriptの財団で明示した仕様に反していないかをチェックしてくれるツールのこと。 ESLintは、コードのスタイルや規則に反するところを知らせてバグを産まないようにすることが […]

mockingとは単独テストコードを作成する際、該当のコードが依存する部分を偽の動きをするもの（mock）に変更すること。テスト対象のコードが依存する部分を直接作成することが難しい場合mockingする。 jest.f […]

Object.defineProperty()とはあるオブジェクトに新しいプロパティを直接定義したり、オブジェクトの既存のプロパティを変更したりして、そのオブジェクトを返します。（出典：MDN）と言っても何がいい害か […]

アクセサとはオブジェクトの中のプロパティの値を取り出したり、変更したりする関数のこと。 const obj = { _name: "John" } const result = obj._name […]

純粋関数とは純粋関数は処理の複雑度を決める鍵でもある。一つのソフトウェアで純粋関数を割合が多ければ多いほど、システム全体の複雑度は下がる。では何を純粋関数と言えるのか。関数が以下の条件を満たす場合純粋関数と言える […]