みかづきブログ・カスタム

基本的にはちょちょいのほいです。

2023-09-01から1ヶ月間の記事一覧

Vercelでプレビュー環境に表示される「Log in comment」ボタンを強引に非表示にする 🔘

Vercelでプレビュー環境に表示される「Log in comment」ボタン。 非表示にしたい場合は設定からOFFにできます。そんなことがあるのかはわかりませんが、自分に設定を変更する権限がないけれども、大急ぎで非表示にしたい場合、「Log in comment」ボタンはウ…

Firebase HostingにホスティングしたウェブサイトからCloud FunctionsのHTTPS関数を実行する 🔥

発行されたURLを普通に叩くとクロスオリジンになってしまうのでどうしたものかと思っていたのですが、ホスティングのリライトルールを使うと回避できます。firebase.google.comというか、公式のドキュメントに詳しい手順が書いてあるので、その通り進めればF…

Node.jsを14.Xから18.Xまでバージョンアップしたら Error: error:0308010C:digital envelope routines::unsupported となった 😱

昔つくったNext.jsのプロジェクトを久しぶりに修正しようと思ったのですが、.node-versionが14.21.3でした。 流石に14は古すぎるので、18.17.1までバージョンアップし、 yarn devを実行したところ、 Error: error:0308010C:digital envelope routines::unsup…

npm-check-updatesを使ってパッケージをアップデートしつつ、package.jsonを書き換える 📝

www.npmjs.comnpm-check-updatesを使えば、package.jsonに記載されているパッケージを記載しているバージョンを無視して最新にしてくれます。 依存関係はいい感じに評価してくれるようです。僕の場合、 package.json { "scripts": { "update": "ncu -u" }, "…

プロトタイプでCloud Firestoreをさささっと使う(モジュールバンドラー無し ver.) 🔥

本番環境でCloud Firestoreを使う場合、セキュリティルールをしっかり設定しないといけないですが、プロトタイプとして誰でも読み書きOKとしてさささっと実装したい場合もあります。今回は、 ログイン不要で誰でもデータを読み書きできる モジュールバンドラ…

iOSでbackdrop-filterを使うときはベンダープレフィックスを付与するべし 📱

CSSで擦りガラス越しに見ているようなエフェクトをかけたい際、backdrop-filterを使うといい感じに実装できます。 DEMO ソースコード(抜粋) CSS .backdrop-filter { backdrop-filter: blur(4px); } しかし、現状ではSafariで使用するにはベンダープレフィ…