この動画びっくりするくらい有益

いつもは9割以上海外の動画を主軸に発信してるんだけど、この動画が有益すぎるから紹介しちゃう！ Next.jsのセキュリティ面ってなかなか学ぶ機会ないけど、めっちゃ重要だし見落としがちなところではあるけどこの動画でかなり解像度が上がる言われてみれば、「確かに、それはダメだよね」と思うことばかりだけどついついやりがちなミスが複数紹介されてるから見るだけでアンチパターンを学べる <指摘しているアンチパターン> - クライアントコンポーネントのpropsに、不要な情報まで渡してしまう - サーバーアクションの引数に、セッションのユーザーIDを渡してしまう - レイアウトで認証処理を記載してしまう上記で指摘されてるアンチパターンが何でダメなん？？と思った人ほど見てほしい！今まで見た中で一番腑に落ちたNext.jsのセキュリティの動画!

Next.js

10min

投稿一覧へ90+

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

Koder@koder_dev·04月03日

うわーこの切り口は思いつかんかった...

この動画ではさ、AIが絵本を作ってくれるSaaSアプリの作り方を教えてくれてる... 悔しいよ、エンジニアとしてこの切り口も確かに出来たはずなのに思いつかんかったてかこのアプリめっちゃ細部までこだわってるし、絵本の題名、画像の見た目(ピクセル風とか3D風とか)、対象年齢とか選べばすぐにその子にあった絵本をAIがゼロから作ってくれるのもうこのアプリ未来の読書体験すぎて驚いたし、何よりこれ見ればそのアプリ作れてしまうのがえぐい

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日

メンバーシップ限定機能実装できんのすごいな

サムネ見て侮ることなかれこの動画ね、正直自分も舐めてた　なんかサムネ馬いるし馬専用のサイトって書いてあるからパロディ系の動画かと思ったら、pixivとかfanboxとかによくある有料メンバー限定コンテンツ配信機能をものすごい完成度で実装してて流石にビビった笑実装できる機能もすごいんよ - ユーザー認証＆データ管理 - メディアアップロード＆表示 - 月額/年額サブスク決済 - コンテンツ投稿＆いいね機能 - メンバーの分析機能(管理者) 使ってる技術スタックもめっちゃモダンでNext.js 14, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Stripe っていう流行りのスタック全部載せっていうねこの動画ね、この動画でしか学べない知識がたくさん詰まってて一見癖強いように見えてモダンな技術をしっかり学ぶのにおすすめの学習教材になってるからぜひ見てみて！！