“キュピーン猫画像メーカー”初日50万アクセスもサーバ代「0円」 その秘密は
猫など動物の写真から背景を除去し、集中線を重ねて“ひらめいた”(キュピーン)風の画像を作れるWebアプリ「InspirationCat」が、初日で50万アクセスを記録するヒットサービスになっている。
急速にアクセスを集めたにもかかわらず、サーバ代は「0円」。開発者の電電猫猫(@nya3_neko2)さんは自身のXで、「バズってから慌ててサーバを増強した、みたいな話ではない。そもそもサーバがない」と説明し、システム構成を解説している。
「InspirationCat」は、動物の画像をアップロードすると、AIで背景を除去して動物を切り抜き、拡大縮小・回転で調整した上で、集中線と重ねて“キュピーン”画像に編集・ダウンロードできるサービス。飼い猫のキュピーン画像を公開していた「むちゃまる(5)」(@neko_muchamaru)さんの投稿からヒントを得て開発したという。
ブラウザ完結の超軽量設計+「Cloudflare Pages」活用
背景除去の処理には本来、サーバ上のGPUで動かすAIモデルが必要だ。「InspirationCat」では、背景除去ライブラリ「@imgly/background-removal」を通じて「ONNX Runtime Web」を利用することで、サーバではなくユーザーの端末上で直接実行した。
ONNX Runtime Webは、AI用の計算をブラウザ内のWebAssemblyやWebGPUで処理するランタイム。「InspirationCat」では、初回アクセス時に約40MBのAIモデルをダウンロードしてキャッシュする仕組みにし、2回目以降は即座に処理を始めている。
スマートフォンのメモリが足りない場合は、処理する画像サイズを1024px→768px→512pxと自動で縮小することで軽量化した。
アプリの構成も極力シンプルにした。フロントエンドビルドツール「Vite」とTypeScriptで作った静的ファイルを、無料ホスティングサービス「Cloudflare Pages」に配置。Reactなどのフレームワークも使わず、バニラTypeScriptとCanvas APIによるシンプルな構成にした。
Cloudflare Pagesは帯域幅が無制限で無料のため、50万アクセスで発生した約1TBの転送も無課金でさばく。同規模のアクセスを別のホスティングサービス「Vercel」で運用した場合、約5万4000円の請求になっていたと電電猫猫さんは計算している。
テンプレートの背景画像はWebP(約80KB)を優先し、非対応ブラウザではPNG(5.6MB)にフォールバックしている。50万ユーザー全員にPNGで配信した場合、背景画像だけで2.8TBになるが、WebPなら40GBに縮小できる。「ユーザーの読み込み速度にも直結する」ためこの仕組みにしたという。
画像をサーバに保存しない設計のため、EXIFに含まれるGPS座標や顔写真といった情報も外部に送信されることはない。個人情報の管理やセキュリティ対策、ストレージの設計もすべて不要になった。
仮にサーバサイドで背景除去を行う設計だった場合、50万アクセスのうち20%が画像処理を実行したとして、AWS Lambda+S3で1日あたり約1万7000円の費用が発生するとの試算も公開している。
電電猫猫さんは「サーバの計算コストをゼロにした」「画像をサーバに保存しない」「Cloudflare Pagesにデプロイした」ことにより、「バズっても壊れない、課金されない」サービスを実現したとまとめている。
Copyright © ITmedia, Inc. All Rights Reserved.
この記事の著者
関連記事
こんなメディアも見られています
ITmedia NEWSに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
SpecialPR
本日の新着記事
アクセスランキング
-
1
「応用情報技術者試験」申込障害 カード二重決済、「申込完了」でも座席なし……IPAが詳細発表
-
2
SBI証券、Google・Appleパスキー乗っ取り被害「確認されていない」 注意喚起は他社事案
-
3
ChatGPT、無料版を含む全ユーザーに「GPT-6」 回答内に“操作できる画面”を生成する「Intelligent UI」搭載
-
4
「IDCFクラウド」障害で止まった「MTクラウド版」、「Googleクラウド」のバックアップで「さくらのクラウド」に移行へ
-
5
IDCFクラウドへのランサム攻撃、495の企業・自治体に影響 一部には「復元難しい」との通達も
-
6
Googleパスワードマネジャーに脆弱性 パスキーで守られたアカウント乗っ取る3つの攻撃手法、米パロアルトが警鐘
-
7
漏えい相次ぐ中、保護委が対策を緊急例示 強い多要素認証やEDR導入、不要な個人データの消去など
-
8
バイブコーディングで作った公開中のWebアプリ、9割に脆弱性 MSの研究者など調査
-
9
NISA口座「もぬけの殻」に 不正アクセス被害者らが証券4社に原状回復求め調停
-
10
「楽天ドライブ」に不正アクセス 保存したデータなど1.5万アカウント分が取得・閲覧のおそれ
ITmedia NEWS SNS
インフォメーション
注目情報をチェック
ITmediaNEWSをフォロー
あなたにおすすめの記事PR