未分類

【海外ソロプレナー研究 #8】Adam Wathan:Tailwind CSSで年$30M、エンジニア向けプロダクトの設計

【海外ソロプレナー研究 #8】Adam Wathan:Tailwind CSSで年$30M、エンジニア向けプロダクトの設計

フック

OSSを母艦にして、有料プロダクトで年$30M。

Adam Wathanが組んでいるのは、「無料」と「有料」の循環構造だった。


結論3箇条

Adamの戦略から学ぶべきは、3つだ。

  • OSS(無料)を「集客の母艦」にする発想
  • 有料商品を「OSSをより便利にするもの」に絞る
  • コンテンツ(書籍・スクリーンキャスト)が単独で収益源になっている

「無料で配るほど儲かる」を構造で証明している起業家だ。


この記事を書く理由

Adam Wathanは、Tailwind CSSの作者として有名だ。
ただ、彼の真価はOSSそのものではなく、OSSを中心とした収益化の設計にある。

「無料で配るのは、損なのでは?」
「有料商品を売るには、無料を出してはいけないのでは?」

こう考える人ほど、Adamの構造を見ると衝撃を受けるはずだ。

無料で配るほど、有料が売れる。
このパターンを、器用貧乏が真似できる粒度に翻訳する。


本文ストーリー

Adamが運営する5つのレイヤー

Adamの収益構造は、大きく5つのレイヤーで構成されている。

  • OSS(Tailwind CSS):完全無料、世界中のエンジニアが利用
  • Tailwind UI:プレミアムなUIコンポーネント集(一括$299〜)
  • Tailwind Plus:サブスク版コンポーネント集
  • Refactoring UI(書籍):UIデザイン本、$149
  • スクリーンキャスト動画:実装の様子を動画で配信、$/月課金

5つのレイヤーが、1つの軸(Tailwindのエコシステム)で繋がっている。
これが彼の最大の発明だ。

OSSを「集客の母艦」にする発想

普通のスタートアップは、最初から有料商品を売ろうとする。
広告を出し、SEOを回し、コンテンツマーケで集客する。

Adamは逆だった。
まず無料のOSS(Tailwind)を作り、世界中のエンジニアに使ってもらう

数十万人のユーザーが「Tailwindを使う日常」を持った後で、
「Tailwindをもっと便利にする有料商品」を出す。

これが効く理由はシンプルで:
– OSS利用者は、すでにエコシステムに馴染んでいる
– 「Tailwindなら何でも買う」というロイヤルティが先に育つ
– 広告を打つ必要がない(OSS自体が広告)

集客コストがほぼゼロで、有料商品が売れる。
無料が大きいほど、有料の市場が大きいという構造だ。

有料商品の絞り方

Adamの有料商品は、「OSSをより便利にするもの」だけに絞られている。

  • Tailwind UI:「Tailwindのコンポーネント設計を、自分で考える時間を省ける」
  • 書籍 Refactoring UI:「Tailwindを使ってUIを作るとき、デザインの判断をサポート」
  • スクリーンキャスト:「Tailwindの実装ノウハウを動画で学べる」

すべて、Tailwindユーザーの困りごとに直接当たっている。
Tailwindを使っていない人には売らない。

これが「絞り」の力だ。
ターゲットを「全エンジニア」ではなく「Tailwindユーザー」に絞ることで、コピーも商品設計も鋭くなる。

器用貧乏が真似できるパターン

OSSを作ろう、と言いたいのではない。
「無料の母艦」と「有料のサイドカー」の構造は、OSS以外でも真似できる。

例えば:
無料のYouTubeチャンネル+有料の講座
無料のブログ+有料のコンサル
無料のXアカウント+有料のコミュニティ
無料のSlackテンプレート+有料のテンプレ集パック

僕自身、A事業はまさにこの構造で組んでいる。
無料の発信(X/ブログ)が母艦で、有料商品(コンサル/テンプレ)がサイドカーだ。

ポイントは、有料商品が無料の母艦と「機能的に直結」していること。
無料の母艦と関係ない有料商品は売れない。

コンテンツを単独収益源にする

Adamのもう1つの巧さは、書籍とスクリーンキャストが単独で売れていることだ。

書籍 Refactoring UIは累計100万ドル以上を売り上げた、と公言されている。
スクリーンキャストもサブスクで安定収益を生んでいる。

「コンテンツを無料で配り続けるだけ」のソロ起業家との違いは何か。
それは、「コンテンツを商品として完成度高く仕上げる」ことに、Adamが徹底的にコミットしている点だ。

書籍は、ただのブログ記事の寄せ集めではない。
スクリーンキャストは、ただの作業録画ではない。
「お金を払って買う価値のある完成度」で仕上げている。

ソロ起業家が見落としがちなのは、ここだ。
無料コンテンツの延長で有料を出すと、「これブログで読めるじゃん」と買われない。

「やらない」を明確に

Adamが「やっていない」ことも、彼の構造の一部だ。

  • VC調達なし:自己資金とOSS収益のみで成長
  • 大規模採用なし:必要最小限の小チーム
  • 無料プランの提供(有料商品側)なし:明確に有料、トライアルなし
  • エンタープライズ営業なし:個人エンジニアと小チーム向けに集中

「やらない」を絞り込むことで、ソロでも年$30Mが回せる。


データ:Adamの公開数字

項目
年間収益(推定)約$30M
OSS(Tailwind)利用者数百万人規模
Tailwind UI価格$299〜
書籍 Refactoring UI 累計売上$1M超
主要収益源Tailwind UI(推定50%以上)
チームサイズ数人(小チーム)

「無料で配るほど儲かる」が、構造で成立している証明だ。


今日からできるチェックリスト

  • [ ] 自分の事業に「無料の母艦」となる発信/OSS/コンテンツがあるか確認する
  • [ ] 母艦と「機能的に直結する」有料商品を1つ設計する
  • [ ] 母艦の規模を、半年で2倍にする計画を立てる
  • [ ] 自分の無料コンテンツに「書籍化/講座化できる完成度」のものがあるか棚卸しする
  • [ ] 「やらない」リストに3つ追加する

無料を惜しむ人は、有料も伸びない。


まとめ&CTA

Adam Wathanが年$30Mに届いた構造は、「無料の母艦×有料のサイドカー」だった。

OSSは特別な才能が要るが、母艦の発想自体は誰でも真似できる。
ブログ、X、YouTube、Discord。
何でも母艦になりうる。

このブログでは、海外ソロプレナーの収益化構造を、引き続き翻訳していく。
日本のソロ起業家が真似できる粒度で、構造を分解する。