Vue.js Vue開発環境を作る：ViteでVue 3プロジェクトをセットアップ – 3/12
VueもViteでの開発が主流です。ここではプロジェクト作成から起動確認までを行い、つまずきポイントも整理します。必要なものNode.js（推奨：LTS）npmエディタバージョン確認：node -vnpm -vViteでVueプロジェクト作...
npm
Vue.js 
React React開発環境を作る：Node.js と Viteで最短セットアップ – 3/12
ここでは、Reactの学習と記事のコード検証ができる環境を作ります。Viteを使い、つまずきポイント（Nodeのバージョン、npmのエラー、起動確認）もまとめます。必要なものNode.js（推奨：LTS）npm（Nodeに同梱）エディタ（V...
JavaScript JavaScriptを安全・確実にminify（圧縮）する方法まとめ
対象読者：フロントエンド開発で本番用JSを最適化したい人ゴール：ビルドの再現性を保ちつつ、エラー調査しやすい sourcemap 付きの最小コードを出力するなぜ minify するのか転送量の削減：空白・改行・コメントを除去、識別子短縮でフ...
Laravel Laravel Sail 環境で Bootstrap から TailwindCSS へ切り替える方法
Laravel Sail 環境で動作している Laravel アプリケーションのフロントエンドを、Bootstrap から TailwindCSS へ切り替える方法をご紹介します。前提条件Laravel Sail 環境がセットアップされてい...
TailwindCSS Tailwind CSS をWindows11Proの環境にインストール
Tailwind CSS の公式ドキュメントのインストール方法を手元の開発環境で実行した際のメモ。今回はTailwind CSS v3.1.8 をインストールしました。※npmを使用してインストールする想定です。予めNode.js及びnpm...
Node.js Node.js | dotenvで “.env” ファイルから変数をロード
dotenvをインストールnpm install dotenv$ npm install dotenvadded 1 package, and audited 2 packages in 513msfound 0 vulnerabiliti...
Node.js Node.js | Nodemailerを使ってメールを送信する
NodemailerをインストールNodemailerが未インストールの場合はインストールします。npm install nodemailer$ npm install nodemaileradded 1 package, and audi...
Node.js Node.js | npmをアップデートする（v6.14.13 → v7.22.0）
新しいアプリ用のディレクトリで初期化したら npm の新しいバージョンのメッセージが表示されていたので、アップデートしてみました。新バージョンのアナウンスNew major version of npm available! 6.14.13...
Node.js Node.js | foreverでデーモン化（永続化）する
Node.jsで作ったアプリをエックスサーバー上で常に動くようにしたかったので forever をインストールしてデーモン化（永続化）してみました。foreverインストール以下のインストールコマンドでforeverをインストールします。$...
Node.js Node.js | Express Generatorでアプリケーション作成から実行
macOSの環境下で Express Generator を使ったアプリ作成から実行までの内容を書いていきます。Express Generator インストールExpress Generator をインストールしていない場合は npm でイ...