Web Engineer / In-house SE
社内基幹システムおよびReact / TypeScriptを中心とした、モダンWeb技術による企業向けアプリケーションの内製開発。要件定義、UI設計、フロントエンド、API、DB、インフラ運用まで全工程を自社主導で担当。
2026 – ActiveCURRENT
PORTFOLIO / BLOGWEB ENGINEER / SAITAMA, JAPAN
01 / PROFILE
複雑な業務を、使えるWebにほどいていく。
From business processes to usable web products.
企業向け業務システムを中心にWebアプリケーションを開発しています。Java / Node.jsによるWeb・API開発、SAPを利用したWorkflow・Low-Code開発を経験し、現在はReact / TypeScriptを中心に、要件整理からUI、バックエンド、データベース、インフラまで横断して開発しています。複雑な業務や情報を整理し、利用者が扱いやすい形へ落とし込むことを大切にしています。
02/CAREER EVOLUTION
キャリアの変遷
2023 – 2026
Enterprise / Web Application Development
Java / Spring Boot、Node.jsを用いたサーバーサイド開発および、SAP API Integrationを駆使した企業システム連携。Workflow開発、Low-Code / No-Codeプラットフォームを活用したマスタ申請承認フローのシステム化。
2021 – 2023
Web / Application Development(長期インターン)
Python / DjangoおよびReactを用いたフルスタック開発。REST APIの設計・構築から、フロントエンド連携UIの実装を経験。Web開発の基礎から一貫したプロダクト開発の知見を養う。
03/SKILL INVENTORY
保有スキル・技術スタック
Frontend
業務Webアプリケーションを中心に、入力フォーム、一覧画面、状態管理、利用者に合わせたUIを設計・実装します。
Backend
業務ロジックの整理と連携を重視し、REST APIや認証・データ処理、保守しやすい構成を設計します。
API / Integration
複数のサービスや業務システムをつなぎ、入力から後続処理までの流れを一貫して設計します。
Workflow / Automation
会計や受発注、組織内の承認フローを業務文脈から整理し、適切な自動化手段へ落とし込みます。
Infrastructure
Cloudflareを用いたエッジコンピューティングやAWS、コンテナを用いたサービス運用を経験しています。
Design / AI
人間が使う情報設計から、OpenAI APIや生成系技術の活用まで、プロダクトの品質と開発速度を両立します。
04/SELECTED WORK
制作実績・プロジェクト
PROFESSIONALTypescript / React / PostgreSQL / AWS
BtoB System
企業向けシステム。要件定義、設計、出荷まで一連の社内プロセスをWeb上で一元管理可能にする業務アプリケーション。
ROLE: 詳細設計、UI/UX設計、フロントエンド、API設計、DB設計、インフラ
FOCUS: 業務フローの整理と、現場が迷わず使える画面設計
PROFESSIONAL非公開
虐待発見サービス
理解・発注・支援につながるWebサービス。センシティブな課題を扱うため、計画面でも言葉に配慮できる入り口を設計しています。
ROLE: 詳細設計、フロントエンド、バックエンド、インフラ構築
FOCUS: 利用者が安心して次の行動へ進める情報設計
PERSONALIN PROGRESSElixir / SQLite / Phoenix
Health Status Sharing
体調や気分を記録・共有するための個人開発。独自のダッシュボード形式で他者やチームへ安全に伝えられる仕組みをつくっています。
FOCUS: 入力負荷を減らし、直感的なグラフィックで状態を伝える
PROBLEM: コンテキストの異なる各個人へ、個人のコンディションを正しく伝える
PERSONALAstro / Cloudflare / MDX
Umalのてくてくブログ
現在開発している個人開発・技術ブログ。ポートフォリオと記事をひとつの場にまとめ、設計から運用までを継続的に改善しています。
FOCUS: Content-first、Static-first、高速表示、インフォメーション設計
YOU'RE LOOKING AT IT.
05/HOW I BUILD
開発における思考とアプローチ
01START FROM THE PROBLEM
技術の選定から考えるのではなく、まず「誰が何に困っているのか」「目的は何か」を徹底的にヒアリングし、情報構造を整理します。
02DESIGN THE FLOW
業務やデータの流れを可視化。紙やUI上でフロー図に起こしてから、具体的な画面・API設計・スキーマ設計へとブレイクダウンします。
03CHOOSE THE OPTIMAL TOOL
コードを書くことのみをゴールとしません。要件に応じて、フルスクラッチWeb開発からSaaS連携、Low-Codeワークフローまで最もROIの高い手段を決定します。
04CO-BUILD WITH AI
単なるコード生成に留まらず、設計案の壁打ちやレビュー、多様なアプローチの評価としてLLMを利用。開発速度と多角的な視点の維持を両立します。
05HUMAN DECISION & EVOLUTION
最終仕様やコードクオリティの決定責任は、人間（自分）にあります。一度デプロイして終わりではなく、運用状態を観察しながら常に改善を続けます。
06 / CREDENTIALS
語学・保有資格
LANGUAGE
TOEIC L&R 855英語ドキュメント・仕様書の精読および海外連携チームとのテキストコミュニケーションが可能です。SAP CERTIFICATIONS
07 / CONTACT