tailwindとdaisyUIを使いはじめて、 色やサイズをカスタマイズしたいなと思ったら、いろいろできた(*´ω`*) Tailwind Themeのカスタマイズ Configuration - Tailwind CSS // tailwind.config.js module.exports = { theme: { // テーマの設定 // デフォルト…
最近はサーバサイドもTypeScriptにしていて、 routing-controllersがいい感じ。 Error Handlingをカスタムしてるけど、 どのパスにも当てはまらない場合にうまく処理されないので、いろいろ調べてみたときの備忘録。 解決方法 このIssueへの回答が参考になっ…
Nuxt3&Firebase Auth v9を試してみたときの備忘録。 Nuxt2&Firebase Auth v8とは結構違うので、びっくりする(*´ω`*) まずはインストール $ npm i firebase プラグインでFirebaseの初期化 Firebaseの初期化はプラグインでおこなう。 .clientサフィックスで、…
最近はサーバサイドもTypeScriptにしていて、 routing-controllersがいい感じ。 ファイルアップロードを扱う際は、expressjs/multerを利用するけど、 若干ハマったので、そのときの備忘録。 やりたかったこと 複数のファイルを同時にアップロードしたい それ…
BuefyからTailwind CSSに移行してるけど、 通知を自前で作る必要があるので、いろいろ試してみたときの備忘録。 通知関連のVueコンポーネントはいくつかあるけど、 Vue3対応でメンテナンスされているvue3-notificationを利用 使い方 まずはインストール $ np…
GCP、いつのまにか特定のログを検知したら、通知を簡単に送れるようになってた(*´ω`*) Slack、Email、SMS、Webhook、Pub/Subなどいろいろ遅れるっぽい(*´ω`*) cloud.google.com cloud.google.com いままでFunctions内からSlackを呼ぶ処理を入れてたけど、…
Nuxt.jsを使って開発してるけど、 よく使う処理やUIコンポーネントをライブラリ化したい。。 とはいえ、公開できるレベルまで作り込む感じでもないので、 npmjs.comに公開するのは気が引ける。。 GitHub Packagesを使えば、非公開パッケージを用意できるっぽ…
Vee-Validate v4を試したときに、 validationルールでYupを利用したけど、 メッセージが英語だったので、日本語化してみたときの備忘録。 www.memory-lovers.blog pocka/yup-locale-jaを使えばOKだった(*´ω`*) 使い方 まずはインストール $ npm i yup yup-l…
Vee-Validate3を使ってたけど、Vue3を利用しているので、 Vue3対応版のVee-Validate4を試してみたときに備忘録。 かなり変わっているので、びっくりする(*´ω`*) 主な変更点 ValidationProviderなどで囲わなくなり、 Form、Fieldなどのコンポーネントが提供…
Tailwindでは、カスタムCSSを@applyやlg:などでも使えるように、 @layer utilitiesなどを使って設定が必要。 @tailwind base; @tailwind components; @tailwind utilities; @layer components { .select2-dropdown { @apply rounded-b-lg shadow-md; } } @la…