Business Accounts基盤・SDK
SDKの初期設計、共有パッケージ、開発ツールを担当。暫定チームリードとして、チームを横断した導入も支援しました。
- React
- TypeScript
- Module Federation
採用・フリーランス・技術相談を受付中
Webアプリとデザインシステム、チームを支える共通基盤をつくります。
クアラルンプールを拠点とするフロントエンドエンジニアです。Xsollaで基盤の技術責任と暫定チームリードを経験し、共通SDK、Web・モバイルのデザインシステム、プロダクトチームを支える開発ツールに取り組んでいます。
クアラルンプール、オーストラリア、日本をはじめ、世界各地でのエンジニアとしてのキャリアの機会を探しています。
約6か月
暫定チームリードの経験
卒業生5名
Xsolla Schoolで指導
Web + Native
デザインシステムの対応範囲
実績
プロジェクト、担当した役割、提供した成果をご紹介します。各プロジェクトのページで詳細をご覧いただけます。
Xsollaでの実績
共通基盤、プロダクト開発、チームを支える役割。
Publisher Account
後継基盤の開発と並行して、既存のパブリッシャー向け製品を保守・改善。業務画面、RBAC準備、障害調査、サポートを担当しました。
- React 16.14
- React Router v4
- TypeScript
XUIデザインシステム
React・React Native共通のUI基盤、デザイントークン、開発者向け文書を整備。初期のプロジェクトリードから継続的な保守まで担当しています。
- React
- React Native
- TypeScript
個人開発
企画から開発・公開まで手がけたプロダクト。
InspectorGecko
CoinGeckoのデータを使った市場スクリーニング、ウォッチリスト、AIによる調査支援。
- Next.js
- TypeScript
- Tailwind CSS
インタラクティブ・ポートフォリオ
5つのストーリー拠点と釣り池を備えた、遊びながら読めるポートフォリオ。通常のサイトと自由に行き来できます。
- Next.js
- React
- TypeScript
フリーランス・技術相談
お手伝いできること
初めてのWebサイトから、複数のプロダクトを支える基盤まで。課題、成果物、引き継ぎ内容を確認してから開発を始めます。
01
Webサイト・アプリ
利用者にとってわかりやすく、チームが継続して運用できるプロダクトをつくります。
- Webサイト・Webアプリ
- 企業サイト、ダッシュボード、業務システムを、レスポンシブなUI設計から外部連携、引き継ぎまで支援します。
- React Nativeアプリ
- モバイルUIと各機能をつなぐ体験を開発します。バックエンド開発やストア申請の範囲は事前に相談して決定します。
- 公開・保守運用
- ドメイン設定、自動デプロイ、監視、継続的な更新に対応。必要に応じてCloudflareやNetlifyを活用します。
02
フロントエンド基盤
プロダクトチームが同じ機能をつくり直さずに開発を進められる、共通基盤を整えます。
- React・React Nativeのデザインシステム
- デザイントークン、アクセシブルなコンポーネント、Web・モバイルの共通基盤、ドキュメント、導入計画を整備します。
- SDK・ライブラリ開発
- 型付きAPI、導入例、npmやプライベートレジストリへの公開、バージョン管理、リリース自動化に対応します。
- マイクロフロントエンド設計
- WebpackのModule Federation、共有依存関係の設計、段階的な移行を通じて、チームごとの独立したリリースを支援します。
03
インタラクティブな体験
訪問者が探索し、学び、ストーリーに触れたくなる体験をつくります。
- インタラクティブな3Dサイト
- 遊びながら探索できるワールドを制作。モバイル操作と、コンテンツへ直接アクセスできる導線を備えます。
- 地域・観光地の探索体験
- 地理情報、地域のストーリー、訪問者の移動体験を軸に、目的を絞ったプロトタイプを設計します。
- 学習ゲーム
- 対象者と学習目標を明確にし、わかりやすいフィードバックを備えた短い体験を開発します。
技術スキル
長く使えるシステムのための技術選定
本番システムには実績のある技術を選びます。チームが一貫性を保ちながら開発を加速できるよう、基盤や開発ツールも整備します。
フロントエンド・UI
フレームワーク、言語、スタイリング、拡張しやすいUI設計。
- HTML
- CSS
- JavaScript
- JavaScript (ES6+)
- TypeScript
- React
- React 16/18連携
- Next.js
- React Native
- Expo
- Tailwind CSS
- Styled Components
- Framer Motion
- CSS設計
- Redux
- Zustand
- Axios
- Module Federation
- Webpack
- マイクロフロントエンド設計
- 薄いホスト構成の設計
- デザインシステム
- コンポーネントライブラリ
- Storybook
- デザイントークンの変換基盤
- コンポーネントAPI設計
バックエンド・API・データ
サービス連携、SQL・ドキュメントストアを使ったデータ永続化。
- Node.js
- Express
- REST API
- BFF
- Strapi
- Supabase
- Symfony
- PostgreSQL
- Prisma
- MongoDB
- SQL
- Python
- Go
- 外部サービス連携
- 分析基盤の連携
- TanStack Query
- RBAC設計
- ドメイン間認証
プラットフォーム・開発者体験・リリース
共有パッケージ、リリースフロー、可観測性、本番環境への導入。
- モノレポ設計
- pnpm
- Turborepo
- Changesets
- 開発者向けツール
- CLIツール
- MCPサーバー
- AIエージェントキット
- npmパッケージ公開
- Docker
- Kubernetes
- GitLab CI/CD
- Vercel
- Cloudflare
- Netlify
- Datadog RUM / APM
- ELK
- OpenTelemetry
- Xsolla Metrika
- パフォーマンス最適化
品質・チーム連携
テスト、検証、デザインの引き継ぎ、チームの開発支援。
- Playwright
- Jest
- React Testing Library
- Zod
- Figma
- Git
- Jira
- メンタリング・技術教育
- 技術計画・開発方針の整備
- 障害の切り分け
- チーム間の調整
職務経歴
開発・リーダーシップの経験
プロダクト開発、プラットフォームの技術責任、プロジェクト推進、現場での技術支援に携わってきました。
フロントエンドエンジニア
Xsolla
2024年1月〜現在
Publisher Accountの開発からSDKの初期設計・Core SDKの技術責任へと担当を拡大。約6か月間BAPの暫定チームリードを務め、卒業生5名の指導と海外チームの開発支援を担当しました。現在も基盤ツール、リリース、可観測性に加え、Publisher Accountと共通UI Kitの保守に携わっています。
プロジェクトエンジニア
Interstate Solutions Sdn. Bhd.
2019年7月〜2023年3月
計画から納品までエンジニアリングプロジェクトを管理。関係者との調整、進捗報告、課題解決を通じて、品質とスケジュールを維持しました。
テクニカルサポートエンジニア
Security Marketing Sdn. Bhd.
2018年6月〜2019年6月
企業向けシステムの技術サポート、障害対応、顧客トレーニング、導入後の支援を担当しました。
フリーランス料金表（マレーシアリンギット）
Web制作の参考料金
デザイン、フロントエンド開発、外部連携、公開、引き継ぎを含む参考料金です。最終金額は、作業範囲、納期、素材の準備状況、バックエンドの複雑さに応じて決まります。
Webサイト制作期間の目安
範囲が確定したWebサイトは1〜4週間が目安です。アプリやプラットフォームの納期は別途相談します。
ランディングページ
キャンペーン、プロフィール、サービス、小規模事業向けの、使いやすい1ページサイト。
RM 2,500+
- レスポンシブデザイン・実装
- コンテンツ、ギャラリー、問い合わせ導線
- 基本的なSEO・パフォーマンス確認
- 公開サポート
企業・事業サイト
情報を整理し、事業への信頼が伝わる構成に整えるWebサイト。
おすすめ
RM 4,500+
- 主要ページまたはセクションを最大5つ制作
- 問い合わせフォーム・WhatsAppへの導線
- CMS導入またはコンテンツ更新の案内
- アクセス解析の設定
カスタムWebアプリ
独自の業務ロジック、ダッシュボード、認証、外部連携、データ処理を備えたアプリ。
RM 7,500+
- プロダクト企画・UI設計
- 再利用可能なReactコンポーネント
- API・外部サービス連携
- テスト・引き継ぎ資料
デザインシステム、SDK、モバイルアプリ、体験型コンテンツもご相談ください
対象プラットフォーム、外部連携、成果物、リリース手順、必要なサポートを確認し、個別にお見積もりします。
旅行・予約・問い合わせサイト：RM 3,500〜
フロントエンド開発の日額：RM 650／日
保守・小規模な更新：RM 350／月〜
お仕事・採用のご相談
Webアプリ、プラットフォーム、デザインシステムの開発をお考えですか？
現在の課題やプロダクトのアイデアをお聞かせください。実現に向けた具体的な計画づくりからお手伝いします。