今までで1番最高なUIコンポーネントかもしれません【shadcn/ui入門】

  Рет қаралды 12,546

Shin Coding Tutorial

Shin Coding Tutorial

7 ай бұрын

#入門 #react #nextjs #shadcn #ui #webアプリ開発 #webエンジニア #独学 #プログラミング
🌟Web開発案件も募集中です🌟
shincode-hp.pages.dev/for-bus...
Webの開発案件も募集しております。
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業が学べるプラットフォーム🚀
🎁月額2500円でWebプログラミング全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁定期的にお仕事・副業の発注
🎁ShinCodeと1対1で話せる
🎁コミュニティ機能付き
↓↓↓↓↓
code-s-school-5bc2.thinkific....
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2021/12/31/udemy...
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・shadcn/uiの概要と意味が分かる
・shadcn/uiをNext.jsに組み込む方法が分かる
・簡単に爆速でTailwindCSSベースのUIコンポーネントが導入できる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @user-hl9uv6cv7k
★今回のソースコード★
ありません。
★運営者SNS★
Twitter: / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。

Пікірлер: 14
@not-free-wifi
@not-free-wifi Ай бұрын
未経験の時はエラーをカットしている人の動画を見ていたのですが、実際にエンジニアになってからはShinさんのように "use client"忘れてた 15:15 みたいなリアルさの方が実際に開発してる感があっていいなと感じます!
@user-od6of9nc1x
@user-od6of9nc1x 7 ай бұрын
いつも勉強させて頂いています。ありがとうございます。
@masanorishin381
@masanorishin381 7 ай бұрын
いつも新しい情報ありがとうございます。今日本で一番わかりやすいチャンネルですねー
@user-ph6qe4we4l
@user-ph6qe4we4l 7 ай бұрын
これめちゃめちゃ使ってます。私の知る中だと一番便利!
@HaluNo9
@HaluNo9 3 ай бұрын
今更だけどこれすごい…
@hagehagehage
@hagehagehage 7 ай бұрын
もうちょっと早く知りたかったw
@TakumiY46
@TakumiY46 7 ай бұрын
解説ありがとうございます! 早速使ってみたのですが、ダークモードに変更したあとにDocumentationをクリックするなどで404 not foundを表示すると、ヘッダーの部分だけダークモードでその他はライトモードのままになってしまいます・・・ 対処法を教えてもらえないでしょうか・・・。
@makorei5895
@makorei5895 7 ай бұрын
追加されるものが多くて混乱しそうです.. そういう私は見た目はant.designだけにしています。
@hqnkuh
@hqnkuh 6 ай бұрын
Vue.jsは使用できませんか?
@user-hl9uv6cv7k
@user-hl9uv6cv7k 6 ай бұрын
www.shadcn-vue.com/docs/installation/vite.html viteからだと使えるみたいですね。
@udpskdps
@udpskdps 7 ай бұрын
Quasarはどうですか?
@user-vx2ll2um3f
@user-vx2ll2um3f 7 ай бұрын
11:25 ここでdivの閉じタグを一瞬でボタンの後ろに持ってってますが、どうやってるんですか?
@user-hl9uv6cv7k
@user-hl9uv6cv7k 7 ай бұрын
恐らく編集で一瞬で後ろに移動している風に見えているのだと思います。
@user-vx2ll2um3f
@user-vx2ll2um3f 7 ай бұрын
⁠@@user-hl9uv6cv7k返信ありがとうございます!そういうことですね!😂
たった数秒で高品質なUIが作れるAIサービスを紹介します【v0/shadcn】
11:28
プログラミングチュートリアル
Рет қаралды 6 М.
あなたはどのレンダリングパターンを採用しますか?【CSR/SSR/SSG/ISRを図解で解説】
34:32
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 4,6 МЛН
I CAN’T BELIEVE I LOST 😱
00:46
Topper Guild
Рет қаралды 119 МЛН
Clowns abuse children#Short #Officer Rabbit #angel
00:51
兔子警官
Рет қаралды 49 МЛН
ChatGPTとCursorを覚えると、ビジネスマンがプログラミングまでできて、生産性が何十倍にもなる
12:02
池田朋弘のワーク実況_リモ研サブチャンネル
Рет қаралды 99 М.
夢グループの夢最新卓上クーラーがヤバすぎるwww
11:08
ごっつぁん【GOTTSAN】
Рет қаралды 51 М.
【React Native/Expo50】REST API Expo Routerを使って、スマートフォンのTODOアプリを作る
28:51
TypeScriptでフルスタックエンジニアになる
Рет қаралды 954
【StoryBook入門】高品質なUIを作るならStoryBookを学んで導入してみよう!
24:27
プログラミングチュートリアル
Рет қаралды 11 М.
ReactでCSS書くならどれ使う?
18:16
ムーザルちゃんねる
Рет қаралды 9 М.
Next JS forms with Shadcn UI (the EASY way)
28:00
WebDevEducation
Рет қаралды 38 М.
【CORS入門】もうCORSエラーに苦しむことはありません。Webエンジニア必見です。
32:45
この技術スタックは現代の魔法です。
21:27
プログラミングチュートリアル
Рет қаралды 14 М.
Why I Pick ShadCN and Tailwind for all my projects
18:53
developedbyed
Рет қаралды 58 М.
【ESlint/Prettier入門】自動コード整形と構文チェックで開発効率を爆上げしてみよう
34:33
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 4,6 МЛН