前菜Tech
@m1z0
ソフトウェアエンジニア8年目。情報処理安全確保支援士（情報セキュリティスペシャリスト）資格保有。
上場企業に7年勤務し、大規模SaaSの開発・運用、ブロックチェーン領域の企画開発（社内外セミナー講師を含む）、新規事業・新規SaaSの企画開発運用を担当。現在は不動産テック領域のスタートアップで、技術責任者として、プロダクト戦略から開発組織づくりまでを統括。
趣味は、アクアリウム、経営/物流/資源管理などのシミュレーションゲーム。
上場企業に7年勤務し、大規模SaaSの開発・運用、ブロックチェーン領域の企画開発（社内外セミナー講師を含む）、新規事業・新規SaaSの企画開発運用を担当。現在は不動産テック領域のスタートアップで、技術責任者として、プロダクト戦略から開発組織づくりまでを統括。
趣味は、アクアリウム、経営/物流/資源管理などのシミュレーションゲーム。
342 posts
Vue 3のComposition APIで型安全なコンポーネントを実装する方法
Vue 3のComposition APIとTypeScriptで型安全なコンポーネントを実装する方法を解説。defineProps/defineEmitsの型付け、refやcomputedの型推論、ロジックを関心ごとに分離して再利用する書き方をサンプルコードで紹介します。
2025-02-12
Vuetifyでデザイン崩れを防ぐためのレイアウト構築方法
Vuetifyでデザイン崩れを防ぐレイアウト構築方法を解説。CSSの競合やレスポンシブ対応など、原因別のテクニックを紹介します。
2025-02-11
スポンサーリンク
Reactでコンポーネントの無駄な再レンダリングを防ぐテクニック
Reactでコンポーネントの無駄な再レンダリングを防ぐテクニックを解説。state・props・親の再レンダリングで再描画される仕組みを踏まえ、React.memo・useMemo・useCallbackでパフォーマンスを改善する方法を紹介します。
2025-02-10
Nuxt 3で動的ルーティングを正しく実装する方法
Nuxt 3で動的ルーティングを正しく実装する方法を解説。pagesディレクトリのファイル名による動的ルートの基本から、パラメータを使った応用パターン、エラーハンドリングの実装までサンプルコードつきで紹介します。
2025-02-09
TypeScript対応のJestテスト環境をスマートに構築する方法
TypeScriptプロジェクトにJestを導入する手順を解説。ts-jestとbabelの選び方、jest.config.tsの書き方、型定義とパスエイリアスの設定まで、つまずきやすい箇所を押さえて紹介します。
2025-02-09
Vitestで非同期関数をモックする方法とハマりやすいポイント
Vitestで非同期関数をモックする方法とハマりやすいポイントを解説。vi.fn()やvi.mock()の使い方をサンプル付きで紹介します。
2025-02-08
ESLintで特定のルールを一時的に無効化する方法
ESLintの特定ルールを一時的に無効化する方法を用途別に解説。eslint-disable-next-lineなどコメントによる行単位・ファイル単位の無効化、設定ファイルでのルール調整、.eslintignoreの活用方法を紹介します。
2025-02-08
TypeScriptのtsconfigで設定すべきオプション3選
TypeScriptのtsconfig.jsonで最初に設定すべきおすすめオプション3選を解説。target・module・strictそれぞれの意味と設定値の選び方を、設定例のサンプルコードとあわせて紹介します。
2025-02-07
grepコマンドで検索結果を色分けする簡単な方法
Linuxのgrepコマンドで検索結果を色分けする簡単な方法を解説。--colorオプションの使い方とエイリアスによる常時有効化の設定、複数パターンの色分け、他のコマンドと組み合わせるときの注意点を紹介します。
2025-02-07
Node.jsで「ENOENT: no such file or directory」エラーが出たときの解決方法
Node.jsで「ENOENT: no such file or directory」が出る原因を解説。パス指定ミスやnpm/Node.jsのインストール不備など、原因別の解決方法を紹介します。
2025-02-07