くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Node.jsバージョン管理にfnmを利用する

今までNode.jsのバージョン管理には、 nodebrewを使っていたけど、 いちいちバージョンを変えるのがめんどくさいので、 自動切り替えもできるfnmに移行してみた(*´ω`*) インストール # インストール $ brew install fnm # .bashrcに設定を追加 $ echo 'eval…

ポートが利用されているときの調べ方と解放の仕方

Firebase Emulator Suiteとかを起動しようとすると、 まれにコンナエラーが出る。 firestore: Port 8080 is not open on localhost, could not start Firestore Emulator. 停止のし忘れなどでポートが空いてない場合もあるので、 ポートを利用しているプロセ…

セキュリティを無効化したChromeをMacOSで立ち上げる(CORS問題の回避)

Nuxt3+Firebase Local Emulator Suiteで開発してると、 Firebase FunctionsのCallable関数でCORSエラーが。。 (Nuxt2のころだと問題なかった気がするけど、) いろいろ試してみたけど、うまく行かなかったので、 開発中はセキュリティを無効化したChromeで動…

WAI-ARIAをちょっと調べてみた | `aria-`とか`role`とか

WAI-ARIAとかa11yとかアクセシビリティとかよく聞くけど、 あまりちゃんと理解していないので、ちょっと調べてみた(*´ω`*) 軽く概要ていどなので、個別の詳細は別途確認する。 主に以下を読み進めた感じ(*´ω`*) WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN H…

tailwind/daisyUIのカスタマイズ

tailwindとdaisyUIを使いはじめて、 色やサイズをカスタマイズしたいなと思ったら、いろいろできた(*´ω`*) Tailwind Themeのカスタマイズ Configuration - Tailwind CSS // tailwind.config.js module.exports = { theme: { // テーマの設定 // デフォルト…

routing-controllersのカスタムエラーハンドラで404を扱う

最近はサーバサイドもTypeScriptにしていて、 routing-controllersがいい感じ。 Error Handlingをカスタムしてるけど、 どのパスにも当てはまらない場合にうまく処理されないので、いろいろ調べてみたときの備忘録。 解決方法 このIssueへの回答が参考になっ…

Nuxt3でFirebase Auth v9を使ってみる

Nuxt3&Firebase Auth v9を試してみたときの備忘録。 Nuxt2&Firebase Auth v8とは結構違うので、びっくりする(*´ω`*) まずはインストール $ npm i firebase プラグインでFirebaseの初期化 Firebaseの初期化はプラグインでおこなう。 .clientサフィックスで、…

routing-controllersで複数のファイルを別のfield名を必須じゃなくても扱えるようにする

最近はサーバサイドもTypeScriptにしていて、 routing-controllersがいい感じ。 ファイルアップロードを扱う際は、expressjs/multerを利用するけど、 若干ハマったので、そのときの備忘録。 やりたかったこと 複数のファイルを同時にアップロードしたい それ…

Nuxt3でvue3-notificationをつかって通知する

BuefyからTailwind CSSに移行してるけど、 通知を自前で作る必要があるので、いろいろ試してみたときの備忘録。 通知関連のVueコンポーネントはいくつかあるけど、 Vue3対応でメンテナンスされているvue3-notificationを利用 使い方 まずはインストール $ np…

Cloud Functionsでのエラーを通知する(Cloud Loggingのアラート機能)

GCP、いつのまにか特定のログを検知したら、通知を簡単に送れるようになってた(*´ω`*) Slack、Email、SMS、Webhook、Pub/Subなどいろいろ遅れるっぽい(*´ω`*) cloud.google.com cloud.google.com いままでFunctions内からSlackを呼ぶ処理を入れてたけど、…