ん？なんだこれ？

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

Next.js

TypeScript

tailwind CSS

投稿一覧へ90+

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

Koder@koder_dev·04月13日

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

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

Koder@koder_dev·05月29日

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

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

Koder@koder_dev·04月13日

1時間でサクッとAI chatBot作ろ

なんかAI組み込んでアプリ作りたいっていう人はまず、チャットボット作るのめっちゃおすすめこの動画は、サイトのURLを渡したらそれについて回答してくれるchat botをたった1時間で作れる神動画！まず何作ろうかなってずっと考えるよりこの動画みて一日でサクッと実装した方が全体像掴めるし、今後のアイデアも浮かびやすいと思うからまずこれ作っちゃおう💪

Next.js

TypeScript

tailwind CSS