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

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

アプリ開発

Three.js 学習記録 基本的な使い方

はじめに Three.jsの学習を記録していきます Three.jsを使いこなしてゆくゆくは3次元的なサービスを提供できるフロントエンジニアを目指します ビルドツールとThree.jsの導入 Viteを利用します ja.vitejs.dev自分はユーザー名に半角スペースを含むため、yarn…

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

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

【開発ナレッジ】Django実践アプリ機能実装ナレッジ~環境変数設定・決済機能・カスタムユーザー・ログイン処理・非同期処理・キャッシュ制御・ログ・OAuth認証・バッチ処理~

Udemyの学習で学習した Django の実践的な機能の実装方法のナレッジをまとめます2種類の講座の学習まとめ講座1: 【中級者向け】Django3でショッピングアプリ開発 - ECサイト構築で行うPython・WEBアプリケーション開発 https://github.com/TakumaFujimoto/ve…

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のユーザー名にスペースが含まれることが原因っぽかったので、対…

Django WYSIWYG 導入つまづき箇所メモ

はじめに DjangoでWebアプリを開発しているのですが、WYSIWYG導入で詰まった部分があったので、備忘録です WYSIWYGとは テキストフィールドをリッチにできるやつです TextField()そのままだと文字しか入力できないですが、summernoteというパッケージを入れ…