Zhumei Song‘s CV

Appearance

Zhumei Song / ソウ　ジュウメイ ​

日本在住のソフトウェアエンジニア 🇯🇵

📌 サマリー ​

シニアフロントエンドエンジニア

10 年以上の経験を持ち、スケーラブルでユーザーフレンドリーなウェブアプリケーションの設計と構築を担当。

Front-End:

  • React の経験 9 年以上、TypeScript の経験 7 年以上
  • スケーラブルで保守性の高いフロントエンドアーキテクチャの設計に精通（モノレポ、マイクロフロントエンド、クリーンアーキテクチャなど）
  • クリーンなコードを書きながら、ユーザーフレンドリーなインターフェースを開発
  • ドメイン駆動設計（DDD）とデータモデリングの深い理解
  • パフォーマンス最適化の専門知識（ESM ツリーシェイキング、コード分割、レイジーローディング、画像最適化、LCP の改善など）
  • フロントエンドエンジニアリングのベストプラクティスの知識（Webpack、Vite、Eslint、型チェック、テスト、CI/CD など）

Back-End:

  • NestJSの実務経験3年以上
  • API（GraphQL、RESTful API）の構築に関する実務経験
  • フロントエンドアプリケーションとのシームレスな統合に精通
  • クリーンアーキテクチャおよびクリーンコードの原則に関する専門知識
  • イベント駆動アーキテクチャの経験

Product:

  • 投資家やステークホルダーへのアイデア提案の経験
  • 製品をゼロから1へと推進する経験（CPF、FPF、PSF、SPF、PMF）

Team:

  • チームプレーヤーとして、チームメンバー（プロダクトオーナー、デザイナー、バックエンドエンジニアなど）と協力して目標を達成
  • 設計から実装までプロジェクトの開発をリード
  • ジュニアエンジニアのメンタリング

🌈 スキル ​

Front-End:

Reactjavascripttypescriptvaltioreact querytailwindcssNext.jsstyled-componentsvitestorybookvitestplaywrightmonorepohtml5css3sassredux

Back-End:

Nest.jsnodejsApollo GraphQLGraphql federationrestful APIjestwebpackmongodbmongoosemonorepoOAuth2

DevOps & Deployment:

GitHub Actionssemantic releaseAWSDocker

Methodology & Architecture:

Clean architectureFunctional ProgrammingDeclarative ProgrammingDDDOODAgile Methodology

Others:

Self DrivenProblem SolvingTeam CollaborationCommunication

👩🏼‍💻 職務経歴 ​

ソフトウェアエンジニア @Atrae (2021.12 ~ · 3 年+)

Atrae は People Tech 分野の日本の IT 企業で、私は Wevox プロダクトチームの一員です。Wevoxは、組織の能力を向上させることを目的とした B2B SaaS ウェブサービスです。Wevox は 3,390 以上の組織に採用され、これまでに 2.83 億件以上の調査回答データを集めています。

React/Next.js/TailwindCSS/Jotai/Valtio/Immer/Nx Monorepo/TypeScript/NestJS/NodeJS/GraphQL/Restful API/Axios/Urql/Docker/AWS/GitHub Actions

  • フロントエンド側のモノリシックアプリからNxモノレポへの移行を主導し、複数の製品の独立した開発とデプロイを実現
  • ドメイン層とアプリケーション層をプレゼンターから分離することで、プレゼンターの肥大化問題を解決。これにより、変更範囲の管理が容易になり、テスト時に必要なモックメソッドの数が大幅に減少
  • React で依存性注入（DI）フレームワークを実装し、インターフェースの定義と実装の完全な分離を実現。これにより、モジュールの結合度が低下し、柔軟性が向上
  • React の使用をインターフェース-アダプター層と UI 層に限定することで、システムの React や特定の状態管理ライブラリへの依存度を低減
  • 月間訪問者数 50 万人を超えるサーベイ回答アプリケーションを Monorepo に移行し、モジュール化されたデザインにより、回答画面の異なるステップを独立して開発・デバッグできるように。これにより、開発効率と今後の保守性が向上。さらに、コンポーネントのオンデマンド読み込みを実装することで、ページの FCP が 50%改善（1.8 秒から 0.9 秒へ）
  • 内部プライベートパッケージと共有オープンソースパッケージのバージョン管理に semantic-release を導入し、セマンティックバージョニングを実現するとともに、リリースプロセスを自動化
  • バックエンドエンジニアと協力して、共通のパッケージを通じてフロントエンドとバックエンドのエラーハンドリングの統一設計を実現（入力検証とエラーハンドリングを含む）。Error Code に基づく文書化されたエラーハンドリングの解決策を提供
  • 新しいプロジェクトで GraphQL Federation アーキテクチャを採用し、アグリゲートルートに基づいてサブグラフを設計することで、循環依存問題を効果的に回避
  • NestJS を使用して、GraphQL ベースの Query と Mutation を開発し、クエリのパフォーマンスを最適化
  • Persisted Queries を使用してリクエストサイズを削減し、帯域幅の消費が減少。サーバーが毎回クエリ内容を解析・検証する際のパフォーマンスオーバーヘッドを解消
  • 10MB を超える大きな JS ファイルに Gzip 圧縮を適用し、初期ページのロード時間を大幅に短縮
  • デザイナーと協力し、Material UI に基づいた再利用可能な UI コンポーネントライブラリ（LoadingButton、Steps、Rate、Spin、Selectable Table などのコンポーネントを含む）を開発し、チームの開発効率とコードの一貫性を向上
