gulp.jsを使ったウェブ制作環境で、開発モードでPHPが動き、かつmacOSでも動作するものを用意した。2022年頃から不具合報告の出ているimageminからは脱却完了。また他の紹介記事ではCommonJSでしているものが多いが今回はESModulesでgulpfile.mjsを作成してみた。
VS CodeはIDEなので、これだけで完結したウェブ制作環境を試作した。タスクランナーなどに比べれば物足りなさはあるが、VS Code以外は何もいらないという強みがある。
package.jsonのscriptsだけを使って必要最低限のウェブ制作環境を試作した。Pug+SCSS+TypeScriptだがTailwind CSSもAutoprefixerも開発モードもなし。ローカルサーバ用にテストビルドしていくストロングスタイルだ。
開発を行うウェブ制作環境には幾つか種類があるが今回はViteを使った簡単な開発環境を用意してみた。言語はPug・SCSS・TypeScript。レンタルサーバへのアップロード、GitHub Pagesでのオートデプロイ、独自ドメインでの公開手順までを扱う。
ウェブ制作環境を作るのにDocker Desktopはとても便利だが、執拗にCドライブへとインストールしてこようとする問題がある。解決方法はバージョンに多分に依存するがここではv4.29.0で解決した方法を記す。