この動画本当に痒いところに手が届きますなぁぁ

ドラッグアンドドロップの機能ってさ、結構作りたい場面多いじゃん？なんかUX良く並び替えできるようにしたり、画像のアップロードとか諸々で　けどどうやってReactで実装するの？って言われたら意外とすぐ思いつかなくない？この動画見れば、もう完璧よ！この動画は皆大好きFreeCodeCampがReactでドラッグ&ドロップ機能を実装できるようになるために一緒にMiroのような付箋をかけるアプリを作りながら学べる！マジで毎回実装するたびに書き方忘れるから、こういう形でまとめてくれてると本当助かる Reactでドラッグアンドドロップの機能作りたい人はぜひ見てみて！

React

投稿一覧へ90+

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

Koder@koder_dev·05月29日

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

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

Koder@koder_dev·05月04日

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

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

React

Next.js

tailwind CSS

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先生、今回も学びの宝石箱をありがとう…🙏