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

目次
チャッピーに聞いてみた記事です。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公式ページ
クーポン「AF-4903」で5%引き(アフィリエイトクーポンになりますのでご協力お願いします)
割引の詳しい仕組みに関してはこちらのページを参照ください。
大きいセールがある場合はAmazonもしくは楽天から購入するとお得です。
買い物情報はこちらからご確認ください。気分で紹介しています。
アリエクのクーポン情報もまとめています。こちらをご覧ください。
当ページにはアフィリエイトリンクを含む場合があります。