John H の個人サイト

ソフトウェアエンジニア · Web アーキテクチャ · シンガポール

こんにちは、John です 👋

目指すのは、 「使いやすく」て「美しい」ソフトウェアです。

経験 7 年のソフトウェアエンジニアで、Web アーキテクチャの設計と開発を専門としています。現在は TikTok Singapore に在籍し、以前は LINE Taiwan で働いていました。大規模なプロダクト開発とパフォーマンス最適化を得意とし、複雑な問題をシンプルに説明することも好きです。このサイトでは、技術ノートや手がけたプロジェクト、そして私の仕事の進め方を紹介しています。

プロジェクトを見る記事を読む
John Hsieh

John Hsieh · 謝謂中

シンガポール

TikTok SingaporeLINE Taiwan

現在

TikTok Singapore の User Growth チームで、広告配信の財務精算システムを開発しています

年のソフトウェアエンジニアリング経験
7+年のソフトウェアエンジニアリング経験
件のプロダクトをリリースまで完遂
20件のプロダクトをリリースまで完遂
つの業務言語：中・英・日
3つの業務言語：中・英・日
人：自作 Chrome 拡張機能の週間アクティブユーザー
10,000+人：自作 Chrome 拡張機能の週間アクティブユーザー

私について

「ユーザー体験を第一に」と考えるソフトウェアエンジニア、John Hsieh（謝謂中）です。

7 年の経験を持つソフトウェアエンジニアで、Web アーキテクチャの設計・開発を専門としています。TikTok Singapore と LINE Taiwan ではシニアソフトウェアエンジニアを務めてきました。最も得意とするのは大規模プロダクトのエンジニアリング、Web アーキテクチャ、パフォーマンス最適化で、領域を横断した開発・デリバリーの実務経験（Node.js BFF / GraphQL、Go、LLM 統合）もあります。主に使う技術は React（Next.js）、Vue（Nuxt.js）、TypeScript です。

これまで千人規模の大手ソフトウェア企業で、整った開発ツールとプロセスのもと、高品質なコードを厳密に書いてきました。また、立ち上げたばかりのスタートアップを支援し、フロントエンドアーキテクチャをゼロから設計して、プロダクトの正式リリースまでやり遂げた経験もあります。

中国語・英語・日本語の 3 言語を流暢に使いこなし、アジャイル開発と持続可能なチームでの反復開発に精通しています。人と協力して仕事を進めることが得意で、エンジニア以外のメンバーとのコミュニケーションも得意です。

大切にしていること

01

ユーザー体験を最優先に

私の使命は、単にプロダクトを作ることではなく、「使いやすく」「美しい」ソフトウェアプロダクトを作ることです。デジタル広告運用担当として A/B テストやヒートマップでユーザー行動を研究した経験が、UI/UX に対する貴重な素養を培ってくれました。

02

自ら問題を見つける

要件がアサインされるのを待つだけではありません。ユーザーからのフィードバックに共通する傾向を整理し、自ら技術タスクを立ち上げます。TikTok でも開発中に 2 度リスクを早期に発見し、3 日足らずで修正を完了して本番障害を未然に防ぎました。

03

制約の中で計画し、ルールの中で厳密に

スタートアップでは、リソースが限られた環境で計画し適応する力を身につけました。大企業では、「どのコードも 1 行残らず、merge 前に必ず別の人が目を通す」という厳密さが習慣になりました。

04

共有し、チームとともに成長する

自分がきっかけで誰かが成長する姿を見ることには、技術的な問題を解決するのに劣らない達成感があります。LINE では新人 2 名を指導し、社内の Next.js 勉強会を主導しました。TikTok ではチームを率いて Scrum と retrospective を導入しました。

職歴

