え、これって自分で作れるもんなん？

Eraser.ioというMiroとNotionのいいとこ取りの海外で普及してるめっちゃ便利なツールがあるんだけど、それのクローンを作ってるこの動画がやばい！何がやばいってその多機能さで、Notionの要素とMiroの要素どちらも兼ね揃える便利アプリをなんと0から作っちゃうヤバさ！そしてそれを手取り足取り教えてくれる神動画😇 <実装できる機能> - Notionライクのドキュメントの実装 - Miroのようなホワイトボード実装 - ホワイトボードの画像書き出し機能 - 課金による機能制限などなど、ちょっと多機能すぎて全部書けない笑伝えたい情報量が多すぎて全てを伝えきれないから、騙されたと思って冒頭の5分だけ見て欲しい…　この温度感でこの投稿してる理由がわかってもらえると思う！🔥

TypeScript

React

Next.js

投稿一覧へ90+

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

Koder@koder_dev·04月03日

ん？なんだこれ？

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

Next.js

TypeScript

tailwind CSS

Koder@koder_dev·04月03日

この動画めっちゃええなぁ🎉

Realtimeなチャットアプリ作れるこの動画めっちゃ良かった！結構こういう動画ってMongo DBとかJSで作られてること多いんだけどPrismaとPosgresql、TypeScript使ってモダンで良かった😌 <学べる内容> - Node.js & Expressでのバックエンド開発 - Prismaを使ったデータベース接続 - Reactでのフロントエンド開発 - Soket通信などなど、Webアプリ開発に必要なスキルが盛りだくさん！ UIも綺麗だし、最新版の技術がこれでもかというほど学べるからぜひ見てみて！

Koder@koder_dev·04月03日

React関連多すぎて複雑なんだよぉぉぉ

Reactは便利だけど、バリデーション、スタイリング、UIコンポーネントとかの技術スタックと技術選定が多岐に渡りすぎてキャッチアップエグすぎる… Koderはフロントエンドエンジニアだから何とかキャッチアップしてるけど、これ今からキャッチアップする人とかバックエンドからReact入門する人大変すぎるな🥲 なんか網羅性があってどんな選択肢があるかを端的に教えてくれる動画ないかなぁって思ってたらなんとありました🥳 たった7分で2024年最新のReactエコシステムを説明してくれてる😎 UIフレームワークはこれがあって、バリデーションはこれみたいな感じでポンポンまるで先輩に教えてもらってるみたいな感じで、サクッとかつ十分な情報を学ぶことが出来る！！ React興味ある人はまずこれから見てみて！！