テクノロジー

“キュピーン猫画像メーカー”初日50万アクセスもサーバ代「0円」 その秘密は

1: mojimojikun 2026/04/09 18:06

『AI用の計算をブラウザ内のWebAssemblyやWebGPUで処理する』『ONNX Runtime Web』を使ったり、他のstaticなものはCloudflare Pagesに置いたり、画像もWebPを主として非対応ブラウザならPNGにフォールバックとかそういう感じだそうな。

2: nilab 2026/04/09 18:09

「背景除去ライブラリ「@imgly/background-removal」を通じて「ONNX Runtime Web」を利用することで、サーバではなくユーザーの端末上で直接実行」「ONNX Runtime Webは、AI用の計算をブラウザ内のWebAssemblyやWebGPUで処理するランタイム」

3: mayumayu_nimolove 2026/04/09 18:18

これってあまり知られてないのかな

4: nmcli 2026/04/09 18:21

各自の端末で計算させるのは今後の常道になりそうだ

5: plank 2026/04/09 18:40

ブラウザ側でそういう事が出来る、というのは何となく聞いた事があるが、実例すごいな。こういうのでマルウェアとかうごいちゃうと嫌だな。

6: pribetch 2026/04/09 18:40

この感じ…ZIPか…

7: nguyen-oi 2026/04/09 18:42

Cloudflare PagesとONNX Runtimeで鯖代踏み倒すの賢い。個人開発の生存戦略として正解すぎる

8: popotown 2026/04/09 18:42

かわいい〜

9: gimonfu_usr 2026/04/09 18:49