日本市場向けの営業からソフトウェアエンジニアへ。千人規模の大企業も経験し、スタートアップのプロダクトをゼロから立ち上げる支援もしてきました。

  1. TikTok Singapore

    2024.11 – 現在

    ソフトウェアエンジニア · シンガポール

    User Growth チームで広告配信の財務精算システムを担当し、React、monorepo、社内独自フレームワークでフロントエンドのマイクロサービスを構築しています。AI 支援を活用し、TypeScript と Go にまたがるフルスタック機能を単独で実装しています。

    • Web Worker によるマルチスレッド検証を導入し、大容量 CSV の検証による UI のフリーズ時間を 90% 削減。大規模フォームの初回レンダリングの TBT を 98% 削減
    • partition、heap、streaming file で本番の重複検証 monitor スクリプト（本番監視の仕組みの一つ）を最適化し、実行時間を数十分の一に短縮、空間計算量を O(n²) から O(n) に削減
    • 開発中にリスクを 2 度早期発見して自らエスカレーションし、3 日足らずで修正を完了。関連する on-call 件数は 0
    • 業務時間の約 30% を本番 oncall 対応に充当
    • チームを率いて Scrum を導入し、retrospective と refinement で自己修正と相互バックアップの仕組みを構築
    ReactTypeScriptGoPythonMonorepoMulti-threaded CSV Validation with Web WorkerLarge-Scale Billing Statement Duplicate-Check Monitor Optimization

  2. LINE Taiwan

    2021.08 – 2024.10· 3 年 3 か月

    ソフトウェアエンジニア · 台湾・台北

    約 60 名の EC チームで LINE Shopping（Vue SSR + GraphQL + TypeScript）を開発すると同時に、4 名のチームを率いて CMS 管理画面を再構築しました。また JavaScript Task Force に参加し、全社のフロントエンドガイドラインを策定しました。

    • 「ライブショッピング」の動画自動再生モジュールを単独で調査・設計・開発（2 つの IntersectionObserver + Vuex + HLS.js）
    • 4 名のチームを率いて PHP 中心の CMS を Next.js で再構築し、約 1 年でフロントエンドとバックエンドの分離を完了、旧システムともシームレスに連携
    • mentor として新人 2 名を指導し、社内の Next.js 勉強会を主導
    • Lighthouse CI を導入し、社内標準の開発フローの一部として定着
    VueNext.jsGraphQLNode.jsTypeScriptAuto-Play on Scroll — Live Stream List

  3. AI.Book

    2021.09 – 2024.10· 3 年 2 か月

    ソフトウェアエンジニア（業務委託） · リモート

    オンラインフォトブック編集プラットフォームの唯一の技術責任者です。プロダクトの立ち上げ期に参画し、技術選定とアーキテクチャはすべて自ら決定し、技術バックグラウンドを持たない会社の代表と直接コミュニケーションを取っていました。

    • 最も重要なオンラインフォトブックエディタを単独で開発し、6 か月でゼロからリリース（Vue + Nuxt.js）
    • バックエンド API 設計を主導：AWS Cognito OAuth2 ログイン、カートと注文フロー、決済結果の連携
    VueNuxt.jsAWS Cognito

  4. FundFluent

    2021.01 – 2021.09· 9 か月

    ソフトウェアエンジニア（業務委託） · リモート

    香港の中小企業向けに融資のマッチングを行うスタートアップです。会社設立の初期からフロントエンドの技術責任者を務め、フロントエンドアーキテクチャと技術選定をゼロから計画し、技術バックグラウンドを持たない会社の代表と直接コミュニケーションを取っていました。

    • UI Kit、SME Portal、Partner Portal など複数のフロントエンドシステムを単独で開発（React / Next.js + TypeScript）
    • Web Component（Stencil.js）でプロジェクト横断の共通 UI コンポーネントライブラリを構築し、private NPM に公開
    ReactNext.jsStencil.jsTailwindCSS

  5. Foxit Software

    2020.12 – 2021.08· 9 か月

    フルスタックエンジニア · 台湾・台北

    新設された AI チームでフルスタックエンジニアを務め、2 名のフロントエンドチームをマネジメントしていました。

    • n8n のような SaaS 自動化プラットフォームをゼロから計画し、変換・翻訳・編集・署名などの PDF サービスと各種トリガーを統合
    • フロントエンドは Next.js + TypeScript、バックエンドは NestJS + GraphQL + MongoDB + Redis
    Next.jsNestJSGraphQLMongoDB

  6. Aotter Inc.

    2019.08 – 2020.11· 1 年 4 か月

    フロントエンドエンジニア · 台湾・台北

    複数のクライアント案件に参加し、Web アプリケーションや広告プラットフォームを開発しました。案件ごとに組む少人数チームで、スピード感があり、案件も多岐にわたりました。

    • メインのスタックは Nuxt エコシステム + TypeScript + Sass & TailwindCSS、CI/CD は Docker + K8s 上で運用
    • TailwindCSS でプロジェクトごとに小規模な UI フレームワークを構築し、デザインカンプへの忠実さとモジュールの再利用性を重視
    Nuxt.jsVueTypeScriptTailwindCSS

  7. 第三緯度科技

    2019.04 – 2019.06· 3 か月

    フロントエンドエンジニア · 台湾

    フロントエンドとバックエンドを分離したアーキテクチャ（Vue + PHP）で、WeChat Pay との連携を担当しました。在籍期間はごく短期間です。

    VuePHP

  8. Asian Bridge Inc.

    2017.12 – 2019.03· 1 年 4 か月

    デジタル広告運用担当 → フロントエンドエンジニア · 台湾・台北

    日系スキンケア製品の代理店を営む日系企業で、日本語を主な業務言語とし、日本語でのマーケティング窓口を担当しました。デジタル広告運用担当から、社内異動を申請してフロントエンドエンジニアに転向しました。

    • A/B テスト、ヒートマップ、Google Analytics で UI/UX を研究し、直帰率を低減するとともに、より直感的な UX フローを設計
    • フロントエンドへの転向後は公式サイトやキャンペーンページを構築し、PM を兼任して 2 名のフロントエンドチームをマネジメント
    • 第 1 回社内評価で優勝（2018 年 8 月）
    JavaScriptjQueryUI/UX

  9. AsiaYo

    2016.09 – 2017.09· 1 年 1 か月

    日本市場 営業・オペレーション · 台湾・台北

    日本の民宿やシェアハウスとの掲載交渉を担当し、同時に日本向けの翻訳窓口と、日本滞在中の旅行者向けの緊急時カスタマーサポートも務めました。

    • 2017 年 1–9 月に掲載物件数 2,616 件（目標達成率 93%）、予約件数 8,846 件、前年比 276% の成長
    JapaneseSales

学歴

  • 東呉大学

    日本語文学科 学士（文学）

    2013 – 2017

  • 同志社大学（京都）

    交換留学・日本語および日本文化

    2016.03 – 2016.08

語学

  • 中国語母語
  • 日本語ビジネスレベル・JLPT N1
  • 英語業務で流暢にコミュニケーション可能

仕事以外のこと

  • 打ち解けるまで少し時間がかかるタイプですが、打ち解けるとくだらない話がぐっと増えます。同じくらいくだらない話が好きな人とおしゃべりするのが好きです。
  • 趣味は映画鑑賞、バイクでのツーリング、ゲーム、デジタル機器の修理です。
  • いちばん達成感があったこと：独学で電子回路のはんだ付けを覚え、ゴミ箱を 1 台修理したこと。
  • フロントエンドの生徒 3 名と日本語の生徒 1 名の家庭教師をした経験があります。

お話ししませんか？

お仕事のご相談や技術的な交流はもちろん、ちょっとしたご挨拶でもお気軽にご連絡ください。

連絡する