Logicky Blog

Logickyの開発ブログです

daisyUI

RemixでdaisyUIを使ってnavbarとかfooterをつくってみよう!

こちらの続きになります。 blog.logicky.com 上記で、daisyUIを入れましたので、これを使って、navbarとfooterを作ったりしてみましょう! navbarはここにあります。 footerはここにあります。 まずは、appにcomponentsというディレクトリを作りましょう。 …

RemixでexpressをサーバにしたりDaisyUIを入れたりする

Remixiの新規プロジェクト作成 下記で新規プロジェクトを作成します。プロジェクト名はhogeとします。 npx create-remix@latest cd hoge サーバをexpressにする expressを入れて、server.tsを追加します。 npm i express @remix-run/express cross-env @type…

Jetstream入りのLaravelでmaryUI(Volt)を使って管理画面を作ってみる

Laravelプロジェクト作成 laravel new hoge 上記実行中に、JetstreamやLivewireなどを選択しました。Databaseもpostgresqlを選択しました。 しばらくすると、プロジェクトが作成されており、.envも作成済みでした。 DB作成・設定 psql -U postgres # create …

Laravel11にLivewireとTailwindとdaisyUIを入れてレイアウトをつくる

これの続きです。 blog.logicky.com Windows11でLaravelを動かせたので、LivewireとTailwindとdaisyUIを入れて、実際の画面をちょっと作ってみます。 daisyUIについては、今回は、daisyUIを使ってLivewire用のコンポーネントにしてある、maryUIというのを入…