すべての記事
テスト講座 #4 非同期とネットワークモッキング — MSW で横取りするパターン
コンポーネントがデータを fetch する場合。findBy と waitFor の使い所、なぜ fetch を直接モックせずに MSW でネットワークレイヤーを横取りするのか、ハンドラの書き方と happy path・error path のシナリオ、そしてよくある非同期の落とし穴。
モダンPython実践 #4 認証 — OAuth2 パスワードフロー + JWT
パスワードハッシング (argon2/bcrypt)、OAuth2 パスワードフロー、JWT の発行 / 検証、そして current_user 依存性できれいに解く認証パターンを整理します。
Angular実践 #1 ダッシュボードの骨格を作る
実践シリーズの最初の記事です。ng new でプロジェクトを作り、Angular Material を載せたあと、mat-toolbar と mat-sidenav でメインレイアウトを組み、lazy loading ルートまで骨格を整えていきます。
AWS Certified Cloud Practitioner (CLF-C02) #3 Domain 1-2 クラウド設計 — Well-Architected の 6 本柱
CLF-C02 最初のドメインの後半です。AWS Well-Architected Framework の 6 本柱 — 運用上の優秀性・セキュリティ・信頼性・パフォーマンス効率・コスト最適化・持続可能性 — を解きほぐし、各柱の設計原則とよく出題されるシナリオマッピングを整理します。2021 年 12 月に追加された Sustainability を見落として 5 本柱で覚えてしまう、よくあるミスもあわせて押さえます。次の #4 からは比重 30% の Domain 2 セキュリティに入ります。
Django DRF #1 DRF のはじめ方 — Serializer、ViewSet、Router
Django の上に REST API レイヤーを乗せる標準 — DRF の Serializer/ViewSet/Router の基本を一カ所に整理します。
K8s 高級 #5 オブザーバビリティ — Prometheus / Grafana / Loki / OpenTelemetry
運用クラスタのオブザーバビリティはメトリクス、ログ、トレースの 3 軸で構成されます。各軸の K8s 標準スタックはほぼ固まっています。メトリクスは Prometheus + kube-state-metrics + node-exporter、ログは Loki(または EFK)、トレースは OpenTelemetry、可視化は Grafana、アラームは Alertmanager。この記事では 3 軸のモデルと各軸の標準コンポーネント、そしてカーディナリティ・保存期間・アラーム設計のような運用原則を 1 サイクルでまとめます。
RHEL 実践 #1 Web サーバー運用: nginx、systemd、SELinux ポリシー
RHEL 実践トラックの最初の記事です。RHEL 実務の基礎・中級・上級で身につけた systemd・SELinux・firewalld を一か所に集め、nginx Web サーバーを RHEL の上にきちんと載せる 1 サイクルを整理します。パッケージインストールとサービス登録、SELinux コンテキストとポートラベル、firewalld の開放、そして非標準ポートとドキュメントルートでよく詰まるポイントまで、実際の運用視点で扱います。
TypeScript上級講座 #6 モジュールと.d.ts
外部ライブラリの型をどう扱い拡張するか — 宣言ファイル(.d.ts)、declareキーワード、module augmentation、そしてグローバル型の追加まで。
テスト講座 #3 React Testing Library — ユーザーのように見る
RTL の哲学と最初のコンポーネントテスト。render と screen の位置、getByRole/getByLabelText/getByText のような queries の優先順位、なぜ querySelector を使わないのか、そして jest-dom matcher の助けまで。
モダンPython実践 #3 DB 連携 — SQLAlchemy 2.x + Alembic
SQLAlchemy 2.x の新スタイル — Mapped/mapped_column、async セッション、FastAPI の依存性注入との結合、Alembic のマイグレーションまで整理します。
Angular上級 #7 パフォーマンスチューニング — Virtual Scroll、Image、Profiler
Angular アプリのパフォーマンスをビルド、ランタイム変更検知、リソースの 3 つの layer に分けて整理します。Virtual Scroll と NgOptimizedImage、Angular DevTools Profiler、Defer block まで、大きなアプリで実際に効果を出すツールを一箇所にまとめて見ていきます。