Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

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

React Queryがこれほど使われてる理由わかる?

React QueryはReactアプリの6つに1つは導入されているほど普及してるが、どんな課題を解決してて導入して何が嬉しいか本当に理解してる?とこの動画の投稿者は疑問を投げかけてる この動画はReact Queryを導入してない場合のstateの複雑さと導入した場合、どれほどReact Queryがその複雑さと煩雑さを解決してくれてるのかを視覚的にめっちゃオシャレかつわかりやすく解説してくれてるからめっちゃ良かった😌 個人的にこの動画で一番学びになったのは 「React QueryはデータフェッチライブラリではなくReact Queryは非同期の状態管理ライブラリである」 ということ あとね、なんとこの動画8分で見れるのよ🥳  学びはぎっしりなのにめちゃくちゃタイパ良いという神動画! ちょっと時間が空いたときにでもぜひ見てみて!!

React
10min
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月28日

いやSNSアプリ作りたいならこれ見りゃええやん

この動画えぐいな、各SNSの実装したい機能を全部ぶち込んだ最強の学習教材になっとるわ😎 だってインスタのストーリ機能でしょ、あとfacebookみたいにフォロリクを承認する形式でフォロワー申請できてXを代表とするブロック機能の作り方までこの動画一本で説明しとるんやもん笑 もちろん、投稿やいいね、コメント、リプライとか基本的なSNSにある機能も解説されとる🙂 しかも最新の技術スタックてんこ盛りでNext.jsに至っては15だし、認証にClerk、スタイリングはtailwind CSSでバリデーションはZodといったモダンっぷり SNS作りたいと思った人は絶対見るべきだし、駆け出しの頃こんな動画で勉強できればなぁって嫉妬しちゃうレベル😇 学びが多すぎるからぜひ見てみて!!

いやSNSアプリ作りたいならこれ見りゃええやん
Next.js
React
Prisma
tailwind CSS
5h
Koder
Koder@koder_dev·05月24日

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

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

自分で作る以前に普通に使いたい笑
React
Drizzle
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