( 例のアレ。https://www.youtube.com/watch?v=uwmeH6Rnj2E )

10: mobile_neko 2026/04/09 18:54

これは面白いな、頭の片隅に入れておこう

11: chiguhagu-chan 2026/04/09 18:57

神奈川県警の腕が試される

12: fashi 2026/04/09 19:06

静的なHTMLをCloudflareの無料Webサーバに置いただけだからという話だった

13: zoidstown 2026/04/09 19:30

“Cloudflare Pagesは帯域幅が無制限で無料のため、50万アクセスで発生した約1TBの転送も無課金で。同規模のアクセスを別のホスティングサービス「Vercel」で運用した場合、約5万4000円の請求になっていたと電電猫猫さんは計算

14: mole-studio 2026/04/09 19:49

Cloudflare本当に太っ腹だよね。弊社も大変お世話になっています

15: hhungry 2026/04/09 19:56

GitHub Pagesでも同じくらい無料で捌けるかな?

16: dubdubchinchin 2026/04/09 20:12

なんでいっぱいアクセス来たらサーバー代がたくさん発生するのかがわからん

17: myr 2026/04/09 20:18

思ったより面白かった.. frontで動かすのか...

18: ardarim 2026/04/09 20:20

一発ネタなのにすごい考えられた設計だったんだな

19: raitu 2026/04/09 20:32

“ONNX Runtime Webは、AI用の計算をブラウザ内のWebAssemblyやWebGPUで処理するランタイム”

20: anonymighty 2026/04/09 20:46

WASM+AIかなと思ったらそうだった。インスタの画像加工とかも同じ技術でやってますが、個人が作るアプリとしてカジュアルに提供してるのは新しい時代が来た感じがありますね。

21: otihateten3510 2026/04/09 20:47

ほー

22: htnmiki 2026/04/09 20:57

なんかすごい

23: hazlitt 2026/04/09 21:07

まあまあ重いな >「初回アクセス時に約40MBのAIモデルをダウンロードしてキャッシュする」

24: tsumugidayo 2026/04/09 21:09

ユーザーが意図した目的の挙動しかローカルでさせてないから、コインハブの件とは違うんじゃないかな

25: miketaro1234 2026/04/09 21:24

Cloudflare そのうち有料になるんだろうな

26: short_tanu 2026/04/09 21:55

こういうWebサイトを作るモチベーションは何なのだろう?趣味かな。俺ならお金稼ぎたくなっちゃう。

27: red_snow 2026/04/09 21:59

これは参考になるなぁ・・・

28: hatebu_admin 2026/04/09 22:00

神奈川県警が見つけたら逮捕されそう

29: ET777 2026/04/09 22:05

おもしろい

30: GonzalezTanaka 2026/04/09 22:07

広告つけて稼いで欲しい

31: aimux 2026/04/09 22:11

天才だな。

32: kazumi_wakatsu 2026/04/09 22:55

“初回アクセス時に約40MBのAIモデルをダウンロードしてキャッシュする仕組み”

33: nenesan0102 2026/04/09 23:00

ฅ(๑•̀ω•́๑)ฅ!!

34: keys250 2026/04/09 23:04

このアプリの切り抜き処理凄すぎる。猫の細かいヒゲまでちゃんと切り抜いてた

35: go_kuma 2026/04/09 23:09

黒猫の角度が絶妙

36: FreeCatWork 2026/04/09 23:16

サーバー代0円って、ボクもこっそりお手伝いしたかったにゃ~🐱

37: kondoly 2026/04/09 23:48

作者の完全な解説をそのまま完全な転載で原資ゼロの記事。ネットの良くないところだと思う。

38: georgew 2026/04/10 00:05

これはすばらしい知見ですね。そうか、Cloudflare Pagesの無料枠使うのはいいですね。

39: t_trad 2026/04/10 00:12

こういうローカル処理入りページが安心して作れるのも、Coinhive判例あってこそ

40: kihee 2026/04/10 00:56

コーディングのAI化で、フロント側で処理するツールを簡単に作れるようになった。扱ってるツールの画像加工のうち問題ないものをバックエンドからフロントエンドに置き換え、サーバー側のCPU使用率が劇的に下がった

41: osakan 2026/04/10 00:59

キュピーンキュピーン言うてたのはコレだったのか。

42: byaa0001 2026/04/10 02:12

すごご

43: koyuman 2026/04/10 02:28

この人、GoogleのAI「うっふ〜ん私で開発して〜ん」の画像でバズってたときから注目してました(古参アピ)

44: dgen 2026/04/10 03:50

無制限で無料の秘密は?

45: kobito19 2026/04/10 04:25
46: iphone 2026/04/10 04:55

"背景除去の処理には本来、サーバ上のGPUで動かすAIモデルが必要だ" ……いや別にどの計算機資源でもいいし、各人の手元でやってもらった方がローコストなのは当然ですよね。なんだ「本来」って。

47: Cru 2026/04/10 05:11

ONNXに実行環境が、それもブラウザ側ででできるものがあるんだ。なんか激重そうだが今のスマホならいけるんか?

48: issyurn 2026/04/10 07:14

ブラウザエッジAI

49: yamadadadada2 2026/04/10 08:08

いいね。「技術で解決する」ってこういうことだよなあ

50: daaaaaai 2026/04/10 08:46

未踏スパクリだ!

51: iasna 2026/04/10 09:10

用語はぜんぜんわかんないけどすごいことだけはわかる。ありがとう

52: zkq 2026/04/10 09:13

40MBで画像処理AIできるのか。学習済みだとしてもすごい時代になった。

53: lejay4405 2026/04/10 09:37

フロントでやるのか

54: kamezo 2026/04/10 10:28

へえ、そんなことができるんだ。

55: Wacky 2026/04/10 23:08

“Cloudflare Pagesは帯域幅が無制限で無料のため、50万アクセスで発生した約1TBの転送も無課金でさばく。”

56: YassLab 2026/04/11 18:43

“Cloudflare Pagesは帯域幅が無制限で無料のため、50万アクセスで発生した約1TBの転送も無課金 / 同規模のアクセスを別のホスティングサービス「Vercel」で運用した場合、約5万4000円の請求になっていたと電電猫猫さんは計算”