Zenn••3分
わずか3コマンド？で作るReact Components
Claude MCP、Figma、shadcn/uiを活用して、タイトな納期に対応するカスタムReactコンポーネントの効率的な構築方法を紹介します。
- Figma
- React
- Tailwind CSS
- shadcn/ui
- Claude
👋はじめまして、三井貴洋です。 私はフルスタックエンジニア として4年の実績があります。 私はウェブアプリケーション開発に情熱を注いでいます。. 私の専門はPython (FastAPI/Flask)とTypescript/JavaScript (Next.js/React/Node.js/NestJS)です。
私について
東京医科歯科大学の分子生物学の修士号を取得した後、プログラミングへの情熱に従ってドイツに移住しました。CODE University of Applied Sciences（ドイツの大学）では、3つのプロジェクトに積極的に参加し、2社（ドイツ）にて学生エンジニアとして働きました。卒業後、ドイツのスタートアップ（Luup Systems GmbH）でフルタイムのソフトウェアエンジニアとして働きました。 Luupでの経験を経て、日本に戻り、現在は株式会社エアークローゼットでフルスタックデベロッパーとして新規プロジェクトのリードと貢献を行っています。 私はプログラミングを使って問題解決をすることに情熱をもっており、ユーザーまたは企業の抱える問題をアプリケーションという形で届けることにやりがいを感じています。私の主な技術スタックは FastAPI, Flask, Node.js, NestJs, Next.js, React, PostgreSQLです。得意な言語はTypeScriptとPythonです。新しい技術習にも積極的に常に積極的に取り組んでいます。現在、
プログラミングをしていない時はボルダリングやクライミングに熱中しています。
経歴
フルスタックエンジニア
株式会社エアークローゼット - 東京、日本
フルスタックエンジニアとして、レンタルファッションサービスの開発に携わっています。また、新規サービスをリードエンジニアとして立ち上げ、技術的な方向性を決定し、チームを指導しています。
2025 - 現在フルスタックエンジニア
Luup Systems - ベルリン、ドイツ
フルスタックエンジニアとして、EU企業持続可能性報告指令（CSRD）のためのAI統合Webアプリケーションの開発に携わりました。Angular、SolidJS、gRPCを活用してパフォーマンスを最適化し、ユーザー体験を向上させました。
2024大学卒業
CODE University of Applied Sciences - ベルリン、ドイツ
ソフトウェアエンジニアリングを4年間学び、卒業しました。
2024フルスタックエンジニア
Face The Facts - ベルリン、ドイツ
3年間、フルスタックエンジニアとして働きました。政治家のポスターをスキャンすることで、その政治家の過去の投票行動や履歴書などの情報を表示するモバイルアプリです。
2021 - 2024フルスタックエンジニア
Siemens Mobility - ベルリン、ドイツ
6ヶ月間フルスタックエンジニアとして働きました。FlaskとPostgreSQLを使用してGraphQL APIをゼロから開発しました。このプロジェクトでは、Microsoft Azure ADを使用した認証・認可プロトコルを実装し、機械学習モデルをバックエンドサーバーに統合しました。
2023フロントエンドエンジニア
Foundamental - ベルリン、ドイツ
5ヶ月間フロントエンドエンジニアとして働きました。Next.js、Typescriptを使用して社内Webアプリケーションを開発し、GraphQL APIをApollo Serverと統合しました。
2022プロジェクト
Face The Facts
3年間フルスタックエンジニアとして貢献し、政治家のポスターをスキャンすることで、その政治家の過去の投票行動や履歴書などの情報を表示するモバイルアプリ開発しました。
- Python
- FastAPI
- PostgreSQL
- Docker
- AWS
- Redis Pub/Sub
- Typescript
- React
Geospatial ML
機械学習エンジニアとして貢献したプロジェクトで衛星画像のセマンティックセグメンテーションのための畳み込みニューラルネットワーク（U-Net）を開発しました。
- Python
- TensorFlow
- Matplotlib
- Jupyter
- Google Colab
- OpenCV
CRAC/Warhol
DevOpsエンジニアとスマートコントラクトエンジニアの両方として貢献したプロジェクトは、NFT（非代替性トークン）技術を通じたソーシャルメディアでの広告システムを開発しました。
- DigitalOcean
- NGINX
- PostgreSQL
- Node.js
Rust DNA Converter
個人のプロジェクトでDNA配列をRNA配列に変換し、アミノ酸配列に翻訳するDNAコンバーターを作成しました。すべてのコードはRustで書かれています。
- Rust
私のブログ投稿
開発から得た知見
プログラミングスキル
- HTML
- CSS
- Python
- JavaScript
- TypeScript
- Go
- Rust
- Flask
- FastAPI
- Node.js
- NestJS
- React
- Next.js
- Angular
- SolidJS
- Git
- Tailwind
- Prisma
- PostgreSQL
- MongoDB
- GraphQL
- Apollo
- Express
- schadcn/ui
- Material-UI
- Microsoft Azure
- AWS
- DigitalOcean
- NGINX
- Docker
- Redis Pub/Sub
- TensorFlow
- Matplotlib
- Google Colab
- OpenCV