Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

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

大丈夫?Reactでつい、やりがちなミス犯してない?

この動画では、Reactを学び始めのエンジニアがハマりがちな12個のアンチパターンに関して丁寧に解説してくれてる! たとえば、setCount(count + 1)のようにState更新してしまったり、http://user.name = http://e.target.valueのようにオブジェクトの状態更新したり、複数の入力を持つフォームを扱う時に個別で状態管理しちゃうなどなど、アンチパターンがなぜ駄目なのか、そしてまたどのように書くべきなのかを一つづつ教えてくれてる! 初心者でさらにReactを極めていきたい人は勿論、既にReactがシニアレベルの人も部下や後輩になぜそのように書くべきじゃないのかを分かりやすく教えてあげるためにも必見です!!

React
1h
投稿一覧へ90+

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

Koder
Koder@koder_dev·05月24日

自分で作る以前に普通に使いたい笑

「録画して共有できるサービスか〜」って 軽い気持ちで見始めたら、 え、これ…全部入りすぎない? - 音声つきで画面録画→自動アップロード - リンク生成で即共有 - AI文字起こしまでついてくる - ギャラリーで検索・フィルターできる - Drizzle × TypeScriptで型安全 - ArcJetでbot除けとレート制限 スタックもキレイで:Next.js / Bunny / ArcJet / Drizzle 正直、これ自分で作れるようになるってヤバい 普通に学習教材として最強だった👇

自分で作る以前に普通に使いたい笑
React
Drizzle
Koder
Koder@koder_dev·04月03日

今流行りの技術スタック全部乗せじゃん!!

管理者ダッシュボードはいろんなアプリで必要になる機能だけど、ここまで最新技術スタックを用いてこの完成度の高さの動画は、まだなかなかないよ😎 <技術スタック> - React Next.js - TypeScript - Zod - Recharts - Shadcn/ui - React-Hook-Form この学びが深すぎる技術構成よ😁Rechartsで表の描画からShadcn/uiを用いたUI構築さらにreact hook formとZodでフォーム検証も簡単に実装できるって、もう最高すぎる! この動画を見れば、モダンな管理ダッシュボードを一から作れるスキルが身につくこと間違いなし! マジで、ダッシュボードを作りたい人は絶対に見るべき!

今流行りの技術スタック全部乗せじゃん!!
shadcn/ui
React
TypeScript
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