はじめに
こんにちは、中国人開発者のZHAOです。
普段、GitHubのトレンドを見ていると「世界はReactとNext.js、そしてTailwind CSS一色だ」と思っていませんか？
実は、お隣の国「中国」では、全く異なる独自の進化を遂げたエコシステムが広がっています。今日は、中国のフロントエンド技術スタックをシェアします。
中国 vs グローバル
| カテゴリ | 🇨🇳 中国の主流 (China Stack) | 🌍 グローバル/日本の主流 |
|---|---|---|
| フレームワーク | Vue.js (圧倒的シェア) | React (デファクトスタンダード) |
| UIライブラリ | Ant Design / Element UI (全部入り) | MUI / Shadcn/ui (モダン/軽量) |
| CSS | Less / Sass (従来型) | Tailwind CSS (ユーティリティ型) |
| コード管理 | Gitee / 自社GitLab (GitHubは遅い) | GitHub (開発の中心) |
| デプロイ | 自社サーバー + Nginx + Jenkins | Vercel / Netlify + GitHub Actions |
なぜここまで違うのか？
1. Vue.js が「国民的フレームワーク」である理由
日本では React が強いですが、中国では Vue.js が絶対王者です。
理由はシンプルで、作者の Evan You 氏が中国系であり、中国語ドキュメントの質が極めて高いからです。
また、中国の現場は回転が速いため、学習コストが低く、HTML/CSSの知識だけで書ける Vue が好まれます。
2. Ant Design vs Shadcn/ui：思想の対立
UIライブラリの選び方にも、国民性が現れています。
-
🇨🇳 中国：Ant Design (AntD) が覇権
Alibabaが開発した最強のBtoB向けライブラリです。
日本では MUI や Shadcn/ui が人気ですが、中国の管理画面開発では Ant Design 一択と言っても過言ではありません。- 理由： テーブル（Table）やフォーム（Form）の機能が異常に強力だからです。「デザインの自由度」よりも「業務アプリをいかに爆速で作るか」が最優先されます。
-
🌍 グローバル：Shadcn/ui & Tailwind CSS
最近、日本では Shadcn/ui がトレンドですよね。
「コンポーネントのコードをコピペして、Tailwindで自由にカスタマイズする」というスタイルです。
しかし、中国では「なんでわざわざ自分でスタイル書くの？ AntDなら<Table />って書くだけで検索フィルタ付きの表ができるのに」と不思議がられます。
3. GitHub が「普通に」使えない問題
これが開発文化に与える影響は甚大です。
中国には「GFW（Great Firewall）」というネット検閲システムがあり、VPNなどの特殊な手段を使わない限り、GitHubへのアクセスが非常に不安定、あるいは接続不能です。
その結果、どうなるか？
- Gitee (码云) という中国版GitHubが使われる。
- 企業はセキュリティと速度のために、GitLabを自社サーバーでホストする（オンプレミス指向）。
-
npm installが遅すぎるため、淘宝（Taobao）が提供するミラーサイトcnpmを使うのが常識。
「GitHubに草を生やす（Commit活動）」文化よりも、「社内のGitLabで実務をこなす」文化が強くなりがちです。
4. 「ミニアプリ」という独自の文化
中国には「WeChatミニアプリ（微信小程序）」という巨大なプラットフォームがあります。App Storeを通さずにアプリを使える仕組みです。
このため、中国のエンジニアは Web だけでなくミニアプリも開発する必要があります。
そこで生まれたのが Uni-app という怪物ツールです。Vue のコードを1つ書けば、WeChat、Alipay、TikTokなど各社のミニアプリへ一斉に変換・出力してくれます。
まとめ
-
中国スタック（Vue + Ant Design + Gitee）は、
**「インターネットの壁（GFW）の中で、いかに効率よく業務システムを量産するか」**に進化した形。 -
グローバルスタック（React + Shadcn/ui + GitHub）は、
**「オープンな環境で、自由度の高いUXと最新のトレンドを追求するか」**に進化した形。