Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

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

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

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

Next.js
10min
投稿一覧へ90+

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

Koder
Koder@koder_dev·05月04日

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

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

最近よく見る「話すアバターの広告動画」
React
Next.js
tailwind CSS
5h
Koder
Koder@koder_dev·04月03日

SNS作れるようになりたい?まずはtwitterクローン作れるようになるのはどう?

独自SNSだったり、今日常的に触ってるアプリやそれを超えるようなサービスを個人開発で作ってみたいって言う人は多いと思う! まずはtwitterを作るのはいかが?? ハンズオンで自分で作るだけで解像度上がるし、 「この機能はこういう風に実装するのか!」 と学びも多いはず! もちろん、クローンだから実際のアプリと作り方は違うと思うけど... 紹介してる動画たちはどれも実際のアプリと遜色ないほどクオリティ高いし個人開発に割いて聞かされた技術選定がむしろ参考になるかも!

SNS作れるようになりたい?まずはtwitterクローン作れるようになるのはどう?
NextAuth
Next.js
MongoDB
React
tailwind CSS
5h
Koder
Koder@koder_dev·04月13日

まじでこれを求めてました...

「さぁ、作り始めよう」と思って一番困るのってさフォルダ構成じゃない?本当に困るのよ、どういうことでで切ろうかなとか考えることが多すぎて毎回なんか間違ってる気がするなと思いながらさフォルダ構成を練っていて不安なんだよね😢 だけど、この動画は「シニアエンジニアがどのようなフォルダ構成してるか」を丸裸にしてくれてる動画 この構成はどこを意識しててどのようなメリットあるか全部教えてくれてるんよ😎 しかもESLintを用いてフォルダ構成に強制力を持たせる方法など実践的なことまで教えてくれてる! いや、自分のフォルダ構成が一番だって言い切れる人以外は見る価値絶対ある!是非見てみて💪

まじでこれを求めてました...
Next.js
30min