Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

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

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

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

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

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

Koder
Koder@koder_dev·04月03日

今流行りの技術スタック全部乗せじゃん!!

管理者ダッシュボードはいろんなアプリで必要になる機能だけど、ここまで最新技術スタックを用いてこの完成度の高さの動画は、まだなかなかないよ😎 <技術スタック> - React Next.js - TypeScript - Zod - Recharts - Shadcn/ui - React-Hook-Form この学びが深すぎる技術構成よ😁Rechartsで表の描画からShadcn/uiを用いたUI構築さらにreact hook formとZodでフォーム検証も簡単に実装できるって、もう最高すぎる! この動画を見れば、モダンな管理ダッシュボードを一から作れるスキルが身につくこと間違いなし! マジで、ダッシュボードを作りたい人は絶対に見るべき!

今流行りの技術スタック全部乗せじゃん!!
shadcn/ui
React
TypeScript
3h
Koder
Koder@koder_dev·04月12日

AI面接官、実装してみたくない?

この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力 といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。

AI面接官、実装してみたくない?
Supabase
shadcn/ui
React
Next.js
5h
Koder
Koder@koder_dev·04月13日

ぶっちゃけ雰囲気で使ってました、すみません

あの、白状するとReactのサーバーコンポーネントなんですけどきちんと理解せずに使ってました、この記事を読むまでは いや、何となくこういうことが嬉しいんでしょとはおぼろげながら分かってたけど Vercelのtech blogに上がってる”Understanding React Server Components” を読んだらめっちゃ解像度上がった😎 どういうことを実現したいのか、今までの課題点とこれまで取ってたアプローチなど一連のストーリーで教えてくれてるから点と点がつながって頭にスッと入ってきた😌 さすがVercelさんのtech blogです、欲を言えばもっと早く知りたかったです😇 正直、自分もですっていう人はひっそりこの記事読んでみて!

ぶっちゃけ雰囲気で使ってました、すみません
React
30min