チャッピーに聞いてみた「初日50万アクセスのバズった画像メーカー、サーバー代0円 とは?」

目次
  1. サーバーが存在しないのに、50万アクセスを捌いた話
  2. 「サーバーがない」という設計
  3. AI処理を「ブラウザでやる」という発想
  4. 「保存しない」という最強のセキュリティ
  5. なぜ無料で耐えられたのか
  6. 地味だけど効いている最適化
  7. もし従来の設計だったら
  8. このアプリの本質
  9. シンプルなUIが生んだ“楽園”
  10. 小さなアプリが示した、大きな変化

チャッピーに聞いてみた記事です。AIによって作成された記事なので最終的には各自でご確認ください。タイトル画像はイメージです、相変わらずわけわからん事を言っている。

こちらの記事について聞いてみました。

https://x.com/nya3_neko2/status/2042107646157975651?s=20

目次以下はチャッピー(ChatGPT)の作成した記事になります。

サーバーが存在しないのに、50万アクセスを捌いた話

2026年4月、とあるシンプルなWebアプリがSNSで一気に拡散された。

動物の写真をアップロードすると、背景が消え、「キュピーン」とひらめいたような“ひらめき猫風”の画像が作れる。その名も「#InspirationCat」。

見た目は軽いネタアプリ。しかし、その裏側の設計はかなり異質だった。

開発者は Naoki(電電猫猫)。
そしてこのアプリ、初日で約50万アクセスを記録したにもかかわらず――

サーバー代は、0円だった。


「サーバーがない」という設計

普通、画像を扱うWebアプリにはバックエンドがある。
アップロードされた画像を受け取り、処理し、保存し、返す。

けれどこのアプリは違う。

そもそも、サーバーが存在しない。

正確に言えば、使っているのは Cloudflare の Cloudflare Pages。
ここに置かれているのは、ただの静的ファイルだけだ。

  • APIなし

  • データベースなし

  • 画像アップロード処理なし

ユーザーが選んだ画像は、どこにも送信されない。
すべての処理は、ユーザー自身のブラウザの中で完結する。

実装も極めてシンプルで、

  • Vite + TypeScript

  • フレームワークなし(Reactすら使っていない)

  • Canvas APIで画像処理

というミニマルな構成になっている。


AI処理を「ブラウザでやる」という発想

本来、背景除去のような処理は重い。
通常はサーバー側でGPUを使って実行する。

しかしこのアプリでは、それすらやっていない。

使われているのは ONNX Runtime Web。
そしてライブラリとして @imgly/background-removal が組み込まれている。

これによって何が起きているかというと、

AIモデルがユーザーの端末で動く。

初回アクセス時に約40MBのモデルをダウンロードし、その後はキャッシュ。
2回目以降は即座に推論が始まる。

つまり、

  • サーバーは計算しない

  • ユーザーのスマホやPCが代わりに処理する

という構造だ。

スマホ対策も抜かりない。
処理サイズを 1024px → 768px → 512px と自動的に落としていくことで、
iPhone SEのような端末でもクラッシュしないよう設計されている。


「保存しない」という最強のセキュリティ

このアプリのもうひとつのポイントは、データを一切持たないこと。

画像はサーバーに送られないので、

  • 個人情報 → そもそも取得しない

  • セキュリティ → 盗まれるデータが存在しない

  • ストレージ → 保存しないのでコストゼロ

という状態になる。

実は画像アップロード機能は、Webアプリの中でもかなり厄介な領域だ。
EXIFにGPS情報が含まれていたり、顔写真が含まれていたり、扱いを誤ると一気にリスクになる。

さらに「いつ削除するか」という設計まで必要になる。

でもこのアプリは、その前提を丸ごと捨てた。

「保存しない」という選択で、すべての問題を回避している。


なぜ無料で耐えられたのか

50万アクセスという数字だけ見ると、普通はコストが怖くなる。

仮に1人あたり約2MB通信すると、

総転送量は約1TB。

これを別のサービスで処理するとどうなるか。

例えば Vercel なら、約360ドル(5万円超)の請求が発生していた可能性がある。

一方でCloudflare Pagesは、帯域幅が実質無制限で無料。

この選択が、そのまま「コスト0円」に直結している。


地味だけど効いている最適化

さらに効いているのが、画像フォーマットの工夫だ。

背景画像は:

  • WebP(約80KB)を優先

  • 非対応ブラウザのみPNG(5.6MB)

この差は極端で、約70倍。

もし全ユーザーにPNGを配っていたら、
背景画像だけで2.8TBの転送量になっていた。

WebPなら40GB程度で済む。

これは単なるコストの話だけでなく、ユーザー体験そのものにも直結する。
読み込み速度がまったく違うからだ。


もし従来の設計だったら

仮にこのアプリが「普通の構成」だった場合。

  • サーバーで画像処理

  • ストレージに保存

という設計になる。

この場合、50万アクセスのうち20%が処理を実行すると仮定すると、

  • AWS Lambda + S3で
    → 1日あたり約115ドル(約1.7万円)

バズが数日続けば、そのまま数万円規模の請求になる。

個人開発としては、かなり現実的に「怖い」ラインだ。


このアプリの本質

このプロジェクトの肝は、たった3つに集約される。

  • AI処理をブラウザに寄せた

  • データを一切持たない設計にした

  • 無料で帯域を捌ける基盤を選んだ

これによって、

「バズっても壊れないし、課金もされない」

という状態が成立した。


シンプルなUIが生んだ“楽園”

最後に見逃せないのが、UIの設計。

このアプリでは、

  • アスペクト比変更なし

  • 明るさ調整なし

  • 背景変更なし

できるのは、回転と位置調整だけ。

つまり、全員がほぼ同じフォーマットの画像を作る。

これによってタイムラインに並んだときの統一感が生まれ、
引用やリプライ欄が「作品集」のように機能するようになった。

機能を増やすのではなく、削ることで体験をデザインした例だ。


小さなアプリが示した、大きな変化

この事例が示しているのは、

「フロントエンドだけで、ここまでできるようになった」

という事実だ。

かつてはサーバー必須だったAI処理も、
いまではブラウザの中で完結する。

そしてそれは、単なる技術的な進化にとどまらない。

  • コスト構造が変わる

  • セキュリティ設計が変わる

  • 個人開発のハードルが下がる

このアプリは、偶然バズったネタではなく、
これからのWebアプリの設計思想そのものを体現している。

【宣伝】SwitchBot 購入はこちらから

SwitchBot公式ページ
クーポン「AF-4903」で5%引き(アフィリエイトクーポンになりますのでご協力お願いします)
割引の詳しい仕組みに関してはこちらのページを参照ください。

大きいセールがある場合はAmazonもしくは楽天から購入するとお得です。
買い物情報はこちらからご確認ください。気分で紹介しています。

アリエクのクーポン情報もまとめています。こちらをご覧ください。

当ページにはアフィリエイトリンクを含む場合があります。