学習実績レポート

対象期間: 2025年4月1日 〜 2026年3月31日(12ヶ月)
総学習時間
1,349.5h
月平均学習時間
112.5h
日平均学習時間
3.7h
1月別学習時間
学習時間(h) 日平均(h)
2025年4月 100.25 3.3
2025年5月 108.75 3.5
2025年6月 114.75 3.8
2025年7月 103.50 3.3
2025年8月 135.50 4.4
2025年9月 99.25 3.3
2025年10月 111.00 3.6
2025年11月 118.25 3.9
2025年12月 130.25 4.2
2026年1月 113.75 3.7
2026年2月 93.75 3.3
2026年3月 120.50 3.9
合計 1,349.50 3.7
2技術カテゴリ別 学習分野一覧

フロントエンド開発(React / Next.js)

本期間の学習の中核。React / Next.js を中心に、最新の App Router・Server Actions・キャッシュ戦略・パフォーマンス最適化まで体系的に学習。

主な学習コンテンツ
習得した主な技術
Next.js (App Router) Server Actions Server Components ISR / SSR / SSG / PPR React Hooks Suspense useOptimistic useActionState Zustand TanStack Query / SWR React Hook Form Zod / Valibot shadcn/ui Tailwind CSS Prisma Drizzle ORM Supabase Clerk Stripe tRPC

バックエンド開発(Go)

Go 言語を新規に学習開始し、基礎文法からクリーンアーキテクチャでの API 構築まで到達。

主な学習コンテンツ
習得した主な技術
Go ポインタ / 構造体 インターフェース Goroutine / Channel Context Gin MongoDB クリーンアーキテクチャ

インフラ・DevOps(Docker / Kubernetes / GCP / CI/CD)

コンテナ技術を深く理解し、CI/CD パイプラインの構築・クラウドデプロイを実務で実践。

主な学習コンテンツ
習得した主な技術
Docker Docker Compose マルチステージビルド Kubernetes GitHub Actions GCP (Cloud Run / Cloud Build) AWS (ECS / EC2 / RDS) Cloudflare (Pages / Workers / D1 / R2) Nginx

ソフトウェア設計・アーキテクチャ

設計思想の書籍を 1 年かけて通読し、日常的に設計判断に活用。

主な学習コンテンツ
習得した主な概念
Deep Module 複雑性管理 戦略的プログラミング レイヤードアーキテクチャ クリーンアーキテクチャ CQRS DDD SOLID 原則 依存性逆転 Factory Method Decorator

テスト(単体テスト / E2E テスト)

フロントエンドテストの体系的な理解と、Playwright による E2E テストの実践。

主な学習コンテンツ
習得した主な技術
Jest Vitest React Testing Library Playwright Husky カバレッジテスト TDD

TypeScript

TypeScript の型システムを基礎から再学習し、型レベルプログラミングまで理解を深めた。

主な学習コンテンツ
習得した主な概念
リテラル型 ジェネリクス 部分型(共変・反変) ユニオン / インターセクション型 型ガード keyof / typeof as const

セキュリティ

Web セキュリティの基礎を体系的に学習。

主な学習コンテンツ
習得した主な概念
XSS SQL インジェクション CSRF CORS Cookie セキュリティ セッション管理 パスワードハッシュ化

データベース設計

IDEF1X 記法 インデックス設計 パーティション 正規化 バックアップ戦略

AI・生成 AI 関連(MCP / Claude Code / Cursor)

生成 AI を開発ツールおよびアプリケーション機能として活用する技術を学習。

主な学習コンテンツ
MCP Claude Code Cursor AI SDK Vercel AI SDK SpeechToText

マイクロフロントエンド

Module Federation Runtime Integration CSS スコープ戦略

CSS / UI / デザイン

流体レイアウト (clamp) 論理的プロパティ Flexbox / Grid レスポンシブデザイン shadcn/ui

Git / バージョン管理

Git 内部構造 merge / rebase stash GitHub Flow Pull Request 運用

クラウド資格

3業務アプリケーション開発(自社開発プロジェクト)

実務として複数の業務アプリケーションを開発。モダンな技術スタックを採用し、要件定義から CI/CD 構築・本番デプロイまで一貫して担当。

アプリケーション名 技術スタック 概要
現場実績共有 Next.js / Hono / Prisma / Supabase / TurboRepo / GCP モノレポ構成でのフルスタック開発。GitHub Actions による CI/CD 構築。Clerk 認証連携。
サイネージ コンテンツ管理・配信 Next.js / shadcn/ui / Supabase / GCP サイネージ向けコンテンツ管理・配信システム。WebSocket によるリアルタイム通信。
現場資材管理 Next.js / Supabase / Clerk / Hono / TurboRepo / GCP 現場での資材管理を効率化するアプリケーション。
制服注文管理 React / Firebase / GCP 制服注文ECサイト。発注、検収、給与システム連携を実装。
工程チェックシート管理 Next.js / Express / Firebase / GCP 工程チェックシートの確認、承認のワークフロー管理。
天気予報サイト Next.js / OpenWeatherMap API / GCP デジタルサイネージ向け天気表示サイト。
4その他の活動
5期間中の主な成長・成果
  1. フロントエンド技術の深化: Next.js App Router / Server Components / Server Actions を中心に、キャッシュ戦略・パフォーマンス最適化まで体系的に習得。複数の実践プロジェクトを通じて定着。
  2. Go 言語の新規習得: Go の基礎文法からクリーンアーキテクチャでの API 構築まで到達。TypeScript / Node.js に加えて、静的型付けのバックエンド言語を習得。
  3. インフラ・DevOps の実践: Docker / Kubernetes の概念理解に加え、GitHub Actions による CI/CD パイプラインを実務で構築。Cloud Run へのデプロイを複数プロジェクトで実施。
  4. ソフトウェア設計力の向上: "A Philosophy of Software Design" を 1 年かけて通読し、Deep Module / 複雑性管理の思想を日常的な設計判断に適用。DDD・クリーンアーキテクチャの概念も習得。
  5. 複数の業務アプリケーションの開発・運用: 要件定義から設計・実装・テスト・CI/CD 構築・本番デプロイまでを一貫して担当。モダンな技術スタック(Next.js / Hono / Prisma / Supabase / TurboRepo / GCP)を活用。
  6. テスト文化の導入: Jest / Vitest / React Testing Library による単体テスト、Playwright による E2E テストを学習し、プロジェクトに導入。
  7. セキュリティ意識の向上: 「安全な Web アプリケーションの作り方」を通じて、XSS・CSRF・SQL インジェクション等の対策を体系的に学習。
  8. コミュニティ活動: Udemy MeetUp登壇・Progaku LT 会参加・ReackTokyo参加、ベネッセ登壇など、外部イベントへの参加・交流を行う。