JavaScriptViteのプロジェクトを作成するBat
注意 この記事は古く、Viteのプロジェクトの構成が現在と異なります。 以下の記事を参照してViteのそのものの仕組みでプロジェクトを作成することをお勧めします。 やりたいこと 以下のページでViteの...
JavaScript
JavaScriptJavaScriptWebPackが難しいのでViteでバンドル
やりたいこと Vite(ヴィート)でバンドルをします。 バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
JavaScriptJavaScriptでサーバー上かローカルでの実行か知る
やりたいこと Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。 （ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています） プロトコルによる確認 ...
JavaScriptJavascriptでテキストファイルをドラッグアンドドロップで読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルをドラッグアンドドロップ読み込みます。 ファイルセレクタで読み込む場合は以下のページを参照。 ファイルシステム APIによる読み込み...
JavaScriptJavascriptでテキストファイルを指定して読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。 ドラッグアンドドロップでの読み込みは以下を参照。 ファイルシステム APIによる読み込み 以下のhtmlで表...
JavaScriptcanvasタグのサイズ設定方法と動作の違い(JavaScript)
やりたいこと canvasタグは2つの方法でサイズを指定でき見た目は同じが、JavaScriptで扱う際に動作が異なるので確認します。 環境 Chrome： 113.0.5672.127 Canvasのサイズ設定方...