daisyUI

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

OPTiM TECH BLOG•8ヶ月前

脱React宣言！初心者のためのSvelte×daisyUI入門

はじめにみなさんこんにちは、プロダクト開発部の勝田です。普段業務ではOPTiM Bizでの管理サイトの問い合わせ対応等担当しています。本記事は、OPTiM TECH BLOG Advent Calendar 2025 Day 24 の記事です！本記事では、個人的に使用しているSvelteとdaisyUIの組み合わせによってモダンなフロントエンド開発を効率化する方法について解説します。特に開発体験の向上やコードの簡潔性に焦点を当て、実際のセットアップ手順まで詳しく説明します。はじめに Svelteとは daisyUIとは Svelte x daisyUIを始めよう！始める前に確認 S…

#Advent Calendar#svelte#daisyUI

関連ブログ

わたねこコーリング•2年前

Spotify API で曲名を取得するだけのウェブアプリ作ってみた

かれこれ5年来くらいの Spotify 有料ユーザです。さて、Spotify でディグった知らない音楽が良かったとき、メモったり SNS に流したりしようとしてアプリから曲名やアーティスト名等のテキストをコピペするのって、けっこう面倒じゃないですか？そんなフラストレーションが積もり積もって Spotify API 経由でアルバム情報を取り寄せて表示するだけのウェブアプリ作ってみたです。設計・実装面での概要はこんな感じ。 Vue3 + Tailwind CSS + daisyUI で開発。バックエンド不要のフロントエンド 100% な SPA。 Spotify API の認証認可は、OAuth2…

#Vue 3#Tailwind CSS#daisyUI#Spotify

torippy1024’s diary•3年前

【Everyday Next.js】8. daisyUI

daisyUI 今回は、Next.js の公式ドキュメントを離れて、daisyui を導入する。 daisyui.com daisyUI とは daisyUI は、Tailwind CSS をベースにしたコンポーネントライブラリである。 GitHub の tailwind タグでスター数が３番目に多いライブラリになっている。１番目は、Tailwind CSS 本家。２番目は、UI コンポーネントライブラリである Radix UI と、Tailwind CSS をベースとした「shadcn-ui」。つまり、純粋な Tailwind CSS のコンポーネントライブラリの中では現状最も有名とい…

#Next.js#daisyUI

KENTEM TechBlog•3年前

daisyUIでサクッとポップな画面作成

こんにちは！開発部エンジニアとしてフロントエンドを主に担当しています。最近、心ときめくUIライブラリに出会いました・・・・それは daisyUI です今回はNext.jsでdaisyUIをさわってみた感想などをお伝えします！ daisyUIとは？ライブラリのインストール表示してみるボタンドロップダウンモーダル範囲スライダーおすすめポイント JS不要でサクサク軽量テーマが設定できるまとめおわりに daisyUIとは？ TailwindCSSのプラグインとして使用できる、CSSライブラリです。 daisyUIには様々なコンポーネントが用意されています。 TailwindC…

#tailwindcss#daisyUI

約束の地•4年前

daisyUI でデフォルトで使っているとラジオボタンの縁が黒くなったり、その他何かと黒くなるのをやめたいとき

結論 theme を設定する。 daisyui.com デフォルトの Config では dark に設定されており、これだとたとえば選択中のラジオボタンの縁が黒くなってしまう*1。 gyazo.com ここで、data-theme="light" を属性にしてあげると、 light テーマに基づいた色になる。 gyazo.com 補足ここの CSS を無理やりオーバーライドする方法も無くはないですが、まずは data-theme で対応したほうがいいでしょう。 Config については daisyUI を使うならば一読しておいたほうが良いと思います。 *1:body-shadow が原因

#CSS#daisyUI#Tailwind