[Mac] PC内で検証用ウェブサーバを動かす【php -S】

phina.js のプログラムをローカルで検証するために、ウェブサーバを立ち上げることにしました。

1. ブラウザでHTMLファイルを開いてもサイトと違う

ただのファイルとして html を開いた場合（たとえば「file:///Users/user/html/index.html」など）、JavaScriptから相対アドレスでほかのローカルファイルを読み込んだりはできません。
JavaScriptのセキュリティ上の制限で、ローカルファイルにはアクセスできないからです。

そのため、サイトデータの検証では、ローカルのウェブサーバを待ち受けにして、アクセスする必要があります。

ローカル環境で動作させたときに音声ファイルが開けなかったのも、これが原因だね。

2. ビルドインサーバ（php -S）

ウェブサイトのフォルダでターミナルを起動し php コマンドを利用すると、ローカルにウェブサーバを起動できます¹。

php -S localhost:8080

http://localhost:8080 にアクセスすると、フォルダ内の index.html を読み込めます。

うまくいくと、「PHP 〜 Development Server 〜 started」と表示されます。

サーバ（phpプロセス）を終了するには、ターミナルで ^c（control+C）を入力するか ターミナル自体を閉じます²。

3. phpコマンドのインストール

ターミナルでPHPコマンドが見つからないよ💦

Mac OS X ver. 10.0.0 〜 macOS Monterey (12.0.0) には、PHPコマンドが標準添付されているはずです。
しかし、もし phpコマンドがなければ、インストールする必要があります。

わたしは 以前 homebrewをインストールしているので、brewコマンドからphpをインストールしました。

brew install php

phpのパッケージのインストールは、ほかにも方法があります。

以下の場所にも、簡単にインストールできる macOS 用のコンパイル済み PHP パッケージがあります。

MacPorts: » http://www.macports.org/
Liip: » http://php-osx.liip.ch/ (PHP 5.3 – PHP 7.3; 現在は推奨されていません)
Fink: » http://www.finkproject.org/

PHP: パッケージの使用 – Manual

こちらもどうぞ。

久しぶりにMacでElectronを使えるようにした【node.jsでアプリ自作】

Macで動く自作ツールをJavaScriptでプログラムするために、Electronを使っていました。久しぶりにプログラムを修正しようとしたら、electronコマンドが通りません。改めて環境を構築しました。ポイントelectronのインストールで「sudo npm install -g electron --unsafe-perm=true --allow-root」でオプションを付加しないとエラーになったElectronが見つからないElectronは、「HTML5やJa...

chiilabo.com

[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのカスタムプラグインを作った【ChatGPTと】

一ヶ月分のブログ公開がどれぐらいのページビューにつながっているのか、集計する自分用のWordPressプラグインを作成しました。自分にとっては未経験の分野でしたが、対話型AI「ChatGPT」に相談してみると、使える叩き台を用意してくれました。WordPressプラグインづくりははじめてでしたが、かなりの時間短縮。無事に完成しました。アクセス集計プラグイン一ヶ月分のブログ公開が、どれぐらいの成果になっているのか知りたいことがあります。これまでは、Google Analytic...

chiilabo.com

[phina.js] シーン管理の基本

phina.jsのシーン遷移については、「<シーン編>｜phina.js Tips集 下巻」が詳しいです。特徴的な部分をまとめます。phina.jsでは暗黙のうちにデフォルトのシーンが用意されているので、ちょっと戸惑いました。phina.jsの Hello Worldコード久しぶりに phina.js で遊んでみることにしました。JavaScriptだけでブラウザ上でゲームが動くのはやっぱり手軽です。しかし、プログラムの処理の流れをすっかり忘れています。まずは、シーンの概要と...

chiilabo.com

1. 【Mac】ローカルにWebサーバを立ち上げる超簡単な方法！
2. php -Sをたたくだけで動作確認用のウェブサーバが立てられる – mochikoAsTechのdig日記

QRコードを読み込むと、関連記事を確認できます。