Helm入門:最小Chartをinstall・upgrade・rollbackする
DeploymentとServiceだけの小さなHelm Chartを作り、インストール、設定変更、履歴確認、ロールバックを実行します。
Kubernetes入門Argo CD入門:Applicationを1つ同期してGitOpsを確認する
学習用KubernetesクラスタへArgo CDを導入し、公式guestbookを表すApplicationを一つ作って、Synced・Healthyを確認します。
Kubernetes入門SWR入門:Reactで取得・読み込み・エラー・再検証を扱う
SWRでAPIデータを取得し、読み込み中・エラー・更新中の表示と、mutateによる再取得を最小のReactコンポーネントで学びます。
Reactのデータ取得GitHub ActionsでCIを高速化する基本
GitHub ActionsのCIを速くするために、依存関係キャッシュ、job分割、concurrency、paths、artifact、不要なinstall削減を実演寄りに整理します。
HuskyからLefthookへ移行してpre-commitを速くする
Husky + lint-staged構成からLefthookへ移行し、pre-commit hookの起動、並列実行、変更ファイル対象化、実行時間計測を行う流れを整理します。
スロークエリ分析・改善・監視の進め方
遅いSQLを見つけ、EXPLAINで原因を読み、インデックスやSQLを書き換え、改善後も監視する流れを実務寄りに整理します。
ログインがすぐ切れる原因の切り分け
ログイン直後に未ログインへ戻る、Cookieが保存されない、別ページで消える問題を、DevToolsとHTTPヘッダーから順番に切り分けます。
Apache Kafka入門 - 分散ストリーミング基盤の実践
Apache Kafkaの概念、Docker Composeでのセットアップ、Producer/Consumerの実装、トピック設計とベストプラクティスまでを学ぶ実践チュートリアル。
Cypress実践ガイド - フロントエンドE2Eテスト入門
Cypressを使ってブラウザ上でE2Eテストを書き、実行し、CIで回すまでの一連のフローを学ぶ実践チュートリアル。
Fastifyを使ってみよう - 高速なNode.js APIサーバー入門
Fastifyの基本ルーティング、プラグイン、スキーマバリデーション、エラーハンドリング、テストまでをハンズオンで学ぶ。
NestJSを使ってみよう - TypeScriptで作る本格バックエンドAPI入門
NestJSの基本概念からモジュール、コントローラ、サービス、依存性注入、バリデーションまでを実践的に学ぶハンズオンチュートリアル。
Prometheus実践ガイド - メトリクス収集とアラート入門
PrometheusでアプリケーションやインフラのメトリクスをPullベースで収集し、PromQLで分析、Alertmanagerで通知するまでを学ぶ実践チュートリアル。
Remix入門 - フルスタックWebフレームワーク実践ガイド
React RouterベースのフルスタックフレームワークRemixで、データローディング、フォーム処理、ネストルーティングを実装する実践チュートリアル。
Sentryを使ってみよう - Webアプリのエラー監視を始める入門
Sentryをフロントエンド(React)とバックエンド(Node.js/Express)の両方に導入し、エラー収集、ソースマップ、リリース管理、パフォーマンス計測まで実践する。
Storybookを使ってみよう - UIコンポーネントカタログを作る入門
Storybookを React + Vite プロジェクトに導入し、ストーリーの書き方、Args、Controls、アクセシビリティアドオンまで実践的に学ぶ。
Stripe決済入門 - オンライン決済の実装
Stripeで決済機能を実装する実践チュートリアル。Checkout、サブスクリプションを学ぶ。
Next.js国際化入門 - 多言語対応サイトを作る
Next.jsとnext-intlで多言語対応サイトを作り、翻訳ファイル、ロケール付きルーティング、言語切替、SEO設定を練習します。
Framer Motion入門 - Reactアニメーションを実装する
Framer MotionでReactの表示、非表示、レイアウト変更、スクロール、ドラッグのアニメーションを実装し、動きの品質確認まで練習します。
TanStack Query入門 - データフェッチング
TanStack Query (React Query) でサーバー状態管理を効率化する実践チュートリアル。
Apollo Server 5でGraphQL APIを作る - Queryと認証付きMutation
Apollo Server 5とTypeScriptで、公開Queryと本人だけを更新できる認証付きMutationを実装します。