Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

プライバシーポリシーXnote
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
投稿一覧へ90+

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

Koder
Koder@koder_dev·05月04日

デスクトップアプリ作りたいなら、これ!!

あんまデスクトップアプリ開発について知識なかったけど、これの動画でめっちゃ勉強してみたいと思った... MacやiPhoneにデフォルトで入ってるメモアプリのクローンでマークダウンで書けるという最高の機能付き! しかも3時間で作れるからこれからデスクトップアプリ作ろうとしてる人は最高の動画! 普段、あまりデスクトップアプリ開発に触れてなかった人もこの動画を機に触ってみては?

デスクトップアプリ作りたいなら、これ!!
React
TypeScript
tailwind CSS
3h
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月12日

AI面接官、実装してみたくない?

この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力 といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。

AI面接官、実装してみたくない?
Supabase
shadcn/ui
React
Next.js
5h