【Next.js】CSPを設定する
next.jsでcspを設定したので、CSPについてまとめておきます。 CSPとは Content-Security-Policyの略 (ブラウザ側での)コンテンツ読み込みを制限して、XSSやデ...
1
1
Comment0
56 search resultsShowing 1~20 results
Stocked
You need to log-in
【Next.js】error.tsxを使ったエラーハンドリングでハマった
やろうとしていたこと サーバーサイドの処理で、エラーが発生した場合、エラーのステータスに応じて、エラー画面を出し分ける。 https://nextjs.org/docs/app/building...
1
0
Comment0
【Next.js】CSR, SSR, SSGの違いについて
業務でCSRアプリの開発に携わる機会があったので、これを機にSSRやSSGとの違い等について整理しておこうとおもいます。 CSR 概要 client side rendering 名前の通り、ク...
0
1
Comment0
【React】useReducerの基礎と使い所
業務でuseReducerを初めて使う機会があったので、簡単にまとめておきます。 useReducerとは useReducerは、リデューサ (reducer) をコンポーネントに追加するため...
0
0
Comment0
【Typescript】便利だけどたまにしか使わない忘れがちなユーティリティ型
ユーティリティ型 そもそもユーティリティ型がなにかと言うと、型を別の型に変換してくれる型のことです。 たくさんありますが、私が最近よく遭遇したものを挙げてみます。 Record Recordはプ...
0
0
Comment0
【Typescript】ユーザー定義型ガードisについて
isとは 型推論を補強するもので、型の絞り込みをすることができる関数です。 isを使用しないパターンと使用するパターンの例を出して、isの便利さを説明できればと思います。 isを使用しないパター...
1
0
Comment1
DI(Dependency Injection)依存性注入の基礎
先日実装したAPI呼び出し(Repository)部分の実装をしたときに、レビューでDIに関する指摘をもらったので、これを機にDIについてまとめておきます。 概要 DIとは、Dependency...
2
0
Comment0
【TypeScript】 wideningについて
概要 TypeScriptのtype assersionやsatisfiesについて調べていましたが、まずはwideningについて理解していないと説明ができないと感じ、まずはwideningに...
1
0
Comment2
【Typescript】as constと satisfiesの組み合わせによるwideningの抑制と型チェックについて
実務にて、wideningの抑制のためのas constや、型チェックするためのsatisfiesを利用するルールが浸透してきたので、まとめてみました。 as const 最初にas const...
1
0
Comment0
Docker desktopをインストールしたが、command not found
業務で、簡易的なnginxサーバーをDocker環境で構築することになったのですが、dockerコマンドのパスが通らないことがあったので、対処法を備忘録として残しておきます。 構築環境 mac ...
1
1
Comment0
【ESLint】【JSX】propsにスプレッド構文を使うのは好ましくない理由
現在参画しているプロジェクトでは、ESLintのreact/jsx-props-no-spreadingを有効にし、propsにスプレッド構文を使うことは原則禁止となりました。 理由 ↓のgit...
0
0
Comment0
【TypeScript】Mockdate使って現在日時を固定化
背景 ladle(storybookのようなコンポーネントカタログ)にて、日時表示のバリエーションを持たせたかった。そのためには、現在日時をmock(固定化)する必要があった。 導入 $ npm...
0
0
Comment0
【Next.js】useEffectが2回実行されてしまう
環境 OS: MacOS Ventura 13.0.1 Node.js: v17.0.0 next: 13.0.3 react: 18.2.0 起きていた問題 nextの基礎学習をしていて、ステ...
0
0
Comment0
【React】useParams undefinedが返ってきてしまう
背景 URLパラメータを取得するのに、useParamsを使えば簡単に取得できると聞いて使ってみました。 バージョン等 React : 17.0.0 react-router-dom : 5.3...
3
1
Comment1
【SQL】相関サブクエリについて
背景 普段は、Reactをメインに書いているのですが、結合テストでSQLを叩く必要がありました。 たまにしかSQLは書かないので、忘れないようにまとめておきます。 欲しいデータ 分かりやすくゴル...
0
0
Comment0
【React】「Warning: Each child in a list should have a unique "key" prop.」のエラー
実現したいこと 配列のデータをテーブルで表示させる。 バージョン等 React 17.0.0 Node.js 17.0.0 問題のコード import * as React from "reac...
1
1
Comment0
【Express】起動時に、「TypeError: express is not a function」のエラー
expressでサーバー立てようと思い、このように書いていたら、 //index.ts import * as express from "express"; const app = expr...
0
0
Comment0
【typeorm】「オプションではない引数が 0 個では不足しています。少なくとも 1 個の引数が必要です」のエラー
やろうとしていたこと Expressとtypeorm使って、学習がてら個人開発してました。 entityを作ろうと思って、下記コマンドを叩いたら、 $ npx typeorm entity:c...
0
0
Comment1
【TypeScript】in演算子を使った型による条件分岐の方法
やりたかったこと ↓のような、型とメソッドが既存のソースにありましたが、このメソッドに対し、似てるけどちょっと違う型も引数に渡せるようにする必要がありました。（プロパティ名が異なる） 理由として...
0
0
Comment0
【Angular】RxJSまとめ(初級)
書こうと思ったきっかけ Angularをさわりはじめて半年以上経ちましたが、実務で成り行きで使っていたところもあり、一度基本に立ち返り基礎的な部分をまとめてみようと思いました。 RxJSとは 非...
2
0
Comment0
56 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles