やあ、Long。フルネームは Nguyễn Hoàng Vân Long。オンラインでは 8bu で通してる。

僕は full-stack engineer で、この仕事を10年以上やってる。2013年3月にフリーランスとして始めて、2016年にフルタイムになった。スタック全体で TypeScript を書いていて、フロントは Vue と Nuxt がホーム。React と Next も使う。バックエンドは Node.js - Express、NestJS、Hono - に PostgreSQL と GraphQL。

ホーチミン市出身。生まれもここ、今もここ、GMT+7。

僕が気にかけてるのはプロダクトで、自分の ticket だけじゃない。タスクを閉じて終わりにするより、全体を良くしたい。

WegoPro という B2B corporate travel and expense platform に4年いて、その後独立した。今は自分のものをやってる: Crewdoku を作り、Sankit.vn のインフラをリードし、小さな会社の AI dashboard をフリーランスで手伝ってる。

今は仕事を探してる - freelance、consulting、full-time なら 2026年9月 あたりから。僕が探しているものはこちら →。

読むより実際の仕事を見たい？プロジェクトへジャンプ →。

最初に来るのはプロダクト。architecture も code review も feature も、queue のためじゃなくプロダクトのためにある。

architecture

• modular monolith を WegoPro で設計し、チームに採用してもらい、technical direction と best practices を担ってきた。
• それを長く守ることが、大きな codebase を健全に保つ。境界を壊す shortcut には、誰かが no と言い続けないといけない。
• full-stack, all the way down. 画面だけじゃなく、data model と API をゼロから設計する - Node.js services (Express、NestJS、Hono)、PostgreSQL schemas、queries、indexes、REST、RPC、GraphQL endpoints まで。
• end to end. requirements → data model → API → UI → tests → release → production support。端で hand off するより、全体の道筋を持ちたい。

mentoring and review

• BlockDevs: onboarding、mentoring、code review、採用の technical interviews を担当。
• WegoPro: Vue 3 の patterns をチームメイトに mentoring。
• 自分ひとりで code するより、review を通じてチーム全体を伸ばしたい。

migrations

delivery を止めずに、大きな production migrations を進めてきた:

• WegoPro: Nuxt 2 → Nuxt 4 をリード。Vue 3 web components を bridge にして、back-office dashboard は自分ひとりで Nuxt 4 + Nuxt UI に移した。
• Multiplier.finance: front end を Vue 2 class syntax から Vue 3 composition API へ移行。
• Motorist: platform の Nuxt 2 移行をリード。

毎回の考え方は同じ。release を続けながら、古い stack を modern にする。やり方はこう:

• count the codebase, not the framework. framework upgrade は release notes を読む週末の作業。codebase upgrade は、同じページで2つの version を動かす一年間の仕事。
• keep shipping. 少しずつ進める - big rewrite なし、怖い2am の flag-flip なし。
• bridge, don't rewrite. 新しい feature は Vue 3 の custom elements (defineCustomElement) で出し、まだ動いている Nuxt 2 host に組み込む。host が layout、nav、login を持ち、island が data、state、DOM を持つ。DOM attributes と CustomEvents で話す。
• follow the natural seams. screen ごとに Vue 3 と Vue 2 のどちらを使うかは、それぞれの人に任せる。migration の順番は結果的に app の形に沿う。
• plan the deletes early. 古い module ごとに owner を一人決めた delete week を先に計画する。中途半端な migration で止まるものを作らない。
• write it down. 一人が architecture の線を守り、移行した部分を全部記録する: 何を動かし、何を残し、どこが sharp edge か。

testing

• 実用的に。教条的にはやらない。
• Jest、Cypress、Vitest を production に出してきた。
• coverage の数字ではなく、守る価値のあるものを test する。tests first か後かは仕事次第。

tools

• terminal: Ghostty、Fish、Lazygit。
• agentic coding: Oh My Pi。
• project management: Notion、Linear、Jira。
• design: Figma、Figjam、tldraw。
• notes: Obsidian。

opinions

• TypeScript first - メイン言語。ここはあまり議論の余地がない。
• Vue is home - キャリアの大半は Vue 2 と3、Nuxt 2 から4。でも production React も出してきたし、チームに合うものを使う。
• learning Go right now。
• Tailwind or SCSS - どちらも出荷してきた。そこで fight はしない。

production web platform を最初から最後まで作って出してきて10年以上。短くまとめると、最近のものから。

1. senior web developerWegoPro (formerly Travelstop)2022年3月 – 2026年4月

   corporate travel と expense の B2B SaaS。フルタイム、remote。チーム全体が使う modular monolith を設計し、大きな Nuxt 2 / Vue 2 codebase を Strangler Fig approach で Vue 3 + Vite に移した - downtime なし、feature freeze なし。back-office platform は最初から最後まで一人で担当し、動かしている self-managed AWS serverless infra まで見ていた。その裏側の Node.js APIs と PostgreSQL schemas を作り、Stripe billing、auth、複雑な multi-step forms を integrate し、対応している全 locale に届く transactional email と i18n pipeline も出荷した。engineering standards を決め、code reviews をリードし、production incidents に対応し、devs を mentoring した。

2. lead web developerBlockDevs2019年6月 – 2022年1月

   fintech platforms。HCMC でフルタイム。backend、frontend、data、integrations にまたがってチームをリードし、Multiplier.finance と SuperLauncher の delivery を担った。Node.js/Express services、REST と RPC APIs、auth と sessions、PostgreSQL schemas と queries、GraphQL indexing services、shared Docker setup を作った。Vue 2 から Vue 3 への移行をリードし、TypeScript と Vite を導入し、technical interviews と code reviews も担当した。

