ほとんど下記記事と同じ。 bnsgt.hatenablog.com 以下のみ異なる。 ブラウザのHerokuダッシュボードで、作成したアプリのsetting（https://dashboard.heroku.com/apps/{アプリ名}/settings）Add buildpackをクリックし、node.jsを選択し、Enter Buildpack UR…

仕事でExpress, Reactを使うことになり、キャッチアップのため個人的にもMERNスタック（MongoDB, Express, React, Node.js）で、ちょっとしたアプリを作って見ようと思った。 Herokuでホスティングするのがメジャーなようで、情報も多いし、月550時間まで無…

最近、急激に寒くなって、さっき暖房つけようかなと思ってしまった。 （冷房も暖房も不要で、長ズボンでロンTとかで心地よい秋が好き。自分が小さい頃はもうちょい秋が長かった気がする。） で、いったん暖房つけ始めると、無いとだめな体になっちゃうんで、…

Google Maps APIを使えば、色味やマーカーなど埋め込み地図を色々カスタマイズできるけど、 以下の料金体系のうち、月200ドル分を超えると従量課金されるらしい。 developers.google.com ただシックな感じにしたくてモノクロにしたいだけなら、無料で生成で…

Webサイトに埋め込んだGoogleMapをデフォルトのデザインじゃなくて、そのサイト用にカスタマイズしたい場合がある。 Google Maps APIを使ってできるけど、オプションやらたくさんあって出来ることが多い。 developers.google.com 今回は、以下の簡単なカスタ…

favicon.icoをオリジナルのものにしたくて、/staticフォルダのfavicon.icoを差し替えたけど、ブラウザのタブを見るとNuxtデフォルトのアイコンのままだった。 キャッシュかと思い、nuxt.config.jsのfavicon.icoの箇所にパラメータ?v=1.0.0を追加した。 head:…

nuxt.config.jsのVuetify > optionsにcustomProperties: trueを追記する。 nuxt.congif.js ... vuetify: { .... options: { customProperties: true } }, }, ... CSSに、var(--v-primary-base)のように記述すれば、変数を利用できる。 background: var(--v-p…

FireStoreのTimestampはそのままだと、以下のような形式で取得できる。 Timestamp(seconds=1634252400, nanoseconds=0) Date型に変換するには、以下の2通りが考えられる。 ※timestampという変数に取得したTimestampが入っている想定 toDate()を使う console.…

以下の証明書エラーで、tesseract.jsの言語ファイルが読み込めなかった。 Uncaught (in promise) FetchError: request to https://tessdata.projectnaptha.com/4.0.0/{言語コード}.traineddata.gz failed, reason:certificate has expired tesseract.jsを使…

最近お酒飲んだ次の日、鼻の不調がやばかった。 今日は前日お酒飲んでいないので、鼻の異常はなかった。 アルコールのせいと思ってたけど、そういえば、最近お酒と一緒にナッツも一緒に食べていたので、原因の絞り込みのため、今日はナッツ系を取らずに、お…

最近、明け方になると愛猫が「ニャーニャー」鳴き出し、暴れたりして起こされることが続いた。 でも今日は暴れることなく静かだった。 違いがあったのでメモしておく。 「窓を開けて寝ていた場合、明け方暴れる」ということ。 うちは前に大通りがあって、窓…