実践講座

手を動かして学ぶハンズオン形式の講座

12 / 14

Helm入門:最小Chartをinstall・upgrade・rollbackする

DeploymentとServiceだけの小さなHelm Chartを作り、インストール、設定変更、履歴確認、ロールバックを実行します。

Kubernetes入門
中級12分2026.04.24 Kubernetes運用開発ツール

Argo CD入門:Applicationを1つ同期してGitOpsを確認する

学習用KubernetesクラスタへArgo CDを導入し、公式guestbookを表すApplicationを一つ作って、Synced・Healthyを確認します。

Kubernetes入門
中級12分2026.04.24 KubernetesCI/CD

SWR入門:Reactで取得・読み込み・エラー・再検証を扱う

SWRでAPIデータを取得し、読み込み中・エラー・更新中の表示と、mutateによる再取得を最小のReactコンポーネントで学びます。

Reactのデータ取得
中級12分2025.12.02 React

GitHub ActionsでCIを高速化する基本

GitHub ActionsのCIを速くするために、依存関係キャッシュ、job分割、concurrency、paths、artifact、不要なinstall削減を実演寄りに整理します。

中級13分2026.06.27 CI/CD

HuskyからLefthookへ移行してpre-commitを速くする

Husky + lint-staged構成からLefthookへ移行し、pre-commit hookの起動、並列実行、変更ファイル対象化、実行時間計測を行う流れを整理します。

中級14分2026.06.27 CI/CD

スロークエリ分析・改善・監視の進め方

遅いSQLを見つけ、EXPLAINで原因を読み、インデックスやSQLを書き換え、改善後も監視する流れを実務寄りに整理します。

中級14分2026.06.27 SQLDB

ログインがすぐ切れる原因の切り分け

ログイン直後に未ログインへ戻る、Cookieが保存されない、別ページで消える問題を、DevToolsとHTTPヘッダーから順番に切り分けます。

中級14分2026.06.27 Web開発開発ツール

Apache Kafka入門 - 分散ストリーミング基盤の実践

Apache Kafkaの概念、Docker Composeでのセットアップ、Producer/Consumerの実装、トピック設計とベストプラクティスまでを学ぶ実践チュートリアル。

intermediate60分2026.04.10 NetworkWeb開発

Cypress実践ガイド - フロントエンドE2Eテスト入門

Cypressを使ってブラウザ上でE2Eテストを書き、実行し、CIで回すまでの一連のフローを学ぶ実践チュートリアル。

intermediate60分2026.04.10 テスト

Fastifyを使ってみよう - 高速なNode.js APIサーバー入門

Fastifyの基本ルーティング、プラグイン、スキーマバリデーション、エラーハンドリング、テストまでをハンズオンで学ぶ。

intermediate60分2026.04.10 Node.jsAPI

NestJSを使ってみよう - TypeScriptで作る本格バックエンドAPI入門

NestJSの基本概念からモジュール、コントローラ、サービス、依存性注入、バリデーションまでを実践的に学ぶハンズオンチュートリアル。

intermediate70分2026.04.10 TSNode.js

Prometheus実践ガイド - メトリクス収集とアラート入門

PrometheusでアプリケーションやインフラのメトリクスをPullベースで収集し、PromQLで分析、Alertmanagerで通知するまでを学ぶ実践チュートリアル。

intermediate60分2026.04.10 運用

Remix入門 - フルスタックWebフレームワーク実践ガイド

React RouterベースのフルスタックフレームワークRemixで、データローディング、フォーム処理、ネストルーティングを実装する実践チュートリアル。

intermediate60分2026.04.10 React

Sentryを使ってみよう - Webアプリのエラー監視を始める入門

Sentryをフロントエンド(React)とバックエンド(Node.js/Express)の両方に導入し、エラー収集、ソースマップ、リリース管理、パフォーマンス計測まで実践する。

intermediate65分2026.04.10 運用デバッグ

Storybookを使ってみよう - UIコンポーネントカタログを作る入門

Storybookを React + Vite プロジェクトに導入し、ストーリーの書き方、Args、Controls、アクセシビリティアドオンまで実践的に学ぶ。

intermediate60分2026.04.10 ReactUI/UX

Stripe決済入門 - オンライン決済の実装

Stripeで決済機能を実装する実践チュートリアル。Checkout、サブスクリプションを学ぶ。

intermediate55分2025.12.18 API

Next.js国際化入門 - 多言語対応サイトを作る

Next.jsとnext-intlで多言語対応サイトを作り、翻訳ファイル、ロケール付きルーティング、言語切替、SEO設定を練習します。

中級45分2025.12.12 Next.js

Framer Motion入門 - Reactアニメーションを実装する

Framer MotionでReactの表示、非表示、レイアウト変更、スクロール、ドラッグのアニメーションを実装し、動きの品質確認まで練習します。

中級45分2025.12.07 React

TanStack Query入門 - データフェッチング

TanStack Query (React Query) でサーバー状態管理を効率化する実践チュートリアル。

intermediate45分2025.12.06 React

Apollo Server 5でGraphQL APIを作る - Queryと認証付きMutation

Apollo Server 5とTypeScriptで、公開Queryと本人だけを更新できる認証付きMutationを実装します。

中級20分2025.12.02 GraphQLTSAPI
PR
PR
PR
PR