3. web developerMotorist.sg2017年12月 – 2019年6月

   car services marketplace。HCMC でフルタイム。customer platform を server-rendered Nuxt 2 に移す作業をリードし、ページの load を速くして search での rank も上げた。dynamic metadata、structured data、sitemap generation を含む marketing site と back-office platform を作った。

4. web developerLetterink2016年3月 – 2017年12月

   digital agency。HCMC でフルタイム。HTML5、CSS3、JavaScript、WordPress で client sites と company site を作り、保守した - cross-browser support、on-page SEO、analytics tags まで。

school: Ton Duc Thang University、Computational and Applied Mathematics、2014–2016、Ho Chi Minh City、Vietnam。

印刷できる one-page version: longnguyen-2026.pdf。

このノートに出てくる figure 一覧。クリックするとノート内の該当箇所へ移動し、link から project を live で見られる。

crewdoku, 2026

一人で使う offline-first app: planner が一社分の multi-week team schedule を組んで実行する。team と誰をカバーする必要があるかを入力して Generate を押すと、ルールに沿った fair な schedule ができる。手で tweak して CSV に export できる。account も server もなく、全部が自分の machine 上の IndexedDB にある。live at crewdoku.8bu.dev。

先に solve、edit はその後 - preview では Original と Solved を横に並べ、Apply か Discard を選べる。hard rules は静かに破られない。soft rules には見える score がつき、schedule が成立しないときは、何が衝突していて何を緩めればいいかを正確に伝える。solver は本物の HiGHS MILP で、WebAssembly に compile して Web Worker で実行してる。TypeScript、React 19、Vite、Tailwind v4。一つの app であって、platform ではない。

cosimi, 2026

この page の chat を動かしている retrieval engine。request path に LLM を置かない deterministic GraphRAG で、質問を embed し、nearest chunks と pairs から vector search を始め、engine が graph をたどって context を集め、rank して answer する。同じ質問、同じ data なら、毎回同じ answer になる。

fullstack で作った - retrieval 用の pgvector 付き Postgres、corpus を書いて check する build-time Claude pipeline、self-hosted Postgres 上で edge の Cloudflare Worker として動く Hono API。@cosimi/* packages として npm に出荷した。code: github.com/8bu/cosimi。

wegopro, 2022–2026

corporate travel と expense の B2B platform - flight と hotel を book し、travel policy を apply し、approval を回し、expense を一か所で整理する。以前は Travelstop と呼ばれていた。4年間、fully remote で senior web developer と acting lead をしていた。wegopro.com

release を止めずに4年前の Nuxt 2 codebase から移行する作業をリードし、Vue 3 web components を bridge に使った。back-office dashboard は自分ひとりで Nuxt 4 + Nuxt UI に移した。recent bookings、policy-change flags、hierarchy approvals、custom fields、onboarding flow を出荷した。

multiplier.finance, 2019–2022

multi-chain DeFi lending protocol、AAVE-style - real money app だから、UI bug は見た目だけの問題じゃなく funds の問題になる。BlockDevs にいた頃は front-end lead だった。

front end を Vue 2 class syntax から Vue 3 composition API に移し、core lending と borrowing flows を最初から最後まで作って ownership を持ち、live な DeFi app を安定させた。

superlauncher, 2020–2022

staking と marketplace を備えた on-chain IDO launchpad。BlockDevs で day zero から core front-end person として関わり、empty repo から live platform になるまで手伝った。

front-end architecture をゼロから作ってチームの conventions を決め、WalletConnect、Web3.js、Ethers.js の上に custom Vue 3 wallet module を書き、IDO launch flows、staking、marketplace UI を出荷した。wallet module が実際の WalletConnect bugs に当たったので、upstream で修正して patch を送り返した。

ntwrx, beta

creator と brand のための Web3 community - influencers と brands をつないで social campaigns を実行し、engagement に on-chain で reward を出す。beta 中で、designer と web developer として関わった。ntwrx.com

campaign discovery、Instagram と X から引く cross-platform engagement tracking、$NTWRX で支払う token rewards、brands 向けの quest-creation studio、そして on-chain wiring。Ethereum contracts の上に Nuxt、Vue 3、Tailwind で作った。

figma résumé template, 2026

僕が design して Figma Community に公開した、clean な résumé、CV、cover-letter template。全部 auto layout で、role、bullet、section 全体を add / remove しても、すべてが自動で揃い直す。

自分の CV をいつでも簡単に update できるようにしたくて、一回きりの file ではなく system を作った。copy して好きなように edit してほしい: figma community。

話すのはいつでも歓迎だし、今は仕事も探してる - freelance、consulting、contract、full-time なら 2026年9月 あたりから。WegoPro を離れてから freelance を続けてる。

僕ができること

SaaS、fintech、marketplaces、developer tooling で10年以上。TypeScript で front から back まで、Vue/Nuxt と React、back は Node.js と PostgreSQL、GraphQL。schema と API をゼロから設計し、feature を end to end で持つ。release を止めずに live production codebase を migrate するのが本当に得意だ。technical direction を最初から最後まで担い、古い部分を modern にしながら product の shipping を続け、code review と mentoring でチームも良くする。product を自分のものとして扱う。片づける ticket のリストとしてじゃない。

coffee chat

短い chat なら歓迎、まずは async で。この page で見つけたものを一つ教えてくれれば、そこから話そう。

contact

email は hvanlong@pm.mecopied to your clipboard または nguyen@vanl.orgcopied to your clipboard へ。

github github.com/8bu、linkedin linkedin.com/in/8bu。

または 次の page → の chat に聞いてみて。