頼む、shadcn/uiを学んでくれ…

この動画ではUIコンポーネントライブラリーとして人気急上昇中のshadcn/uiについて基礎の基礎から学ぶことができる! shadcn/uiは2023 JavaScript Rising Starsでは、全Projectで見事ランキング1位に輝くなど世界中のエンジニアに使用されててKoderが紹介してる海外動画の多くでも使用されてて人気さがひしひしと感じてる！この動画はshadcn/uiの概要はもちろんのこと、アコーディオン、カード、アバターなど各コンポーネントの使い方をこれでもかっていうほど網羅的に実際に手を動かしながら学べる！！個人的にも、shadcn/ui大好きすぎて布教したいくらいだから是非ともこの動画を見てほしい！そして見るだけじゃなくて、実際に使ってみて！そしたら便利さがわかるから！

shadcn/ui

投稿一覧へ90+

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

Koder@koder_dev·04月13日

俺たちが一番求めるマッチングアプリだわ笑

しかも製品紹介じゃなくて、実際にどうやってこのアプリを作るかの解説まで！！使い方は簡単で、自分がやりたい作業をルームを作成することが出来る! またgitHubリポジトリと紐付けたり、自分が得意な技術のタグ付けができる😎 ほんまに痒い所に手が届く機能ばっかり！！探す側も、自分が学びたい技術や興味あるプロジェクトのルームを探してジョインすることが出来る👍 え、普通に使いたいし、欲しいんだけど笑 <実装機能> - 画面共有、音声、ビデオ通話 - ルーム作成 - 技術のタグづけ - ルーム設定(説明、gitHubリンク等) などなど、このアプリ実装するのも面白そうだしこれを更にパワーアップしたらガチで化けそう🥴 しかも、動画も3時間強で見れるので是非見てみて！！

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

Koder@koder_dev·04月12日

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

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