Hero Background
Hero Background
Hero Background
Hero Background

Hakamata Soft - フリーランスエンジニア 袴田 将也 (Masaya Hakamata) のポートフォリオ

Masaya Hakamata

Full Stack EngineerFreelance SE

>

AboutMe

プロフィール

HS

Hakamata Soft

Masaya Hakamata

Freelance SE / Full Stack Engineer
名古屋
30年の経験

BtoB業務アプリケーション開発に長年携わり、堅牢なシステム設計のノウハウを積んできました。 日本マイクロソフト株式会社ではシニアテクニカルコンサルタントとして、 エンタープライズ領域のアーキテクチャ設計や技術支援に従事しました。

今、その経験をReact / Next.jsに注ぎ込んでいます。

30年分の設計知識が、モダンフロントエンドと組み合わさったとき何が生まれるか—— それを自分自身で検証し、デモアプリとQiita記事で継続的に発信しています。

「C#もできるNext.jsエンジニア」ではなく——

バックエンドの品質・堅牢性とモダンフロントエンドのUXを フルスタックで一貫して届けられるエンジニアを目指しています。

Tech Stack
TypeScriptReactNext.jsC#BlazorSQL ServerOraclePostgreSQL
Certifications
IPA データベーススペシャリストIPA システムアーキテクト情報処理安全確保支援士Oracle DB Platinum

Demos

公開中のデモアプリケーション

Featured - Next.js 受注管理デモ

C#・DBエンジニアとして培ってきた設計力を、React / Next.jsでどこまで活かせるか——それがこのデモの出発点です。

「とりあえず動く」ではなく、実務で通用する認証・認可、型安全なデータフロー、パフォーマンスを意識したアーキテクチャを一つのアプリに凝縮しました。

Next.js 16TypeScriptReactBetter AuthDrizzle ORMNeon DBshadcn/uiRecharts
認証・認可
認証・認可

Better Auth × Drizzleによる多層防衛アーキテクチャ。役割ベースのアクセス制御まで実装

Better AuthDrizzle ORMRole管理
QiitaQiita Article
ダッシュボード

Rechartsによるデータ可視化。Request Memoizationでパフォーマンスを最適化

RechartsRequest Memoization
QiitaQiita Article
受注管理

1:N構造の入力・リアルタイム計算・一括保存。実務直結のUXにこだわった設計

React Hook FormZoduseFieldArray
QiitaQiita Article
マスタメンテ

CRUD基盤の設計パターン。業務アプリの「一歩目」で躓かないための実践知識を凝縮

Server Actionsshadcn/ui
QiitaQiita Article
GitHub
Source Code — github.com/masayahak/react-orderapp

その他のデモ

Better Auth Todo

Better Auth Todo

TypeScriptReactNext.jsBetter AuthDrizzle ORMNeon DB

2026年 React / Next.js で認証機能あり Todoアプリ構築 ハンズオン（Better Auth / Drizzle ORM / Neon DB）

Qiita
Article
GitHub
Source Code
Blazor 箱入り娘

Blazor 箱入り娘

Blazor ServerC#

C#だけで作ったブラウザゲーム（パズル）。JavaScriptを書かずに、ドラッグ＆ドロップやアニメーション制御をBlazorのみで実現しています。

Qiita
Article
GitHub
Source Code
Blazor 受注管理

Blazor 受注管理

Blazor ServerC#SQL Server

Blazor Serverで作った業務アプリケーションデモ。受注管理を例に、ログイン、アカウント制御、実務的なCRUD処理、入力支援などを実装しています。

Qiita
Article
GitHub
Source Code
WinForms モダンUI

WinForms モダンUI

C#.NET FrameworkWinForms

Windows Formアプリ用テンプレート。MVPパターンを採用し、モダンなフラットUIと共通コンポーネントを提供。実務でも利用されています。

Qiita
Article
GitHub
Source Code

Articles

qiita2025
👑

Popular Articles

1
2025/10/1
Qiita

【初心者歓迎】C#だけでWebゲームを1時間で作る javascriptやAJAX不要！Blazorの凄さを体験する

C#ASP.NET初心者ゲーム制作Blazor
145
15857,315
2
2025/4/16
Qiita

