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·05月04日

最近よく見る「話すアバターの広告動画」

…あれ、実はこうやって作られてるのかも? トピックを入れたら → ChatGPTがCMスクリプトを生成 → AkoolでAIアバターと音声を合成 → Convexでリアルタイム保存 → PayPalで課金処理まで対応 しかも、これアプリとして実装されていて UIはshadcn × Tailwind、認証はClerk React × Next.js製で、コード付きで全部再現可能 完成度も高くて、プロトタイプとは思えないレベル。 正直「これ、量産できる時代なんだな…」とゾッとした。 しかもこのチュートリアル、YouTubeで無料公開されてる。

最近よく見る「話すアバターの広告動画」
React
Next.js
tailwind CSS
5h
Koder
Koder@koder_dev·04月13日

この図解化は全エンジニアが喜ぶのでは?

最近のフロントエンドエンジニアを苦しめるuse clientいつ使えば良いのか問題もこの動画を見れば解決😤 分かりやすくビジュアライズしてくれるから、字面じゃイメージつかなかった実装イメージが鮮明に理解できる! 正直、何となくしか理解できてないんだよねという人は是非見てみて!

この図解化は全エンジニアが喜ぶのでは?
Next.js
10min
Koder
Koder@koder_dev·05月29日

え、これ…本当にYouTubeで無料で公開されてるの??

マイクロサービスアーキテクチャで、ここまで本格的に作り込まれたマルチベンダーEコマースSaaS。 投稿者が「全編無料公開します」って宣言してて、Part1だけでも13時間超えとか普通にえぐい笑。 しかも完成度が、よくある“なんちゃってAmazonクローン”とかじゃない むしろ「え、これ会社で実際にプロダクション投入されてるやつじゃないの…?」ってレベルでリアルな構成😎 ✅ 認証まわりもガチ OTP認証はRedis(Upstash)を使って制限付きで実装されてて、ユーザーごとの検証フローをしっかり管理 ロールベースの認可やJWTトークンも導入されてて、本番運用を想定した認証構成になってる ✅ 削除処理も、いわゆる“deleteで消すだけ”じゃない データは即時削除じゃなくて論理削除→cronタスクでの処理まで考慮された設計で、復元の余地も含んだ運用視点の構成 ✅ Stripe Connect連携も、想像以上に本格的 マルチベンダーに欠かせない売上分配機能をちゃんとStripeで実装。 しかもオンボーディングはステップ形式で、セラーが迷わないようにUI・導線が整理されてる。これ、地味にすごい ✅ Kafkaを活用したイベント駆動通信や、API Gatewayによる各サービス連携も構築済み エンタープライズ系の設計思想が詰まってて、見るだけで学びが多すぎる なにがすごいって、「いつかやってみたい」って思っても、個人じゃまず作りきれないような構成を、誰でも触れる教材として全公開してくれてること しかも、技術選定の理由やアーキテクチャの背景まで丁寧に語られてて、ただ真似するだけじゃなく“なぜそうしたか”まで理解できる まさに、“実務レベルの構成を、実装しながら学べる”という神動画。 無料でいいの…?ってレベルなので、今のうちに見といたほうがいい 週末、じっくり腰を据えて、自分の技術スタックと向き合いたい人、ぜひ👇

え、これ…本当にYouTubeで無料で公開されてるの??
Docker
React
Next.js
12h