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