2025 業務アプリ向け WinForms モダンUIテンプレート（MVPパターン対応）

C#WinFormsMVP.NET9モダンUI
70
6840,449
3
2022/8/14
Qiita

Sql => Linq 変換 対応表 in C#

C#SQLLINQC#入門
34
3514,031

Recent Posts

2026/3/14
Qiita

Next.js業務アプリの認証・認可（Better Auth実践編）

#初心者#認証#React#Next.js#BetterAuth
12143
2026/3/13
Qiita

C#シニアエンジニアが TypeScript (Next.js) を学んで戸惑ったこと・納得したこと

#C##初心者#TypeScript#React#Next.js
11362
2026/3/7
Qiita

【ダッシュボード】実務を見える化！React/Next.jsにグラフ Recharts を導入

#初心者#TypeScript#React#Next.js
471,231
2026/3/3
Qiita

【実務直結】入力補助・リアルタイム計算・一括保存・UXにこだわったNext.js受注管理システム

#初心者#TypeScript#React#Next.js
12528
2026/3/1
Qiita

【Next.js】デモアプリからステップアップ！マスタメンテ開発「一歩目」の注意点まとめ

#初心者#TypeScript#React#Next.js
01336
2026/2/26
Qiita

Rustの所有権・借用を『DBの排他制御』で理解する：バックエンドエンジニアのためのRust入門

#SQL#Rust#初心者#Database
01479
2026/2/26
Qiita

【Next.js】 App Routerの先頭行、結局どれを使えばいいの？ 5種類の使い分けまとめ

#初心者#TypeScript#React#Next.js
01373
2026/1/26
Qiita

2026年 React / Next.js で認証機能あり Todoアプリ構築 ハンズオン（Better Auth / Drizzle ORM / Neon DB）

#初心者#TypeScript#ハンズオン#React#Next.js
111,042
2026/1/23
Qiita

【2026年版】React / Next.js認証：NextAuthから Better Auth × Drizzle へ移行したメリット

#TypeScript#認証#React#Next.js
261,328
2026/1/13
Qiita

2026年 C#/DB屋が React / Next.js に入門して、MVCパターンで設計したらスッキリした話

#初心者#TypeScript#設計#React#Next.js
221,321
2026/1/3
Qiita

2026年 React/Next.jsの最新技術スタックで認証・認可を深く理解する（NextAuth.js v5）

#TypeScript#React#Next.js#nextauth.js
111,185
2025/12/29
Qiita

【React/Next.js】「とりあえず動く」から卒業！ パズルゲームを題材に学ぶ「プロのリファクタリング術」

#TypeScript#React#Next.js
21410

Projects

実績の一部をご紹介

Recent Works (2022 - Present)

React/Next.jsデモ用受注アプリ開発（個人プロジェクト）

View Demo
Framework
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 Demo
Framework
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

技術スタックと資格

資格

icon
システムアーキテクト
icon
データベーススペシャリスト
icon
安全確保支援士
icon
Oracle 8i Platinum

開発言語

icon
React
icon
TypeScript
icon
TailWind CSS
icon
C#

フレームワーク

icon
Next.js
icon
Blazor
icon
ASP.NET
icon
WinForms

得意な工程

icon
要件定義
icon
DB設計
icon
プログラミング
icon
テスト設計

データベース

icon
SQL Server
icon
Oracle
icon
PostgreSQL
icon
SQLite

クラウド

icon
Azure
icon
AWS
icon
Neon
icon
Supabase

Availability

ご依頼について

React / Next.js 案件を特に歓迎しています

2026年5月より稼働可能です。 エンタープライズ開発で培った設計力を活かし、 要件定義からフルスタック開発まで一貫して対応します。

稼働開始2026年5月〜
稼働形態フルリモート
稼働規模0.5人月以上（長期案件歓迎）
単価目安人月90万円〜 ※規模・内容によりご相談

Contact

開発のご相談、技術的な質問など、お気軽にご連絡ください。

送信ボタンをクリックすると自動確認メールをお送りします。
2営業日以内にご返信いたします。

SNSリンク
Qiita
Qiita
X
X
GitHub
GitHub

© 2026 Hakamata Soft. All Rights Reserved.