前菜Tech | 前菜の備忘録 - パート 19

前菜Tech

@m1z0

ソフトウェアエンジニア8年目。情報処理安全確保支援士（情報セキュリティスペシャリスト）資格保有。

上場企業に7年勤務し、大規模SaaSの開発・運用、ブロックチェーン領域の企画開発（社内外セミナー講師を含む）、新規事業・新規SaaSの企画開発運用を担当。現在は不動産テック領域のスタートアップで、技術責任者として、プロダクト戦略から開発組織づくりまでを統括。

趣味は、アクアリウム、経営/物流/資源管理などのシミュレーションゲーム。

342 posts

Next.js 6 Python 36 Vue.js 35 エラー対応 66 Nuxt.js 28 Git 8

Docker Composeで複数環境を一瞬で切り替える方法

Docker Composeで開発・ステージング・本番など複数環境を一瞬で切り替える方法を解説。環境ごとの設定ファイルの分け方と切り替え方、環境変数の利用、スクリプトによる自動化までサンプルつきで紹介します。

Nuxt.jsのDynamic Routesでハマりやすいポイントと解決策

フロントエンド（Vue/Nuxt） Nuxt.js

Nuxt.jsの動的ルーティングでハマりやすいポイントを解説。ページ構成の基本から具体的な解決策までサンプルコード付きで紹介します。

ReactのContext APIを用いてネスト地獄を回避する方法

フロントエンド（React/Next.js） React

ReactのContext APIでProviderのネスト地獄を回避する方法を解説。複数のProviderが深くネストして読みづらくなる原因と、まとめて整理する実装パターンで可読性・保守性を保つコツを紹介します。

JavaScriptで「NaN」が発生する場面とそれを防ぐ工夫

JavaScript/Node.js/TypeScript

JavaScriptで「NaN」が発生する典型的な場面とそれを防ぐ工夫を解説。数値変換の失敗や不正な計算といった原因の具体例、Number.isNaN()を使った正しい判定方法、NaN同士の比較がfalseになる特性まで紹介します。

Vue 3のComposition APIを使った状態管理のコツ

フロントエンド（Vue/Nuxt） Vue.js

Vue 3のComposition APIで状態管理を行うコツを解説。refとreactiveの使い分け、composableへの切り出し、provide/injectでのコンポーネント間共有まで、Options APIとの違いを踏まえて紹介します。

PythonのJSON操作で「循環参照エラー」を避ける方法

JavaScript/Node.js/TypeScript Python

PythonのJSON変換で発生する「循環参照エラー」を避ける方法を解説。原因の仕組みとサンプルコードによる対処法を紹介します。

Gitで「間違ったコミットを完全に取り消す」ための安全な手順

git commitを取り消す方法をgit resetとgit revertの使い分けで解説。直前のコミットの修正、push済みコミットの安全な取り消し、--soft/--mixed/--hardの違いまで、履歴を壊さない手順を紹介します。

Dockerfileを最適化してイメージサイズを半分以下にする方法

Dockerfileを最適化してイメージサイズを半分以下にする具体的な方法を解説。マルチステージビルド、軽量ベースイメージの選択、レイヤーやキャッシュの工夫で、デプロイ時間・ストレージ・ビルド時間を削減する手法をサンプルで紹介します。

TypeScriptの型ガードを使ってコードをより堅牢にする方法

JavaScript/Node.js/TypeScript TypeScript

TypeScriptの型ガードでコードを堅牢にする方法を解説。typeof・instanceof・inによる絞り込みから、ユーザー定義型ガード（is）を使った独自の型判定まで、実行時に型を安全に扱うテクニックをサンプルコードで紹介します。

Nuxt.jsで画像を最適化するためのベストプラクティス

フロントエンド（Vue/Nuxt） Nuxt.js

Nuxt.jsで画像を最適化するベストプラクティスを解説。@nuxt/imageモジュールの導入方法をサンプルコード付きで紹介します。

← 前へ 19 / 35 次へ →