Introducing hit-area — a collection of Tailwind CSS utility classes for expanding the hit area of interactive elements across your codebase. By now, I'm sure some of you have heard of interaction dead zones. You may have even seen a post showing how to address them using a CSS pseudo-element, absolutely positioned on the interactive element to expand its hit area, all without impacting its layout.
この記事では、shadcn/ui の Registry 機能を活用して、企業の自家製の UI ライブラリやデザインシステムを構築・配布する方法を解説します。 はじめに UI コンポーネントライブラリを作成・配布する方法として、npm パッケージとして公開するのが一般的です。shadcn/ui が提唱する Registry 方式 は、それとは異なるアプローチを提供します。どちらが優れているというわけではなく、ユースケースに応じて使い分けるのが理想です。 shadcn/ui では npx shadcn add button のように CLI でコンポーネントを取得できますが、Registry を使えばこの仕組みを自分のコンポーネントライブラリでも実現できます。つまり、npx shadcn add @your-registry/component-name で自作コンポーネントを配布・取得できる
When you're done, click Create Project to start a new project.
Free, open-source admin dashboard UI template Built with React, Vite, and ShadCN UI Features responsive design, accessibility, and global search Includes TanStack Router and built-in sidebar MIT-licensed #What is Shadcn Admin?Shadcn Admin is a free, open-source admin dashboard UI template developed by Sat Naing, designed to provide a reusable foundation for building dashboard interfaces. Its prima
AI面接官、実装してみたくない？この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力 といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
