Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·04月03日

令和はAIにラジオで話させる時代ですよ笑

この動画で作ってるプロダクトが独創的かつめっちゃ面白いから是非紹介したい!この動画ではPodcastのクローンを作ってるんだけど(この時点でも十分すごいが)、なんとAIに喋らせてるんですわ... どういう事かって言うと、Userは普通にPodcast感覚でいろんなPodcast聞けて普通にPodcastとして楽しめる😎再生プレイヤーとかのUI UXもめっちゃくちゃセンス良くて凝ってる! そんで、ここからが面白いところで、配信者は好きなAI音声に自分の書いた原稿を読ませてそれを配信できるのよ!!面白くない??原稿書いてボタン押すだけで、アップロードされてそれを多くのリスナーが聞けるというなんという近未来感笑 しかもAI音声はOpen AIのAPI用いてて何人も選べるから男性の声も女性の声どちらも何パターンもあるし、聞いて驚いたけどめちゃくちゃ自然で違和感なかった これ、自作のVoice botとかゆっくり、ずんだもんに喋らせるとかめちゃくちゃ拡張性ありそうでめっちゃワクワクする!

Next.js
Clerk
OpenAI
5h
React
投稿一覧へ90+

この投稿を見てる人はこちらの投稿も見てます👇

Koder
Koder@koder_dev·04月27日

これがあれば、“いつか作りたいEC”は今日から作れる

僕の大好きな @codewithantonio がまたしてもヤバいチュートリアル出してきた🔥 今回はなんと、BASEやSTORESみたいな“多店舗ECプラットフォーム”をゼロから構築する内容! しかも完成度がバグってる↓ ✅ マルチテナント対応 (ショップ自動生成) ✅ Stripe Connectで売上自動分配 ✅ Payload CMSで商品も店舗情報もGUI管理 ✅ カテゴリ・タグ・価格帯フィルター搭載 ✅ shadcn/ui+Tailwindで爆速モダンUI ✅ tRPCで型安全API、Suspense対応でヌルヌル 正直、「これ一人で作った上に無料公開って正気か?😇」ってレベル。 Stripe、Payload、Next.js、Vercelを使って プロダクションレベルの設計が全部見れる神動画でした。 特にStripe connectを用いた売り上げの分配システムをここまできちんと作り上げて解説してる動画、無料でYoutubeに上がってるか??と疑わしいレベルで貴重な教材😭 てか、なるほどこうやって実装するのね!って何回思ったことか笑 EC系プロダクト作りたいなら、マジでこの動画が設計図になる。 Antonio先生、今回も学びの宝石箱をありがとう…🙏

これがあれば、“いつか作りたいEC”は今日から作れる
shadcn/ui
React
Next.js
tRPC
12h
Koder
Koder@koder_dev·04月03日

え、これ凄くね ... ?

Next.js App Routerを使ったマーケットプレイスアプリの作り方が感動レベルでヤバい! Kinde認証、Stripe決済、Supabaseデータベースなど、最新技術が盛りだくさん! しかも、Stripe Connectでマーケットプレイス機能も実装! しかもね、めっちゃ最新かつ学びになる実装方法してる 例えば、 - uploadthingで画像投稿する - resend react emailによるメール送信 などなど、海外では人気になってきた実装方法を自然に組み込んでくれてるから見るだけでも参考になる! マーケットプレイスアプリを作りたい人は必見の動画!

え、これ凄くね ... ?
Supabase
tailwind CSS
Prisma
Next.js
8h
Koder
Koder@koder_dev·04月13日

うわー正直この動画は内緒にしときたいわ...

この動画で作成してるのはLoomという画面録画の共有アプリをビビるほどの完成度でゼロから実装してる動画😎  てかね、この動画何がすごいってねデスクトップアプリの作り方なんよ 海外の技術動画なんて誇張なしで何百本もみたけどここまでレベルが高くて親切に解説してるデスクトップアプリの作り方の動画はないね いや多分ねここでいくら言うよりも、冒頭1分でもみてもらった方が伝わるからぜひ見てみて!!

うわー正直この動画は内緒にしときたいわ...
Next.js
tailwind CSS
12h