| ヒラタのブログ

コーディング

next.js .env.localについて

Next.jsバージョン9.4以降から、環境変数の取り扱いが変更になっているようです。 サーバー側でに渡す環境変数は、.env.localで設定すれば良くて、 クライアント側からアクセスしたい環境変数は、.env.localに記載後、 next.config.jsで再度、設定するといい .env.local<pre><code>API_KEY=XXXXXXXX END_POINT=XXXXXXX SLACK_WEBHOOK_URL=XXXXXXXXX</code></pre> next.config.js<pre><code>module.exports = {    env：{      SLACK_WEBHOOK_URL:process.env.SLACK_WEBHOOK_URL   } };</code></pre> あれ、これでもconsoleから見えちゃう。。。

コーディング

undefined/undefined/undefined

firebase cloud functions　無料プランについて

firebaseの無料プランで学習用にcloud functionの設定をしている際、<pre><code>firebase deploy</code></pre>すると、<pre><code>Error: Cloud Functions deployment requires the pay-as-you-go (Blaze) billing plan. To upgrade your project, visit the following URL:</code></pre> と有料プランにしないと、使えないよと言われます。 対策としては、 functionsフォルダのpackage.jsonの下記部分を<pre><code> "engines": {   "node": "10"  },</code></pre> <pre><code> "engines": {  "node": "8"  },</code></pre> に変更することで、2021-03-15までは使えるようです。

コーディング

undefined/undefined/undefined

クロージャについて

<h1 id="h5c469d82e8">・クロージャー</h1>定義・・・レキシカルスコープの変数を関数が使用している状態 <h3 id="h20feb2cff2">ケース01・・・プライベート変数の定義</h3>グローバルに定義するとどこからでも参照できるため、関数スコープ内に変数を定義 ・グローバルに定義<pre><code>let num = 0 console.log("Global", num); increment() increment() increment() function increment() {     num = num + 1     console.log(num); }</code></pre> ・クロージャー使用<pre><code>function incrementFactory() {     let num = 0     function increment() {         num = num + 1         console.log(num);     }     return increment } const increment = incrementFactory() increment() increment() increment()</code></pre> <h3 id="hab1d653a0d">ケース02・・・動的関数</h3><pre><code>function addNumberFactory(num) {     function addNumber(value) {         return num + value;     }     return addNumber; } const add5 = addNumberFactory(5); const result = add5(5); const result = add5(10);</code></pre> 変数numを固定した関数を生成できます

next.js .env.localについて

firebase cloud functions 無料プランについて

クロージャについて

firebase cloud functions　無料プランについて