境界を越える適応力と、細部へのこだわり。課題を根本から解決するプロダクトを創り抜く。
異文化が交差するカナダのカレッジで体系的に学んだComputer Scienceの強固な基礎と、プロの料理人として多国籍なチームで培った「泥臭く成果物を洗練させる」哲学。この2つが、私のエンジニアリングの根底にあります。
未知の環境や複雑な技術課題へ飛び込む適応力には自信があり、Udemy等のオンライン講座を通じた継続的な自己研鑽を日常としています。とくに昨今加速するAI技術の発展に対しては、日々のプライベートな時間の中で新たな生成AIツールを積極的に試用・探求しています。こうした好奇心ベースのキャッチアップが、Gemini APIの実装など、実務レベルでのアジャイルな統合へと繋がっています。
変化の激しいフロントエンド領域においても、単にトレンドを追うのではなく、アーキテクチャのトレードオフを見極めながら「ビジネス価値とユーザー体験を最大化する」システム構築を追求しています。
Experience
2026.06 - Present
生成AI駆動の多言語ブログシステム開発
個人開発 / 本ポートフォリオ
GitHubでアーキテクチャ詳細とAI実装を見るNext.js (App Router) をベースにフルスクラッチで構築した多言語ブログシステム。公開ページのUI多言語化には next-intl を採用しつつ、システムのコアとして Gemini API を統合し、オリジナル記事から多言語の記事を自動生成する仕組みを実装。単なる情報発信の場にとどまらず、モダン技術の実証実験やパフォーマンスチューニングを行うプラットフォームとして継続的に運用。
2025.04 - 2026.05
大規模新聞社向けシステムの刷新
フロントエンドエンジニア / メンター
ウォーターフォール開発による、旧システム（Java/JSP）からモダン環境への移行プロジェクト。既存のJavaコードを解析して処理の流れをシーケンス図として可視化し、複雑な業務仕様の明確化から詳細設計の策定までを推進。フロントエンド領域の実装およびテストを一貫して担当したほか、実際の運用環境におけるエラー調査や継続的な改修対応にも従事し、システムの安定稼働を担保。また、メンターとしてペアプログラミングを通じた技術支援や資料作成のサポートを行い、新人メンバーの自走とチーム全体の開発力底上げに貢献。
2024.04 - 2025.03
新規ECサイトの構築
フルスタックエンジニア
新規ECサイトの立ち上げプロジェクト。要件定義から設計、実装、運用までを専任で担当。バックエンドの規模が比較的小さかったため、Next.js (App Router) のRoute Handlersを活用してAPI群も内包し、一貫したアーキテクチャを構築。データベースには仕様変更に柔軟に対応できるMongoDBを採用。また、Stripe APIによるセキュアな決済基盤と、Resendを用いたトランザクショナルメール（購入完了・お問い合わせ）の自動送信を組み込み、短期間での安定稼働を実現。
2023.04 - 2024.03
ポートフォリオ作成プラットフォームの新規開発
ソフトウェアエンジニア
エンジニアやクリエイター向けポートフォリオ作成サービスの新規立ち上げプロジェクトに参画。チーム開発の実装フェーズにおいて、TypeScriptを軸としたバックエンド領域を主に担当。Express.jsを用いたAPIルーティングの設計と、各エンドポイント呼び出し時のビジネスロジック（コントローラー処理）の実装に注力。MongoDBを用いたCRUD処理を含む一連のAPI群を構築し、実務におけるモダンなWeb開発の基礎とチーム開発のフローを確立。
2022.01 - 2023.03
Computer Science および Web開発の体系化学習
Cornerstone International Community College of Canada (Vancouver, Canada)
英語環境下でCSの基礎理論からアルゴリズム、データ構造までを体系的に学習。JavaScript / TypeScript を軸とした実践的なカリキュラムを通じ、フロントエンド（React, Next.js）からバックエンド（Express.js, MySQL, MongoDB）まで、モダンなWeb開発技術を総合的に習得。また、多国籍なメンバーとのグループワークを通じて、言語や文化の壁を越えて論理的にコミュニケーションを取り、開発プロジェクトを推進する力を獲得。
2022.02 - 2023.03
料理人
Hyatt Regency Vancouver
カレッジでの学業と並行して勤務。異文化が交差する高圧的なキッチンの現場で、多国籍なチームと連携しながら一つの成果物を洗練させる経験を蓄積。この過酷な環境で磨かれたタイムマネジメント能力やコミュニケーション能力、そして細部にまで妥協せず品質を追求し、自分のこだわりを形にする姿勢は、現在のプロフェッショナルとしての価値観を支える確固たる礎となっている。
2026.06 - Present
生成AI駆動の多言語ブログシステム開発
個人開発 / 本ポートフォリオ
GitHubでアーキテクチャ詳細とAI実装を見るNext.js (App Router) をベースにフルスクラッチで構築した多言語ブログシステム。公開ページのUI多言語化には next-intl を採用しつつ、システムのコアとして Gemini API を統合し、オリジナル記事から多言語の記事を自動生成する仕組みを実装。単なる情報発信の場にとどまらず、モダン技術の実証実験やパフォーマンスチューニングを行うプラットフォームとして継続的に運用。
2025.04 - 2026.05
大規模新聞社向けシステムの刷新
フロントエンドエンジニア / メンター
ウォーターフォール開発による、旧システム（Java/JSP）からモダン環境への移行プロジェクト。既存のJavaコードを解析して処理の流れをシーケンス図として可視化し、複雑な業務仕様の明確化から詳細設計の策定までを推進。フロントエンド領域の実装およびテストを一貫して担当したほか、実際の運用環境におけるエラー調査や継続的な改修対応にも従事し、システムの安定稼働を担保。また、メンターとしてペアプログラミングを通じた技術支援や資料作成のサポートを行い、新人メンバーの自走とチーム全体の開発力底上げに貢献。
2024.04 - 2025.03
新規ECサイトの構築
フルスタックエンジニア
新規ECサイトの立ち上げプロジェクト。要件定義から設計、実装、運用までを専任で担当。バックエンドの規模が比較的小さかったため、Next.js (App Router) のRoute Handlersを活用してAPI群も内包し、一貫したアーキテクチャを構築。データベースには仕様変更に柔軟に対応できるMongoDBを採用。また、Stripe APIによるセキュアな決済基盤と、Resendを用いたトランザクショナルメール（購入完了・お問い合わせ）の自動送信を組み込み、短期間での安定稼働を実現。
2023.04 - 2024.03
ポートフォリオ作成プラットフォームの新規開発
ソフトウェアエンジニア
エンジニアやクリエイター向けポートフォリオ作成サービスの新規立ち上げプロジェクトに参画。チーム開発の実装フェーズにおいて、TypeScriptを軸としたバックエンド領域を主に担当。Express.jsを用いたAPIルーティングの設計と、各エンドポイント呼び出し時のビジネスロジック（コントローラー処理）の実装に注力。MongoDBを用いたCRUD処理を含む一連のAPI群を構築し、実務におけるモダンなWeb開発の基礎とチーム開発のフローを確立。
2022.01 - 2023.03
Computer Science および Web開発の体系化学習
Cornerstone International Community College of Canada (Vancouver, Canada)
英語環境下でCSの基礎理論からアルゴリズム、データ構造までを体系的に学習。JavaScript / TypeScript を軸とした実践的なカリキュラムを通じ、フロントエンド（React, Next.js）からバックエンド（Express.js, MySQL, MongoDB）まで、モダンなWeb開発技術を総合的に習得。また、多国籍なメンバーとのグループワークを通じて、言語や文化の壁を越えて論理的にコミュニケーションを取り、開発プロジェクトを推進する力を獲得。
2022.02 - 2023.03
料理人
Hyatt Regency Vancouver
カレッジでの学業と並行して勤務。異文化が交差する高圧的なキッチンの現場で、多国籍なチームと連携しながら一つの成果物を洗練させる経験を蓄積。この過酷な環境で磨かれたタイムマネジメント能力やコミュニケーション能力、そして細部にまで妥協せず品質を追求し、自分のこだわりを形にする姿勢は、現在のプロフェッショナルとしての価値観を支える確固たる礎となっている。
Tech Stack & Tools
Languages
TypeScript
なぜ TypeScript を選んだのか？型安全性の担保による保守性向上と、開発者体験（DX）の最大化のため。
JavaScript
なぜ JavaScript を選んだのか？Web標準の深い理解をベースに、フレームワークに依存しない柔軟な実装を行うため。
Frontend
React
なぜ React を選んだのか？豊富なエコシステムと、コンポーネント指向による高い再利用性を評価して採用。
Next.js
なぜ Next.js を選んだのか？App Routerの恩恵（初期表示の高速化・SEO対策）と、柔軟なレンダリング戦略のため。
Tailwind CSS
なぜ Tailwind CSS を選んだのか？コンポーネントとスタイルの距離をゼロにし、高速なUI実装と一貫性を両立するため。
Material-UI
なぜ Material-UI を選んだのか？堅牢なコンポーネント群により、管理画面などの開発スピードを劇的に高めるため。
Z
Zustandなぜ Zustand を選んだのか？React Context特有の不要な再レンダリングを回避し、軽量かつシンプルに状態を管理するため。
Redux
なぜ Redux を選んだのか？大規模アプリケーションにおいて、予測可能で単一のグローバルな状態管理ツリーを構築するため。
Formik
なぜ Formik を選んだのか？複雑なフォームのバリデーションや状態管理を、少ないボイラープレートで堅牢に実装するため。
n
next-intlなぜ next-intl を選んだのか？App Routerとの親和性が高く、URLベースのクリーンな多言語ルーティングを実装するため。
T
Tiptapなぜ Tiptap を選んだのか？ヘッドレスで柔軟性が高く、カスタマイズ性に優れたリッチテキストエディタを実装するため。
Axios
なぜ Axios を選んだのか？インターセプターを用いたグローバルなエラーハンドリングや、認証トークン付与を簡略化するため。
Backend & Database
Node.js
なぜ Node.js を選んだのか？フロントエンドと同じTypeScriptでバックエンドも記述し、コンテキストスイッチをなくすため。
Express
なぜ Express を選んだのか？軽量で柔軟性が高く、ミドルウェアを用いた素早いAPI構築が可能なため。
PostgreSQL
なぜ PostgreSQL を選んだのか？複雑なクエリやトランザクション処理に対する高い信頼性と、データ操作の柔軟性のため。
MongoDB
なぜ MongoDB を選んだのか？商品データなどの変動しやすい要件に対し、スキーマレスな柔軟性を活かして高速なイテレーションを回すため。
Prisma
なぜ Prisma を選んだのか？型安全なORMとしてTypeScriptとの親和性が極めて高く、直感的なスキーマ管理ができるため。
AI & External Services
Gemini API
なぜ Gemini API を選んだのか？最新の生成AIを活用し、高度な自然言語処理を高速かつ低コストでプロダクトに組み込むため。
Stripe
なぜ Stripe を選んだのか？開発者体験（DX）に優れたAPIと充実したWebhooksを備え、Next.js環境へセキュアなクレジットカード決済基盤を短期間で組み込むため。
Resend
なぜ Resend を選んだのか？Next.jsやReact Emailとの親和性が極めて高く、開発者フレンドリーなAPIを用いてトランザクショナルメールを確実かつ迅速に配信するため。
Tools & Infrastructure
Docker
なぜ Docker を選んだのか？環境への依存をなくし、開発から本番まで「どこでも動く」一貫したコンテナ環境を構築するため。
GitHub
なぜ GitHub を選んだのか？強力なバージョン管理と、Actionsを用いたシームレスなCI/CDパイプライン構築のため。
Jira
なぜ Jira を選んだのか？アジャイル開発におけるスプリント管理と、タスクの可視化によるチーム開発の効率化のため。
Slack
なぜ Slack を選んだのか？非同期コミュニケーションの基盤として、各種通知やBot連携を統合し情報の透明性を保つため。
Figma
なぜ Figma を選んだのか？デザイナーとの協業を前提とした、シームレスなUI/UXプロトタイピングとデザインシステム管理のため。
主な関心領域
TypeScript
React / Next.js
PostgreSQL / Prisma
生成AI
筋トレ
ボディビル
料理
ピアノ
海外旅行
Tech Stack & Tools
Languages
TypeScript
なぜ TypeScript を選んだのか？型安全性の担保による保守性向上と、開発者体験（DX）の最大化のため。
JavaScript
なぜ JavaScript を選んだのか？Web標準の深い理解をベースに、フレームワークに依存しない柔軟な実装を行うため。
Frontend
React
なぜ React を選んだのか？豊富なエコシステムと、コンポーネント指向による高い再利用性を評価して採用。
Next.js
なぜ Next.js を選んだのか？App Routerの恩恵（初期表示の高速化・SEO対策）と、柔軟なレンダリング戦略のため。
Tailwind CSS
なぜ Tailwind CSS を選んだのか？コンポーネントとスタイルの距離をゼロにし、高速なUI実装と一貫性を両立するため。
Material-UI
なぜ Material-UI を選んだのか？堅牢なコンポーネント群により、管理画面などの開発スピードを劇的に高めるため。
Z
Zustandなぜ Zustand を選んだのか？React Context特有の不要な再レンダリングを回避し、軽量かつシンプルに状態を管理するため。
Redux
なぜ Redux を選んだのか？大規模アプリケーションにおいて、予測可能で単一のグローバルな状態管理ツリーを構築するため。
Formik
なぜ Formik を選んだのか？複雑なフォームのバリデーションや状態管理を、少ないボイラープレートで堅牢に実装するため。
n
next-intlなぜ next-intl を選んだのか？App Routerとの親和性が高く、URLベースのクリーンな多言語ルーティングを実装するため。
T
Tiptapなぜ Tiptap を選んだのか？ヘッドレスで柔軟性が高く、カスタマイズ性に優れたリッチテキストエディタを実装するため。
Axios
なぜ Axios を選んだのか？インターセプターを用いたグローバルなエラーハンドリングや、認証トークン付与を簡略化するため。
Backend & Database
Node.js
なぜ Node.js を選んだのか？フロントエンドと同じTypeScriptでバックエンドも記述し、コンテキストスイッチをなくすため。
Express
なぜ Express を選んだのか？軽量で柔軟性が高く、ミドルウェアを用いた素早いAPI構築が可能なため。
PostgreSQL
なぜ PostgreSQL を選んだのか？複雑なクエリやトランザクション処理に対する高い信頼性と、データ操作の柔軟性のため。
MongoDB
なぜ MongoDB を選んだのか？商品データなどの変動しやすい要件に対し、スキーマレスな柔軟性を活かして高速なイテレーションを回すため。
Prisma
なぜ Prisma を選んだのか？型安全なORMとしてTypeScriptとの親和性が極めて高く、直感的なスキーマ管理ができるため。
AI & External Services
Gemini API
なぜ Gemini API を選んだのか？最新の生成AIを活用し、高度な自然言語処理を高速かつ低コストでプロダクトに組み込むため。
Stripe
なぜ Stripe を選んだのか？開発者体験（DX）に優れたAPIと充実したWebhooksを備え、Next.js環境へセキュアなクレジットカード決済基盤を短期間で組み込むため。
Resend
なぜ Resend を選んだのか？Next.jsやReact Emailとの親和性が極めて高く、開発者フレンドリーなAPIを用いてトランザクショナルメールを確実かつ迅速に配信するため。
Tools & Infrastructure
Docker
なぜ Docker を選んだのか？環境への依存をなくし、開発から本番まで「どこでも動く」一貫したコンテナ環境を構築するため。
GitHub
なぜ GitHub を選んだのか？強力なバージョン管理と、Actionsを用いたシームレスなCI/CDパイプライン構築のため。
Jira
なぜ Jira を選んだのか？アジャイル開発におけるスプリント管理と、タスクの可視化によるチーム開発の効率化のため。
Slack
なぜ Slack を選んだのか？非同期コミュニケーションの基盤として、各種通知やBot連携を統合し情報の透明性を保つため。
Figma
なぜ Figma を選んだのか？デザイナーとの協業を前提とした、シームレスなUI/UXプロトタイピングとデザインシステム管理のため。
主な関心領域
TypeScript
React / Next.js
PostgreSQL / Prisma
生成AI
筋トレ
ボディビル
料理
ピアノ
海外旅行
境界を越える適応力と、細部へのこだわり。課題を根本から解決するプロダクトを創り抜く。
異文化が交差するカナダのカレッジで体系的に学んだComputer Scienceの強固な基礎と、プロの料理人として多国籍なチームで培った「泥臭く成果物を洗練させる」哲学。この2つが、私のエンジニアリングの根底にあります。
未知の環境や複雑な技術課題へ飛び込む適応力には自信があり、Udemy等のオンライン講座を通じた継続的な自己研鑽を日常としています。とくに昨今加速するAI技術の発展に対しては、日々のプライベートな時間の中で新たな生成AIツールを積極的に試用・探求しています。こうした好奇心ベースのキャッチアップが、Gemini APIの実装など、実務レベルでのアジャイルな統合へと繋がっています。
変化の激しいフロントエンド領域においても、単にトレンドを追うのではなく、アーキテクチャのトレードオフを見極めながら「ビジネス価値とユーザー体験を最大化する」システム構築を追求しています。
Experience
2026.06 - Present
生成AI駆動の多言語ブログシステム開発
個人開発 / 本ポートフォリオ
GitHubでアーキテクチャ詳細とAI実装を見るNext.js (App Router) をベースにフルスクラッチで構築した多言語ブログシステム。公開ページのUI多言語化には next-intl を採用しつつ、システムのコアとして Gemini API を統合し、オリジナル記事から多言語の記事を自動生成する仕組みを実装。単なる情報発信の場にとどまらず、モダン技術の実証実験やパフォーマンスチューニングを行うプラットフォームとして継続的に運用。
2025.04 - 2026.05
大規模新聞社向けシステムの刷新
フロントエンドエンジニア / メンター
ウォーターフォール開発による、旧システム（Java/JSP）からモダン環境への移行プロジェクト。既存のJavaコードを解析して処理の流れをシーケンス図として可視化し、複雑な業務仕様の明確化から詳細設計の策定までを推進。フロントエンド領域の実装およびテストを一貫して担当したほか、実際の運用環境におけるエラー調査や継続的な改修対応にも従事し、システムの安定稼働を担保。また、メンターとしてペアプログラミングを通じた技術支援や資料作成のサポートを行い、新人メンバーの自走とチーム全体の開発力底上げに貢献。
2024.04 - 2025.03
新規ECサイトの構築
フルスタックエンジニア
新規ECサイトの立ち上げプロジェクト。要件定義から設計、実装、運用までを専任で担当。バックエンドの規模が比較的小さかったため、Next.js (App Router) のRoute Handlersを活用してAPI群も内包し、一貫したアーキテクチャを構築。データベースには仕様変更に柔軟に対応できるMongoDBを採用。また、Stripe APIによるセキュアな決済基盤と、Resendを用いたトランザクショナルメール（購入完了・お問い合わせ）の自動送信を組み込み、短期間での安定稼働を実現。
2023.04 - 2024.03
ポートフォリオ作成プラットフォームの新規開発
ソフトウェアエンジニア
エンジニアやクリエイター向けポートフォリオ作成サービスの新規立ち上げプロジェクトに参画。チーム開発の実装フェーズにおいて、TypeScriptを軸としたバックエンド領域を主に担当。Express.jsを用いたAPIルーティングの設計と、各エンドポイント呼び出し時のビジネスロジック（コントローラー処理）の実装に注力。MongoDBを用いたCRUD処理を含む一連のAPI群を構築し、実務におけるモダンなWeb開発の基礎とチーム開発のフローを確立。
2022.01 - 2023.03
Computer Science および Web開発の体系化学習
Cornerstone International Community College of Canada (Vancouver, Canada)
英語環境下でCSの基礎理論からアルゴリズム、データ構造までを体系的に学習。JavaScript / TypeScript を軸とした実践的なカリキュラムを通じ、フロントエンド（React, Next.js）からバックエンド（Express.js, MySQL, MongoDB）まで、モダンなWeb開発技術を総合的に習得。また、多国籍なメンバーとのグループワークを通じて、言語や文化の壁を越えて論理的にコミュニケーションを取り、開発プロジェクトを推進する力を獲得。
2022.02 - 2023.03
料理人
Hyatt Regency Vancouver
カレッジでの学業と並行して勤務。異文化が交差する高圧的なキッチンの現場で、多国籍なチームと連携しながら一つの成果物を洗練させる経験を蓄積。この過酷な環境で磨かれたタイムマネジメント能力やコミュニケーション能力、そして細部にまで妥協せず品質を追求し、自分のこだわりを形にする姿勢は、現在のプロフェッショナルとしての価値観を支える確固たる礎となっている。
2026.06 - Present
生成AI駆動の多言語ブログシステム開発
個人開発 / 本ポートフォリオ
GitHubでアーキテクチャ詳細とAI実装を見るNext.js (App Router) をベースにフルスクラッチで構築した多言語ブログシステム。公開ページのUI多言語化には next-intl を採用しつつ、システムのコアとして Gemini API を統合し、オリジナル記事から多言語の記事を自動生成する仕組みを実装。単なる情報発信の場にとどまらず、モダン技術の実証実験やパフォーマンスチューニングを行うプラットフォームとして継続的に運用。
2025.04 - 2026.05
大規模新聞社向けシステムの刷新
フロントエンドエンジニア / メンター
ウォーターフォール開発による、旧システム（Java/JSP）からモダン環境への移行プロジェクト。既存のJavaコードを解析して処理の流れをシーケンス図として可視化し、複雑な業務仕様の明確化から詳細設計の策定までを推進。フロントエンド領域の実装およびテストを一貫して担当したほか、実際の運用環境におけるエラー調査や継続的な改修対応にも従事し、システムの安定稼働を担保。また、メンターとしてペアプログラミングを通じた技術支援や資料作成のサポートを行い、新人メンバーの自走とチーム全体の開発力底上げに貢献。
2024.04 - 2025.03
新規ECサイトの構築
フルスタックエンジニア
新規ECサイトの立ち上げプロジェクト。要件定義から設計、実装、運用までを専任で担当。バックエンドの規模が比較的小さかったため、Next.js (App Router) のRoute Handlersを活用してAPI群も内包し、一貫したアーキテクチャを構築。データベースには仕様変更に柔軟に対応できるMongoDBを採用。また、Stripe APIによるセキュアな決済基盤と、Resendを用いたトランザクショナルメール（購入完了・お問い合わせ）の自動送信を組み込み、短期間での安定稼働を実現。
2023.04 - 2024.03
ポートフォリオ作成プラットフォームの新規開発
ソフトウェアエンジニア
エンジニアやクリエイター向けポートフォリオ作成サービスの新規立ち上げプロジェクトに参画。チーム開発の実装フェーズにおいて、TypeScriptを軸としたバックエンド領域を主に担当。Express.jsを用いたAPIルーティングの設計と、各エンドポイント呼び出し時のビジネスロジック（コントローラー処理）の実装に注力。MongoDBを用いたCRUD処理を含む一連のAPI群を構築し、実務におけるモダンなWeb開発の基礎とチーム開発のフローを確立。
2022.01 - 2023.03
Computer Science および Web開発の体系化学習
Cornerstone International Community College of Canada (Vancouver, Canada)
英語環境下でCSの基礎理論からアルゴリズム、データ構造までを体系的に学習。JavaScript / TypeScript を軸とした実践的なカリキュラムを通じ、フロントエンド（React, Next.js）からバックエンド（Express.js, MySQL, MongoDB）まで、モダンなWeb開発技術を総合的に習得。また、多国籍なメンバーとのグループワークを通じて、言語や文化の壁を越えて論理的にコミュニケーションを取り、開発プロジェクトを推進する力を獲得。
2022.02 - 2023.03
料理人
Hyatt Regency Vancouver
カレッジでの学業と並行して勤務。異文化が交差する高圧的なキッチンの現場で、多国籍なチームと連携しながら一つの成果物を洗練させる経験を蓄積。この過酷な環境で磨かれたタイムマネジメント能力やコミュニケーション能力、そして細部にまで妥協せず品質を追求し、自分のこだわりを形にする姿勢は、現在のプロフェッショナルとしての価値観を支える確固たる礎となっている。