まえがき

ウェブ制作環境をタスクランナーで作る場合、gulp.jsを使う記事をよく見る。

日本語での解説記事が多いので日本人の利用者が多いということなんだろうと思う。

開発モードを付ける、Pug・Sass・TypeScriptなど好みの言語を扱う、処理(タスク)を1つのファイルにまとめて書ける、設定は.envやtsconfig.jsonなど別ファイルに格納してもいい、などなど好きなように機能追加ができるので実際問題すごい楽。

開発モードをPHPで動かすこともできるし、ローカルサーバに依存しないでVS Codeのターミナルでコマンドを打てば自動的にブラウザで確認できるのだが少しだけ問題がある。

PHPの開発モードは、パソコンの店舗出荷状態のままでは使えない。

別にWindowsではApacheとPHPを、macOSではHomebrewとPHPをインストールする必要があるのだ。

Windowsの場合はApacheもPHPも標準インストールされていないので、自分で導入する必要がある。

一方macOSはApacheが標準インストールされているためローカルサーバが最初から使えるのだが、PHPはインストールされていないために使えない。

以前は標準インストールされていたのだが、macOS 12以降からPHPは外されるようになった。

ハブられた理由は知らん。

gulp.jsの開発モードでPHPを動くようにするgulp-connect-phpパッケージだが、内部的な仕組みとしてパソコンにインストールされているPHPを使っている。

そのため結局のところApacheとPHPをインストールしてローカルサーバを作る必要があるのだ。

一度インストールさえしてしまえば、ローカルサーバの効力外フォルダであっても開発モードでのPHPは動く。

gulpConnectPhp.server(
  {
    base: './dist',
    port: 8000,
    ini: '/usr/local/etc/php/8.3/php.ini',
  },
  () => {
    browserSync.init({
      proxy: 'localhost:8000',
    });
  }
);