VisualStudioCode

nodejs

npm npxのコマンドで失敗する(errno -4058)

やりたいことnpm/npxのコマンドを実行した際にerrno -4058のエラーが表示され失敗しました。具体的にはnpx create-next-app@latestを実行したときに以下のエラーが表示されました。npm error code ENOENTnpm error syscall lstatnpm error path C:\Users\XXXXXXXXX\AppData\Roaming\npmnpm error errno -4058npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\XXXXXXXX...
Phaser3

Vite + Phaser 3 + VisualStudioCodeの開発環境を作成する

やりたいことPhaser 3(Javascriptの2Dゲームエンジン)を使用するViteの環境を作成します。Viteが動作する環境(Node.jsなど)はインストール済みの前提です。テンプレートの使用ありがたいことにPhaser 3を使用するViteのテンプレートが用意されていますので使用します。テンプレートの取得テンプレートを以下のどちらかの方法で取得します。リポジトリからクローン以下のリンクからクローンします。(クローンってなに?という方は下のzipのダウンロードをお試しください)クローンが終わったらプロジェクトのフォルダに.gitフォルダ以外をコピーします。Zipでダウンロード以下のペ...
JavaScript

Visual studio codeからローカルサーバーを起動する

やりたいことVisual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。なぜ必要なのか?ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うことができます。しかし一部の機能はローカルファイルからは実行することはできません。そのためローカルにHTTPサーバーを起動し作成したHTMLファイルをサーバー上のファイルとしてブラウザから読広必要があります。例えばmoduleのjava scriptをローカルのHTMLから読み込もうとした場合、以下のようなエラーが表示され、動作しません。(Chromeの起動パラメータで動作するようにで...
TypeScript

Visual Studio CodeをTypeScriptの開発環境にする手順

やりたいことVisul Studio Codeを用いてTypeScript(TS)による開発を行う。(無料でTSのGUI付きの開発環境を作成する)環境OS : Windows11Visual Studio Code:1.88.1Node.js : 20.12.2環境構築まずは開発環境を構築するためにツール類をインストールします。Visual Studio Codeのインストール以下のリンクからVisual Studio Codeを環境にあったダウンロードしてインストールします。(多くPCの場合はUser Installのx64で問題ないと思います。)Node.jsのインストール以下のリンクから...