プロダクトデザイナー & フロントエンド開発者

Ideas to Reality,
Pixels to Code.

こんにちは、HJMakesです。
ユーザー体験を最優先に考え、クリーンなデザインと堅牢なコードで価値のあるプロダクトを作ります。複雑な問題をシンプルで美しく解決する過程そのものを楽しんでいます。

コアコンピテンシー

急速に変化するウェブトレンドに合わせて継続的に学習し成長しています。主に使用する技術スタックとツールです。

フロントエンド開発

ReactNext.jsTypeScriptMaterial UIReact QueryZustand

モバイルアプリ

React NativeiOS & AndroidApp Deployment

UI/UXデザイン

FigmaPrototypingDesign Systems

バックエンド基礎

NestJSPrismaSupabaseDrizzleAWSStripe

注目の作品

最近集中しているプロジェクトです。

Monovoca
Monovoca
1日1単語、負担のない言語学習習慣

学習負担を最小限にするため、「1日1単語」という制約を設けました。プッシュ通知と反復学習ロジックを通じて自然な暗記を促し、滑らかなアニメーションとクリーンなUIで使いやすさを向上させました。

React Native
TypeScript
Supabase
Figma
業務支援システム
業務効率化のための管理システム

ReactとMaterial UIを活用した業務支援システムのフロントエンド開発を担当しました。CRUD処理、検索・フィルタリング、PDF生成、スケジュール管理、在庫管理、WebSocketを利用したリアルタイムチャット機能を実装しました。

React
Material UI
ECサイト・モバイルアプリ
Eコマースプラットフォームの運用・保守

ReactとReact Nativeを使用したECサイトおよびモバイルアプリのフロントエンド開発を担当しました。定期購入機能、Amazon Pay/PayPay/Google Pay/Apple Pay決済連携、ReduxからReact QueryとZustandへの状態管理リファクタリング、管理者QRコードクーポン発行機能を実装しました。

React
React Native
React Query
Zustand
双子の親向けコミュニティアプリ
コミュニティベースのモバイルアプリ(一人開発)

要件定義から設計、iOS/Androidアプリ開発、リリースまで全工程を一人で担当しました。SNS機能(トークおよび画像投稿)、Stripeを用いたオンラインショップ、地域と連携したSOS通知機能を実装しました。

React Native
Supabase
Drizzle
Stripe
不動産業界向け土地分割システム
不動産業界専用管理システム(バックエンド)

NestJSとPrismaを使用したバックエンド開発を担当しました。ログイン・会員登録、Stripe決済、お問い合わせ対応および決済完了時のWelcomeメール送信、企業単位でのユーザー管理、平面図データのCRUD機能を実装しました。AWS環境構築・デプロイ、同時ログインデバイス制限機能(最大3台)を設計しました。

NestJS
Prisma
AWS
Stripe
工務店向けコーポレートサイト
コーポレートサイトの企画・開発(一人開発)

Next.jsを活用したフロントエンド開発を担当しました。要件整理から構成設計、データ設計まで含めた全工程を一人で担当しました。トップページ、サービス紹介、施工事例、会社紹介、レビュー表示、お問い合わせフォームなどを実装しました。SEOを意識した設計とレスポンシブ対応を適用しました。

Next.js
TypeScript

経験

様々な環境での経験を通じて、
問題解決能力と協力スキルを培ってきました。

システムエンジニア

2024年4月 - 現在

WONQ株式会社

システム開発部において、フロントエンドおよびバックエンド開発を担当しました。React、React Native、Next.js、NestJS、Prismaなどの技術スタックを活用し、計7件のプロジェクトを担当しました。要件定義から設計、実装、テスト、リリースまでの全工程を一人で担当した経験があり、現在はそのうち4件のプロジェクトを継続して担当しています。

主要プロジェクト:
• 業務支援システムの開発・運用(フロントエンド)
• ECサイト・モバイルアプリの運用・保守
• 不動産業界向け土地分割システムの開発(バックエンド)
• 工務店向けコーポレートサイトの企画・開発(フルスタック、一人開発)
• 双子の親向けコミュニティアプリの企画・開発(フルスタック、一人開発)