Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

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

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

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

React
1h
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月03日

え?これもう普通に製品レベルじゃね?

毎回度肝抜くような動画を投稿してくれる@joshtriedcodingだけど今回もすごい動画をぶちかましてくれた😎 この動画で作ってるのは自分の好きな写真を携帯ケースにできて自分だけのオリジナル携帯ケースを作れるというショッピングサイト 詳細はちょっとこの動画の冒頭3分で紹介してくれてるから是非見てほしいんだけど、やばいっす。普通に購入体験もめちゃくちゃ良い しかもね、なんと管理画面まで実装してて売上管理、配送状況の管理まで出来てしまうという素晴らしさ🥳 <実装機能> - 決済機能 - 画像のリサイズとプレビュー - 配送状況と売上の管理画面 などなど 今年多分、これ超えるNext.jsのショッピングサイト構築の解説動画出ないやろ... 是非見てみて!この動画でしか学べないこともめっちゃあるから!

え?これもう普通に製品レベルじゃね?
Next.js
React
tailwind CSS
PostgreSQL
12h
Koder
Koder@koder_dev·04月13日

コードエディタのSaaS作ろうはイカつすぎるやろ笑

エンジニアなら絶対日々使ってる、コードエディタ何使ってる?VS Code派? Cursor派?てかさ、もう何なら作らんか?? これいかつすぎるのよ、Code sand boxみたいな実行環境自分で作っちゃうんだもん その場で実行できるし しかもさ、SaaSだからさフリープランだとJSしか動かせないけど有料プランだとGoとかRustとかも使えるという 決済手段Stripeじゃなくてlemon squeezy使ってるところも面白い 何が一番すごいってさ、ソースコード全部GitHubに公開されてんのよ圧倒的giverすぎないか??笑 これね、凄すぎてこれ以上説明のしようがないわ  凄さはその目で確認してみて👇

コードエディタのSaaS作ろうはイカつすぎるやろ笑
Next.js
React
TypeScript
tailwind CSS
5h
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