すべての記事

TypeScript + React 実践 #5 Context とジェネリックコンポーネント
読了 7分

TypeScript + React 実践 #5 Context とジェネリックコンポーネント

createContext の型引数パターンと安全な useContext ヘルパー、そしてジェネリックコンポーネントで再利用可能な List/Select のようなコンポーネントを作る方法。

モダンPython上級 #3 メタクラス — いつ本当に必要か
読了 6分

モダンPython上級 #3 メタクラス — いつ本当に必要か

クラスを作るクラス — type の正体、__init_subclass__ との分担、クラスデコレータで解けるケース、そして本当のメタクラスが必要な狭いケースまで整理します。

Angular中級 #7 テスト — TestBed とコンポーネントテスト
読了 11分

Angular中級 #7 テスト — TestBed とコンポーネントテスト

Angular の標準テスト環境である TestBed で Service とコンポーネントを検証する方法、mock の注入と HttpTestingController パターン、そして ComponentHarness までを整理します。

AWS上級 #1 ECS と Fargate — コンテナのデプロイ
読了 12分

AWS上級 #1 ECS と Fargate — コンテナのデプロイ

ECS の動作 (vs EKS)、Cluster / Service / Task / Task Definition の 4 つの構成要素、EC2 launch type vs Fargate、ALB / VPC との接続、最初のコンテナデプロイまで — AWS の上にコンテナをどう載せるかを一気に。

Django中級 #7 テスト — Django TestCase、fixtures、pytest-django
読了 8分

Django中級 #7 テスト — Django TestCase、fixtures、pytest-django

TestCase と Client、fixtures vs factory_boy、pytest-django のフィクスチャモデル — Django 陣営のテストツールを一カ所に。

Docker 実戦 #1 FastAPI コンテナ化 — uv・マルチステージ・non-root
読了 9分

Docker 実戦 #1 FastAPI コンテナ化 — uv・マルチステージ・non-root

実戦シリーズの最初の記事。最も典型的なシナリオである FastAPI アプリをコンテナとして束ねる。uv ベースのスリムなベース、マルチステージでビルド依存とランタイム依存を分離、non-root ユーザ、HEALTHCHECK まで — 運用にすぐ乗せられる形で。

K8s 中級 #4 resources.requests / limits — Pod のリソース要求と上限
読了 17分

K8s 中級 #4 resources.requests / limits — Pod のリソース要求と上限

[#3](/ja/posts/k8s-intermediate-3) まで外部トラフィックがクラスタの中へ入ってくる道をまとめました。この記事の視点は再び Pod の中に入ってきます — コンテナが CPU とメモリをどう要求し、どう制限を受けるかのモデルです。`resources.requests` はスケジューラがノードを選ぶときに見る値で、`resources.limits` は kubelet がランタイムに強制する上限です。この 2 つの分離、QoS クラス(Guaranteed / Burstable / BestEffort)、CPU throttling と OOMKilled の違い、JVM・Go ランタイムの cgroup 認識、`LimitRange` で namespace のデフォルトをかけるパターンまで 1 サイクルでまとめます。

RHEL 中級 #7 コンテナ入門 — Podman/Buildah/Skopeo
読了 10分

RHEL 中級 #7 コンテナ入門 — Podman/Buildah/Skopeo

RHEL 9 のコンテナ標準は Podman です。Docker とほぼ同じコマンドを使いながらもデーモンがなく、rootless で回り、systemd と一体のように調和する構造を運用観点から見ます。Buildah でイメージをビルドし、Skopeo でレジストリの間を移すフローまで 1 サイクルで整理します。

TypeScript + React 実践 #4 イベントとフォームの型付け
読了 6分

TypeScript + React 実践 #4 イベントとフォームの型付け

React のイベントオブジェクトにどんな型を使うのか、制御/非制御フォームを TypeScript でどう型付けするのかを実践パターンで整理します。

モダンPython上級 #2 ディスクリプタと __set_name__
読了 7分

モダンPython上級 #2 ディスクリプタと __set_name__

property が動作する原理 — __get__/__set__ プロトコルとデータ/非データディスクリプタ、__set_name__ できれいなバリデーションフィールドを作るところまで整理します。

Angular中級 #6 Guards と Resolver
読了 9分

Angular中級 #6 Guards と Resolver

ルート進入前に流れを横取りする Angular の Guards と Resolver を見ていきます。関数型ガードを中心に canActivate、canMatch、canDeactivate、そしてデータをあらかじめ受け取っておく Resolver までを整理します。

AWS中級 #7 CloudFront で静的サイトを配信
読了 9分

AWS中級 #7 CloudFront で静的サイトを配信

AWS のグローバル CDN、CloudFront。Origin / Behavior / Cache Policy の流れ、S3 + CloudFront 静的ホスティングパターン、OAC で S3 を安全に隠す方法、そして無効化 (invalidation) の運用。