2021-01-01から1年間の記事一覧

Google Tag Managerのタグとトリガーについてメモ

概要 簡単な概念だけ記載します 、というかあまり深くまで知らない。。。 タグ: データを Google アナリティクスなどのシステムに送信するコードです。 ↑公式から引用 タグは実行されるJavaScriptコードという理解です Google公式のタグもあれば、完全にカス…

主キーには自動でインデックスが付与される

Primary keyを作成時、インデックスは自動で付与される 主キーを作成時、大抵のDBは自動でインデックスが主キーに付与される そのため、主キーにインデックスがあることを意識してインデックスを付与することや、複合主キー主キーを作成時には、複合インデッ…

FirestoreとNoSQLについて

Firestoreについて FirestoreはNoSQLモデルのデータベースです。 公式サイトは以下です。 https://firebase.google.com/docs/firestore?hl=ja FirestoreってRDBと何が違うの?というとデータを保持する構造が全く異なります。 RDBに詳しい人ほど取っ付きにく…

awaitとthenの挙動と使い分け、awaitを使わないほうが良い場合とPromise.all()について

awaitの使用例 まずdeveloper.mozillaの説明を引用しますと await 演算子は、async function によって Promise が返されるのを待機するために使用します。 下の例ではawait processA()でprocessAの解決を待ったあとに以下の処理が走ります。 processA()の実…

DB設計~第一正規化から第三正規化

はじめに 商品の注文履歴テーブルを作成する、という題材でDB設計(第一正規化から第三正規化まで)を考えていきます。 カラムは簡潔にするためにシンプルにしています。 第一正規化 これは単に一つのカラムに一つの値が入っている状態で、以下のような形で…

Error: Value for argument "data" is not a valid Firestore document. Cannot use "undefined" as a Firestore value (found in field "fieldName")の原因と対処法

エラーの原因 undefinedをFirestoreがサポートしていないためエラーが出ます。 なお、nullはサポートしているためエラーは出ません 参考 firebase.google.com 対策 undefinedではなくnullなどサポートされている型を入れる firebase.firestore.Settingsでign…

HTTP レスポンスステータスコードについてメモ

レスポンスの5つのクラス 100台 情報レスポンス 200台 成功レスポンス 200 OKや201 Createdなど 300台 リダイレクト系 301 Moved Permanentlyなど 400台 クライアント側エラー 400 Bad Requestや404 Not Foundなど 404 Not Foundでリュックを背負った金髪の…

アジャイル・スクラム開発を経験して考えたこと・感じたこと

はじめに この記事はスクラム開発の解説ではなく、私がスクラム開発チームやっていたときの備忘録です。 こんなんだったなぁとか大変だったなぁみたいなことを書きたいと思います。 内容も私の経験を元に書いているので、それはスクラムじゃないみたいなこと…

tsconfig.json/compilerOptionsのtypes指定についてメモ

概要 デフォルトでは@typesパッケージのすべて(node_modules/@types)がコンパイル時にincludeされる。 typesを利用すると、指定したパッケージのみincludeされる。 { "compilerOptions": { "types": ["node", "lodash", "express"] } } ↑三つの指定したパ…

computedの中でdataを書き換えるとエラーになる: vue/no-side-effects-in-computed-properties

Vue

事例 computedの中でdataを書き換えると vue/no-side-effects-in-computed-properties というエラーが出る 公式によると、computedがこのような副作用を持つと、可読性が悪くなりかつ予測不可能になりやすいため たしかにcomputedが動いたときに毎回値自体が…

Next.jsの動的ルーティングについてメモ

詳しい動作はコメントに記載しました Next.jsのversionは10.0.7です UserList.tsx import * as React from 'react' import UserListItem from './UserListItem' import { User } from '../interfaces' // Propsで親コンポーネントからUserのリストを取得 typ…

Firestoreのセキュリティルールのメモ

Firestoreのセキュリティ ルールについて Firestoreの読み書きに対してセキュリティルールを設定できる。 これを設定せずに公式のすべて許可の例 https://firebase.google.com/docs/firestore/security/get-started?hl=ja#allow-all のようにして運用すると…

ファイルサイズの境界値テストは任意のファイルサイズを作成できるfsutilが便利

環境:Windows10 例えば1GBバイト以下のファイルのみアップロードできる、という仕様の場合 fsutil file createnew 1gbfile 1048576000 といった形でファイルサイズを指定してファイルを作成することが出来ます。 参考:https://docs.microsoft.com/ja-jp/wi…