Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

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

ん?なんだこれ?

この動画で作ってるのは皆もお世話になってるはずのGoogle Driveのクローンをゼロから作っちゃうという前段未聞な動画 最初さGoogle Drive cloneってサムネ書いてるからさ、クリックして見てみたらいい意味で騙された! 機能とかはもちろん似てるけど、UIもUXもオリジナルだからこれ単体としてめっちゃ価値あるわ この動画すごいのが、主要な機能をめっちゃUX良く実装してること <実装機能> - ファイルのアップロード - フォルダ分け - 削除、詳細表示、リネーム - ファイル単位での共有 などなど、書ききれないくらいの多機能 あと感動したのがプレビュー機能だったり、アップロードするときの綺麗なローディングとレスポンシブ対応とか細かな部分もきちんと凝って作ってあるのが素晴らしすぎた Next15で作ってて、投稿主( @jsmasterypro )の考えるNext15のベストプラクティスもこの動画を通して伝えているからめちゃくちゃ学びになる!ぜひ見てみて!

Next.js
TypeScript
tailwind CSS
5h
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月03日

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

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

え?これもう普通に製品レベルじゃね?
Next.js
React
tailwind CSS
PostgreSQL
12h
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月29日

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

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

え、これ…本当にYouTubeで無料で公開されてるの??
Docker
React
Next.js
12h