ダイキのアプリ開発ナレッジ

アプリ開発のナレッジを掲載します

React

Powershell上でyarnの実行ができない場合の対処法

Powershell上でyarnの実行ができない場合の対処法 PowerShellのセキュリティまわりの設定が原因である場合、以下の記事に対処法が書いてある https://qiita.com/ponsuke0531/items/4629626a3e84bcd9398f hoge.psはyarn.psに読み替える 結論としてはこのコマ…

Next.js テスト実装方法 基本編勉強

この記事はUdemyの学習メモです テストに関して解説してくれる教材はなかなか見つからないのでかなり重宝させてもらいました www.udemy.comNext.jsで実装するプロジェクトのテストの導入と静的テストの基本形の内容だけ記載しておきます目次 テスト準備 テス…

Next.jsのSSG(Static Site Generation)に関する4パターンの整理

Next.js は基本的にデフォルトでビルド時にHTMLを事前生成する ビルド時にDBからPre-FetchをしてHTMLを事前生成する方式とアプリ運用時のサーバーアクセス時にDBからHTMLを生成する方法が大きく4種類あるので整理するSSGはStatic Site Generationの略でユー…

Next.jsのテスト実行時に.env.test.localの環境変数が読み込まれない時の対処

はじめに Next.js開発においてAPIエンドポイントのURLを環境変数化した場合にアプリ自体は動くがテストが通らなくなる事案が発生 調べによるとJESTは環境変数を.env.test.localに記載してもうまく読み込んでくれない場合がある模様 環境 OS: Windows 10 node…

Create-React-Appでfound 24 vulnerabilities (8 moderate, 15 high, 1 critical) run `npm audit fix` to fix them, or `npm audit` for detailsの警告が出る対処法

Windows環境でnodeを使うといろいろなところで支障が出るとネットの記事に書いていましたが、例にもれずそのあおりを受けました 環境 Windows 10 nvm --version 1.1.7 node --version v14.18.0 npm --version 6.14.15 事象 npx craate-react-app [アプリ名] …

Create-React-Appのコマンド実行で失敗する事案の対処

Create-React-Appのコマンド実行で失敗する事案が発生 (npx create-react-appで"Error: EPERM: operation not permitted, mkdir 'C:\Users\〇〇 ' command not found: create-react-app") PCのユーザー名にスペースが含まれることが原因っぽかったので、対…