仕組み解説

技術の「なぜ?」を深掘りする解説記事

5 / 17

node_modules はなぜ重いのか:依存関係の木構造を理解する

node_modulesが大きくなる理由を、直接依存、推移的依存、重複、package managerの管理方式から初心者向けに整理します。

入門6分2026.07.09 開発ツール

package.json の読み方:scriptsとdependenciesを理解する

package.jsonのname、scripts、dependencies、devDependencies、enginesを初心者向けに整理し、プロジェクトの入口として読む方法を解説します。

入門7分2026.07.09 開発ツールJS

SSG・SSR・ISR・CSR の違い

SSG、SSR、ISR、CSRの全体像を、HTMLをいつ・どこで生成するかという観点で比較します。

入門10分2026.07.09 Web開発

トランスパイルとは何か:TypeScriptやJSXがブラウザで動くまで

トランスパイル、コンパイル、ビルドの違いを、TypeScript、JSX、新しいJavaScript構文を例に初心者向けに整理します。

入門10分2026.07.09 TSJS開発ツール

バンドルとは何か:複数のファイルを読み込みやすくまとめる

Vite、Webpack、Turbopackなどを理解する前に必要な、バンドルの役割、依存関係、チャンク、読み込み最適化の基本を整理します。

入門13分2026.07.09 JSWeb開発

ビルドとは何か:ソースコードが公開できる形になるまで

Web開発でよく聞くビルドについて、ソースコード、変換、最適化、distフォルダ、公開までの流れを初心者向けに整理します。

入門13分2026.07.09 開発ツールWeb開発

フォーム送信の仕組み:inputからPOSTまでの流れ

HTMLフォーム、input、submit、GET/POST、バリデーション、サーバ処理まで、フォーム送信で何が起きるのかを初心者向けに整理します。

入門13分2026.07.09 HTMLHTTP

依存関係とは何か:npm installで増えるものの正体

依存関係、パッケージ、ライブラリ、package manager、直接依存と推移的依存の違いを初心者向けに整理します。

入門12分2026.07.09 開発ツールJS

画像最適化の基本:PNG・JPEG・WebP・AVIFと表示速度

Webページの表示速度に効く画像最適化について、形式選択、サイズ、圧縮、lazy loading、LCPの考え方を初心者向けに整理します。

入門14分2026.07.09 パフォーマンスWeb開発

静的サイトと動的サイトの違い

個別のレンダリング方式ではなく、静的サイト・動的サイトという用語を、配信時のサーバ処理と機能の混在から整理します。

入門9分2026.07.09 Web開発

CI/CDとは何か - コード品質とデプロイを自動化する基本

CI/CDの意味、CIとCDの違い、Linter、テスト、ビルド、デプロイがどこで動くのかを、未経験者や転職準備中のエンジニア向けに整理します。

入門11分2026.06.27 CI/CD運用

CI/CDの処理時間を意識する理由

CI/CDを組めるだけでなく、lint、test、buildの待ち時間を短くすることがなぜ実務で評価されるのかを整理します。

入門10分2026.06.27 CI/CD運用パフォーマンス

ポートフォリオでCI/CD改善を見せる方法

未経験・転職準備中のエンジニア向けに、CI/CD導入だけでなく、HuskyからLefthook移行やGitHub Actions高速化を成果として見せる方法を整理します。

入門11分2026.06.27 CI/CDキャリア運用

.gitignoreの考え方:秘密情報を載せないために

.gitignoreの役割、無視すべきファイル、すでにcommitしたファイルへの注意を初心者向けに整理します。

入門9分2026.06.18 GitSecurity

AHA原則:急いで抽象化しない考え方

AHA(Avoid Hasty Abstractions)原則を、DRYとの関係、早すぎる共通化、実務での判断基準から初学者向けに解説します。

入門8分2026.06.18 設計

Composition over Inheritance:継承より合成を優先する

継承と合成の違い、継承が深くなる問題、部品を組み合わせる設計の考え方を初学者向けに解説します。

入門9分2026.06.18 設計

DRY原則とは:重複コードではなく重複知識を減らす

DRY原則を、単なるコード共通化ではなく、同じ知識や同じ変更理由を重複させない考え方として初学者向けに解説します。

入門9分2026.06.18 設計

Fail Fast:失敗は早く分かるようにする

Fail Fastの考え方を、入力チェック、例外、早期検知、エラーを握りつぶさない実装の観点から初学者向けに解説します。

入門8分2026.06.18 設計

fetch / pull / pushの違い

Git初心者向けに、git fetch、git pull、git pushの違いと安全な使い分けを整理します。

入門9分2026.06.18 GitGitHub

git restore / reset / revertの違い

Git初心者が混乱しやすいrestore、reset、revertの違いを、安全性と使いどころから整理します。

入門10分2026.06.18 Git
PR
PR
PR
PR