Zennta

ログイン会員登録

検索後で読むお気に入りお気に入りグループ

履歴

履歴がありません

Qiita一覧

Zenn一覧

お問い合わせフォーム利用規約プライバシーポリシー

前へ
1
2
次へ

Next.jsとShadcn/UIで作るモダンWebアプリケーション(Part0)

shadcn add コマンドを使って v0 で作成したコンポーネントを追加してみた

shadcn/ui を park-ui に置き換える

shadcn/uiのComboboxで検索だけではなく新規作成も行えるコンポーネントを作成する

【shadcn-ui】全ての提供コンポーネントをインストールする方法

Reactとshadcnでコピーボタンを作る

【shadcn/ui】Error: `Tooltip` must be used within `TooltipProvider`の解消方法

shadcn/uiとtanstackでサーバーサイドページネーションする方法

【shadcn】 Dialogの開閉をuseStateで管理する方法

react-hook-form, shadcn, zodでcheckboxを実装する方法

簡単AI搭載のShadcnとTailwindカラーテーマジェネレーター

Vite + TypeScript + React + Tailwindcss + shadcn/ui のプロジェクトを作る

[覚書] Nuxt4用のshadcnの設定

shadcn/uiとconformによるRadioGroupの実装ガイド

shadcn/uiとconformによるSwitchの実装ガイド

shadcn/uiとconformによるCheckboxの実装ガイド

shadcn/uiとconformによるSelectの実装ガイド

shadcn/uiとconformによるTextareaの実装ガイド

shadcn/uiとconformによるInputの実装ガイド

shadcn/uiから学んだ再利用性の高いコンポーネントの作り方tips

shadcn/uiのDrawerを使うことで得たTips

shadcn/uiとReact Hook Formの連携を深堀りしてみる

shadcn/uiのドロップダウンメニューの中にアラートダイアログを使うときの注意

shadcn/uiのInput type=fileでプレビューを表示する

Vercelのコンポーネント生成AI 「shadcn/ui v0」の使い方

shadcn/ui + Zod + react-hook-formの要素をコンポーネント化して見通しを良くする

shadcnのform使用時のエラーCannot destructure propertyの解決方法

Remix + shadcn-ui で Error: No route matches URL エラーにハマった件

shadcnとzodを使って電話番号のフォームを作る

最近流行のレイアウトはshadcn/uiのCardで実装出来るぞ

Remix Viteでshadcnを使ってダークモードを簡単に実装する

shadcn/uiで自動でスライドするCarouselを作ろう

「Remix V2」に「shadcn/ui」をインストールする

shadcn/uiでGithubの草を作る

shadcn/ui でシンプルにUIを仕上げるガイド

shadcn/ui blocks の Lift Mode

shadcn/ui blocks とは

shadcn/ui+react-hook-form+zodを使ったサジェストフォームの作り方

【作成記録】Next.js(App Router)+Cloud Firestore+jotai+shadcn/uiでログイン無し投稿サイト

shadcn/ui の Form に拡張性を持たせる[useFormState, useFormStatus]

Remix + Conform + shadcn/ui で確認付きフォームを作成する

shadcn/uiで検索ボックスを作る

shadcn/uiでもChakra UIみたいなStackコンポーネントが使いたい

Next.jsにshadcn/uiを導入する

shadcn/uiを使って、ダークモードUIを簡単に実装してみよう🌕🌞

shadcnを触ってみた

shadcn-uiをAstroで使おうとしたときに躓いたところ

Next.js + shadcn/ui + TanStackTableでモダンなテーブルを作ろう

前へ
1
2
次へ

1
2
3
次へ

自社製品のリプレイスの技術選定を勝手に妄想する

AI駆動開発の要件定義に含めるべき内容

AIエージェント

Next.js + shadcn/ui でモダンなUIを構築する手順と実践例

Amazon BedrockとAmplify Gen2とNext.jsとMastraとAI SDKとAssistant UIでゼロから作るチャットアプリ（MCPもあるよ）

Supabaseの宣言型データベーススキーマの実践

【React + Jotai】状態管理でスマートにローディング画面を切り替えよう！

Vercel v0の落とし穴… Tailwind3に戻す properties of undefined

scaffolding toolで始めるフロントエンド効率化

フロントエンド

shadcn/ui エンジニア向けUI開発効率化ガイド

フロントエンド

個人的備忘録：ポップアップ実装には@headlessui/reactが良さそうだったので記事にまとめてみた

フロントエンド

[memo]Next.jsでタスク管理ツールを作成していく

【Next.js】実装ワンポイント

Devin2.0 を使ってDevinっぽいアプリをつくるのにいくら課金すれば良いのか試してみた

アプリ開発

AIエージェント

朝起きたら GPT-4.1 が発表されてたのでちょっとHなガンダムクイズを作りました

Hono × Next.js 15未経験チームがAI面接システムを構築！

エイプリルフール

絶対音感を育成するwebアプリを作った話

ポートフォリオ

clauddeのティファクトの活用して仕様書を作成した話

claudde,ティファクト,仕様書

【React】TanStack Table(React Table)をハンズオンで学ぼう！

フロントエンド

shadcn/ui: コピペで使えるReact UIコンポーネント集

【図解解説】Next.js,Hono,Drizzle,Zod,ClerkでTwitterクローンを開発するチュートリアル【JStack/TypeScript/Neon/Cloudinary】

【Next.js】アプリ作成とshadcnの初期インストール

理解に苦しんだ結果、わかりやすく解説！ReactやNext.jsで使えるreact-hook-formとshadcnのフォーム管理

フロントエンド

Cursor MCPを設定してプライベートリポジトリのPRにアクセスする

Reactで作る簡単TODOアプリ

🌟 Shadcn UI を使ってみる！軽量なコンポーネント構成

Clineでアプリを作ろう！AIと協業する開発フローを体験

AIエージェント

小規模アプリでAtomic Designを採用したら管理が大変すぎてやめた話

【clinerulesの書き方】Cline x Next.js での AI駆動開発に使っているテンプレートと使い方を紹介してみる

AIエージェント

Cursor × Next.js 開発を加速する【.cursorrules】公開🚀

lovableってなんだ？何ができるんだ？

1
2
3
次へ