フロントエンドリード @Monstarlab Japan (2018.12 ~ 2021.11 · 3 年)

MonstarLab Group は、グローバルなソフトウェア開発およびコンサルティング企業です。

React/Redux/Redux-Saga/Immer/Sass/styled-components/axios/Docker/AWS/GitHub Actions

  • グループ内の各拠点のフロントエンドエンジニアと共に、React のベストプラクティスを社内で推進
  • コーヒーラベル印刷の Web プロジェクトで、5000+のラベル画像リストの表示パフォーマンスを Virtual List を使用して最適化し、ページのカクつき問題を解決
  • 10 万人以上が同時にオンラインのライブコメント機能を設計・開発。原子カウンターを使用して並列コメント数のカウントの安全性を保証。throttle を使用してコメント更新の頻度を制限し、パフォーマンスを確保。Python スクリプトを使用して大量の同時リクエストをシミュレートし、コメント機能が 10 万人同時にオンラインに耐えられるかテスト
  • 大規模な株取引システムのデザインシステムのコンポーネント開発とメンテナンスを主導
  • 新人を育成し、コードレビューを行うことで、コード品質の向上と知識の移転を実現
フロントエンドリード @Monstarlab China (2016.03 ~ 2018.11 · 2 年 9 ヶ月)

React/Redux/Redux-Saga/Immer/Sass/styled-components/axios/Docker/AWS/GitHub Actions

  • CTO オフィスと協力し、全社のウェブプロジェクトにおいてフロントエンドとバックエンドの分離開発を推進。フロントエンドとバックエンドを同時に開発できるようにし、全体的な効率を向上
  • プロジェクト間の共通コンポーネントに対してテストコードを作成し、テストカバレッジを達成するとともに、スムーズなリファクタリングを可能に
  • 会社のウェブプロジェクトにおけるフロントエンドコードレビュー標準の策定と実施を主導し、フロントエンドメンバーが互いにコードレビューを行うことで、知識の移転とコード品質の向上を実現
  • 大規模なチケット予約ハイブリッドアプリケーションの WebView の設計と開発を担当。iOS と Android のネイティブシステムに共通の WebView を利用することで、開発効率を大幅に向上
フロントエンドエンジニア @Monstarlab China (2014.10 ~ 2016.02 · 1 年 5 ヶ月)

Html5/CSS3/SASS/JavaScript/jQuery/React/React Router/gulp/rollup

  • Query を使用してインタラクティブでレスポンシブなウェブページを設計・開発し、さまざまなデバイスやブラウザで最適なユーザー体験を提供
  • React を独学で学び、動画視聴サイトのプロジェクトでフロントエンドとバックエンドの分離を成功させ
フリーランス (2009.07 ~ 2014.09 · 5 年 3 ヶ月)

Html5/CSS3/SASS/JavaScript/jQuery/PHP/WordPress

  • 大学在学中にウェブ開発技術を独学。卒業後、ランドスケープアーキテクトとして働きながら、副業としてウェブ開発への情熱を追求し続け
  • 建築設計事務所、ランドスケープ設計事務所、IT 企業、ゲーム会社、時計販売会社を含む 20 社以上の企業にサービスを提供し、30 以上のブランドのデジタルマーケティングとプロモーションプロジェクトを成功させ

🌱 個人プロジェクト ​

AI を活用したアプリケーションの開発に取り組んでいます：

Daily Delight

ロジェクト開発の基盤は次の通りです：

Multiple Projects Development Workspace

GraphQL Federation Workspace

Shared Github Actions Library

@zhumeisong/semantic-release-config

@zhumeisong/git-cz-config

@zhumeisong/common-error-exception

🎨 目標やビジョン ​

私は、シンプルさには力があると信じており、物事をシンプルにする助けとなることを実践するのが好きです。

新しい問題を作り出して古い問題を解決することは、一見進歩のように思えるかもしれませんが、本質的にはより大きな円を描いて同じ場所を回っているに過ぎないことが多いです。

私は、ページや API の構築といった具体的なタスクを完了するだけでなく、ローカップリング・ハイコヘージョンのソフトウェアアーキテクチャの探求にも力を入れたいと考えています。

私が求める役割には以下の内容が含まれていることを希望します：

  • 技術的負債の解消
  • 複数のサービスにわたる複雑性の管理
  • システムパフォーマンスデータの可視化と改善

これらの分野は、複雑さに取り組み、影響力のある解決策を提供するという私の強みに合致しています。

私の仕事へのアプローチは以下の通りです：

  • 意義のある課題を選ぶ（価値創造を目指すため）
  • シンプルな問題を徹底的に分析する（リスクを管理し、将来に備えるため）
  • 複雑な問題を行動でシンプルにする（品質の高い製品を提供しつつ、コストを抑えるため）
  • 複雑さを簡潔に説明する（知識の確実な移転を確保するため）

💬 言語 ​

  • 🇯🇵 日本語: ビジネスレベル (N2)
  • 🇺🇸 英語: ビジネスレベル
  • 🇨🇳 中国語: ネイティブ

🎓 学歴 ​

成都理工大学 - 学士 景観設計 - 成都、中国 (2008.09 - 2012.06)

💚 個人 ​

私は旅行やガーデニングが好きで、また、自分の学びや経験を共有するためにブログを書くのも楽しんでいます。

世界一周の旅を家族と一緒にしたいです。

Last updated: