ブックマーク / zenn.dev/ddpn08 (4)

  • CloudflareImagesの画像をWorkersでキャッシュしてお小遣いを守る

    まずは 👇前回の記事です。読んでみてください。 そこでこんなコメントをいただきました。 画像キャッシュに関して、確証はないですがそれっぽい記事ならあります。 https://tech.smartcamp.co.jp/entry/price-optimization-using-cloudflare-workerkv こ、これだ!!!! これで全てが解決する!!(たぶん) ということでぱぱっと実装します。 つかったもの typescript hono | つよいライブラリ 仕組み 紹介いただいた記事ではKVを使っていますが、今回は普通にedgeにキャッシュします。 仕組みはこんな感じ。(Cloudflareをあまり理解しきれてないのでまあまあおかしな図になっているかもしれませんがご了承ください。) ユーザーが画像をCloudflareWorkersにリクエスト 👇 Workersがキャッ

    CloudflareImagesの画像をWorkersでキャッシュしてお小遣いを守る
    yug1224
    yug1224 2022/11/26
  • 個人開発のAI画像投稿サイト「Aivy」をリリースしたら僕のお小遣いが吹っ飛びそうになってる話

    CloudflareImagesについての記事です。 👇まずはこちらを御覧ください やばい 前回の記事で... 投稿の情報やプロフィール、いいね、フォロー、タグ...などを保存してます。500MBは多分超えないでしょう... 超えたら僕の月3000円のお小遣いが飛び散ります。 みたいなこと言ってましたが、割とガチで不味くなってきました。 Supabaseのデータベースの方は一切問題なく余裕ありありなのですが 画像を保存しているCloudflare Images のほうがかなりまずい状況になってしまいました。 驚いてる僕👇 リリースしてから5日ほどたちまして、画像配信数は40万枚を超えました... おそらくいろんなネットニュースに取り上げてもらえたり、Zennでも100いいねをいただけたりして、たくさんの方がいらしてくださったからだと思われます。 完全に予算の計算をミスりましたね...

    個人開発のAI画像投稿サイト「Aivy」をリリースしたら僕のお小遣いが吹っ飛びそうになってる話
    yug1224
    yug1224 2022/11/19
  • 高校生がAI作品に特化した画像投稿サービス「Aivy」を個人開発した話 | SolidJS & Supabase & Cloudflare

    こんにちは だだっこぱんだと言います。だだっこではないです。 今回は初めてしっかりした個人開発をしたので、技術的な部分についていろいろとお話しします。 つくったもの Aivy というAI作品に特化した画像投稿サイトを作りました🍃 👇よかったらこれ拡散してくれるとうれしいですの ScreenShot ホーム画面 投稿ページ ユーザーページ 検索 投稿管理 なにこれ AI作品に特化した画像投稿コミュニティサービスです。 ただ画像を投稿するだけでなく、プロンプトやモデル等のAI画像生成に使う情報を一緒に投稿できます。 この記事では この記事では技術面にフォーカスしてお話しします。 どうして作ったの? とかその辺の話は下記リンクのNoteにまとめてありますので合わせてご覧ください。 開発体制 メンバー ぼく(高校生) 開発フロー 完成まではゴリゴリローカルでした。タスク分けとか何も管理しません

    高校生がAI作品に特化した画像投稿サービス「Aivy」を個人開発した話 | SolidJS & Supabase & Cloudflare
    yug1224
    yug1224 2022/11/14
  • SolidjsでSSRとかSSGとかできるフレームワーク、SolidStartをざっくり紹介

    SolidjsSolidStartが個人的にかなり来てるので、今回はSolidStartでSSGだったりSSRだったりをする方法を紹介します。 👇SolidStart 👇Solidjs とりあえず動かしてみる まずはとりあえずで動かします。 超ざっくり解説です。 Create Solid !! Solidjsプロジェクトをつくります。 パッケージマネージャーはお好きなものを。今回はpnpmで行きます テンプレートを選択します。今回はとりあえずbareで。 そのほかのオプションはこんな感じで行きます。 Server Side Rendering?... はSSRするかどうか。 Use TypeScript?... はTypeScriptを利用するかどうか。 ファイルが生成されて入れば成功です。 Run SolidStart !! とりあえず開発サーバーを立ち上げてみます。

    SolidjsでSSRとかSSGとかできるフレームワーク、SolidStartをざっくり紹介
    yug1224
    yug1224 2022/09/26
  • 1