AWS × Web Application Engineer

Web プロダクトを、
フロントエンドから AWS まで。

新規開発だけでなく、既存サービスのリファクタリング・テスト整備・AWS 環境の改善まで対応します。設計・実装・運用を分断せず、長く改善し続けられる Web プロダクトづくりを支援します。

Next.js / React / TypeScript / Python / AWS

開発の相談をする →実績を見る

本業のかたわらで、Web プロダクトの開発・改善のご相談を受け付けています。稼働に限りがあるため、内容や時期によってはお受けできないことがあります。

✓Web・クラウド 7 年、組込み 4 年
✓AWS 認定 SAA / 応用情報技術者
✓設計からテスト・運用まで一貫
✓個人開発を公開して運用中

What I Do / できること

できること

一つの Web サービスを、画面からクラウドまで通して見られるのが強みです。

Web Application Development

Next.js / React / TypeScript のフロントエンドから、Python のバックエンドまで。API 連携を含めた Web アプリケーションの設計と実装に対応します。

AWS / Cloud Architecture

Lambda・RDS・DynamoDB・IAM・CDK を使った AWS 環境の設計・構築・改善。アプリケーションだけでなく、クラウド側まで一貫して対応します。

品質・開発プロセス改善

既存コードのリファクタリング、ユニット・統合・E2E テストの整備、CI/CD の改善。動いているサービスを壊さず、継続的に変更しやすい状態へ近づけます。

Engineering Cases / 技術事例

仕事で解いてきた課題

本業のプロダクト開発から、担当した技術課題を匿名化して紹介します。守秘のため案件の詳細やリンクは載せていません。

CASE 01

フロントエンドの共通化・保守性改善

課題: 複数の画面で同じような UI 実装が重複していた。
対応: 共通コンポーネントへ整理。既存画面のインターフェースと挙動を維持したまま、判別可能なユニオン型で型安全性を高め、回帰テストまで追加した。
結果: 型安全性を高め、保守性を改善した。

Next.jsReactTypeScriptJest

CASE 02

認証機能の E2E テスト強化

課題: 認証・セッション切替の回帰テストが、画面が表示されたかどうかの確認にとどまっていた。不安定なテストもあった。
対応: Playwright で実際のセッション状態まで検証するテストへ整備。不安定だったテストは原因を切り分けて解消した。
結果: 実際の不具合を検知できるテストとして機能するようになった。

Next.jsNextAuthPlaywrightE2E

CASE 03

AWS 上の非同期イベント処理

課題: イベントの再送や順序逆転が起きる前提で処理を設計する必要があった。
対応: データ整合性・失敗時の挙動・IAM・API 仕様・結合テストまで含めて実装し、運用時の挙動から逆算して設計した。
結果: 再送・順序逆転が起きても整合性を保てる処理として実装した。

PythonAWS LambdaDynamoDBOpenAPI

CASE 04

CI/CD・Infrastructure as Code の運用改善

課題: IaC の「差分がある」という正常な状態と、実行エラーという異常が区別されずに通知されていた。
対応: 正常系（差分あり）と異常系（実行エラー）を区別して通知する CI へ改善した。
結果: 開発チームが異常に気づきやすい運用環境になった。

AWS CDKGitHub ActionsCI/CD

Articles / 技術記事

書いたもの

実際に手を動かして詰まったところを Zenn に書いています。設計の判断と、捨てた選択肢まで残すようにしています。

記事の一覧を Zenn で見る

Skills / 技術スタック

使っている技術

本業の SaaS 開発と個人開発で実際に触っているものです。技術名の一覧ではなく、何を任せられるかで並べています。

フロントエンド・個人開発

UI の実装から静的サイトの構成まで、公開して運用できる形に持っていけます。

Next.js / ReactAstroTailwind CSSshadcn/uiZod構造化データ（JSON-LD）

本業の管理画面 / 個人開発の jimny-parts.com・このサイト

SaaS・API 開発

認証・課金を含む Web サービスを、API からデータ設計まで通してつくれます。

PythonTypeScriptFastAPIAWS LambdaREST API 設計（RFC 9457）PostgreSQL / MySQLPrisma責務分離・リポジトリパターン

本業のオフィス向け SaaS / 個人開発の portfolio-journal

AWS・クラウド基盤

インフラをコードで組み、DNS やメールまわりまで含めて運用・移設できます。

AWS CDK / CloudFormation（IaC）RDS / DynamoDBIAMAmplifyCloudflare Pages / VercelCloudflare DNSSPF / DKIM / DMARC

本業のインフラ構築 / 個人サイトの配信・ドメイン移管

品質・運用・撤退

テストと CI を整えるところから、サービスを終わらせる順序を引くところまで見ます。

pytest（ユニット・API）Playwright（E2E）VitestGitHub ActionsRuffサービス移行・撤退の順序設計

本業のテスト基盤整備 / 旧ブログの Zenn 移行と撤退

Personal Projects / 個人開発

個人開発

運用中の自作サービスと、業種別の制作デモです。企画から公開・運用まで一人で回しています。

すべて見る →

運用中 · Web アプリ

portfolio-journal — 投資判断ジャーナル

「なぜ買ったか」を買う前に記録して、後から答え合わせをする Web アプリ。認証・課金・レート制限・エラー監視まで入れて公開・運用しています。

課題: 「なぜ買ったか」は買った直後にしか思い出せず、証券会社の記録にも残らない。あとから自分の判断を検証できない。
担当: 企画 / 画面設計 / 実装 / インフラ / 運用（一人）
判断: 認証・課金・レート制限・エラー監視を公開前に揃えた。あとから足すと利用者のデータを触ることになるため。入口には入力をサーバーに送らないクライアント完結のツールを置き、本体へ導く構成にしている。
現在: 公開・運用中。記録と振り返りの機能を継続して改善している。

Next.jsTypeScriptPrismaPostgreSQL (Neon)StripeVercel

サイトを見る

運用中 · 比較・情報サイト

jimny-parts.com — パーツ装着総額の比較

ジムニー（JB64 / JB74 / JC74）用パーツを、本体価格ではなく塗装・加工まで含めた「装着総額」で比べられるサイト。8 カテゴリ・100 点超の商品データを JSON から静的生成し、公開後に人力更新が要らない設計にしています。適合情報は出典 URL と確認日を必ず持たせ、推測では載せません。

AstroTypeScriptZodVitestPlaywright

サイトを見る