ん？なんだこれ？

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

Next.js

TypeScript

tailwind CSS

投稿一覧へ90+

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

Koder@koder_dev·05月04日

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

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

React

Next.js

tailwind CSS

Koder@koder_dev·04月03日

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

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

Koder@koder_dev·04月28日

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

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