Hakamata Soft- フリーランスエンジニア 袴田 真也 (Masaya Hakamata) のポートフォリオ
🟢「2026年5月」より案件参画可能です
Masaya Hakamata
Full Stack EngineerFreelance SE
>
自己紹介
About Me
HS
Hakamata Soft
Masaya Hakamata
Freelance SE / Full Stack Engineer名古屋
30年の経験
BtoB業務アプリケーション開発に長年携わり、堅牢なシステム設計のノウハウを積んできました。 日本マイクロソフト株式会社ではシニアテクニカルコンサルタントとして、 エンタープライズ領域のアーキテクチャ設計や技術支援に従事しました。
今、その経験をReact / Next.jsに注ぎ込んでいます。
業務要件を起点に、パフォーマンスと堅牢性を両立するDB設計、機能設計を行い、 そのままフルスタックで実装まで完結できる—— 30年分の設計知識とモダンフロントエンドの組み合わせが自分の最大の武器と確信しています。
PM / PL の右腕として
私自身にPM/PLの豊富な経験があるからこそ、どのような支援が必要なのか理解しています。
- 技術的な実現可否の判断
- 動くプロトタイプの迅速な提供
- 技術的なリスクの洗い出しと対策の提案
- メンバーへ展開できるテンプレートの構築
PM/PLが安心してプロジェクトを推進できるよう全力でサポートします。
Tech Stack
TypeScriptReactNext.jsC#BlazorSQL ServerOraclePostgreSQL
Certifications
IPA データベーススペシャリストIPA システムアーキテクト情報処理安全確保支援士Oracle DB Platinum
公開中のデモ
Demos
注目のデモ： Next.js 受注管理デモ
C#・DBエンジニアとして培ってきた設計力を、React / Next.jsでどこまで活かせるか——それがこのデモの出発点です。
「とりあえず動く」ではなく、実務で通用する認証・認可、型安全なデータフロー、パフォーマンスを意識したアーキテクチャを一つのアプリに凝縮しました。
Next.js 16TypeScriptReactBetter AuthDrizzle ORMNeon DBshadcn/uiRecharts
４つの切り口でまとめたQiita記事
認証・認可
Better Auth × Drizzleによる多層防衛アーキテクチャ。役割ベースのアクセス制御まで実装
Better AuthDrizzle ORMRole管理
Qiita Articleダッシュボード
Rechartsによるデータ可視化。Request Memoizationでパフォーマンスを最適化
RechartsRequest Memoization
Qiita Article受注管理
1:N構造の入力・リアルタイム計算・一括保存。実務直結のUXにこだわった設計
React Hook FormZoduseFieldArray
Qiita Articleマスタメンテ
CRUD基盤の設計パターン。業務アプリの「一歩目」で躓かないための実践知識を凝縮
Server Actionsshadcn/ui
Qiita Article
その他のデモ
Better Auth Todo
TypeScriptReactNext.jsBetter AuthDrizzle ORMNeon DB
2026年 React / Next.js で認証機能あり Todoアプリ構築 ハンズオン（Better Auth / Drizzle ORM / Neon DB）
Blazor 箱入り娘
Blazor ServerC#
C#だけで作ったブラウザゲーム（パズル）。JavaScriptを書かずに、ドラッグ＆ドロップやアニメーション制御をBlazorのみで実現しています。
Blazor 受注管理
Blazor ServerC#SQL Server
Blazor Serverで作った業務アプリケーションデモ。受注管理を例に、ログイン、アカウント制御、実務的なCRUD処理、入力支援などを実装しています。
WinForms モダンUI
C#.NET FrameworkWinForms
Windows Formアプリ用テンプレート。MVPパターンを採用し、モダンなフラットUIと共通コンポーネントを提供。実務でも利用されています。
記事を読み込み中...
プロジェクト / 実績
Project
直近の活動 (2022 - 現在)
React/Next.jsデモ用受注アプリ開発（個人プロジェクト）
View DemoFramework
Next.js 16, shadcnui, Drizzle, Better Auth
Language / DB
TypeScript / Neon DB
Role
個人開発（設計・実装・デプロイ）
Period
2025年12月 ～ 2026年4月末(予定)
概要
認証・認可、マスタメンテナンス、受注伝票管理（1:N構成）、ダッシュボードを含む業務システムを想定したフルスタックデモアプリ
ポイント
Thin Proxy + Server Component での多層防衛アーキテクチャにより、速度と安全性を両立した認証・認可を実装
受注ヘッダ・明細の1:N構成をZod・React Hook Form・useFieldArrayで型安全に管理し、楽観的ロックによる排他制御も実装
Request Memoization（React cache）でN+1問題を防ぎつつ、コンポーネント間の疎結合を維持する設計を採用
生産管理支援システム開発
View DemoFramework
WinForms (.NET Framework 4.8)
Language / DB
C# / SQL Server
Role
テックリード / アーキテクト
Period
2025年4月 ～ 2026年3月末
概要
生産管理系サブシステムのリプレース案件にテックリードとして参画。開発標準の策定、主要機能の実装を担当。
ポイント
現在公開中のデモ「WinForms モダンUI」がプロジェクト標準のベースとして採用されています。
MVPパターンによる疎結合化と、DevExpressを使用しない標準コントロールのみでのモダンUI化を実現しました。
公共向け人事管理システム刷新
Framework
ASP.NET Core
Language / DB
C# / Oracle
Role
テックリード
Period
2023年10月 ～ 2024年10月
概要
人事管理システムのリニューアル開発にテックリードとして参加。既存フレームワークのリファクタリングと、主要なデータアクセス層の再設計を担当しました。
ポイント
不要な外部ライブラリの利用を停止し、フレームワークの軽量化を実施。
認証まわりの不備を整理し、よりセキュアな基盤へブラッシュアップしました。
仕様の不明瞭さやパフォーマンス課題を抱えていたデータアクセス層を、お客様と連携しながら改善・再構築しました。
ECサイト予約システム開発
Framework
ASP.NET Core
Language / DB
C# / PostgreSQL
Role
開発メンバー
Period
2022年10月 ～ 2023年9月
概要
BtoCの予約サイト追加開発案件に参加し、WebAPIおよびUI開発を担当しました。
ポイント
複雑なUIの実装と、予約データの集計処理を担当。
フロントエンド・バックエンドともに難易度の高い実装を完遂しました。
資格 / スキル
Skills
資格
開発言語
フレームワーク
得意な工程
データベース
クラウド
ご依頼について
Availability
React/Next.js案件を特に歓迎します
2026年5月より稼働可能です。
エンタープライズ開発で培った設計力を活かし、 要件定義からフルスタック開発まで一貫して対応します。
稼働開始2026年5月〜
稼働形態フルリモート
稼働規模0.5人月以上（長期案件歓迎）
単価目安人月90万円〜 ※規模・内容によりご相談
