Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

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

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

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

React
1h
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月13日

俺たちが一番求めるマッチングアプリだわ笑

しかも製品紹介じゃなくて、実際にどうやってこのアプリを作るかの解説まで!! 使い方は簡単で、自分がやりたい作業をルームを作成することが出来る! またgitHubリポジトリと紐付けたり、自分が得意な技術のタグ付けができる😎 ほんまに痒い所に手が届く機能ばっかり!! 探す側も、自分が学びたい技術や興味あるプロジェクトのルームを探してジョインすることが出来る👍 え、普通に使いたいし、欲しいんだけど笑 <実装機能> - 画面共有、音声、ビデオ通話 - ルーム作成 - 技術のタグづけ - ルーム設定(説明、gitHubリンク等) などなど、このアプリ実装するのも面白そうだしこれを更にパワーアップしたらガチで化けそう🥴 しかも、動画も3時間強で見れるので是非見てみて!!

俺たちが一番求めるマッチングアプリだわ笑
shadcn/ui
React
Next.js
tailwind CSS
3h
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·05月04日

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

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

最近よく見る「話すアバターの広告動画」
React
Next.js
tailwind CSS
5h