Phaser4入門【開発環境構築編②】Phaser4のプロジェクトを作成
Ｂ美
作業ディレクトリとして、Dドライブ上にphaserというディレクトリ（フォルダ）を作ったわ
（「D:\phaser」ということ）
あ、別にCドライブでも良いし、他のディレクトリ名にしても良いからね
（ご自由に！）
Ｃ菜
だとしたら、カレントディレクトリをその場所（D:\phaser）に変更する必要がありますね～
Ｂ美
コマンドプロンプトを立ち上げたら、こう入力してね
（筆者注：自分の環境に合わせて適宜読み替えてください）
| > cd /d d:\phaser[Enter] |
Ａ子
そこにある「/d」ってオプションは、何なのよ？
Ｂ美
| > cd d:\phaser[Enter] |
Ｃ菜
Ａ子
| > cd /d d:\phaser[Enter] |
を実行してみると…
Ｃ菜
Ｂ美
んで、ドライブ文字はCとかDなんだけど、その移動には本来こうしなきゃいけないの
| > d:[Enter] |
だからCドライブ以外の領域に作業ディレクトリを作成した場合、本来は二段階でコマンドを打つってわけ
|
> d:[Enter]
> cd d:\phaser[Enter] |
それを一度に行うためのオプションが「/d」なのよ
（もちろん「/d」の「d」はDドライブのdってわけじゃないわよ）
Ａ子
なるほどねぇ
で、次は？
Ｂ美
| > npm create @phaserjs/game@latest[Enter] |
あ、プロジェクト名については、ここでは指定しない（コマンドラインには直接打ち込まない）からね
Ｃ菜
Ａ子
適当に「hello」で良いや
（「Hello World」を表示するから（笑））
Ｃ菜
Ｂ美
ほかのは別に考えなくてもOK（苦笑）
んで、次の画面では「vite」、その次の画面では「Complete」を選択すること
↓
↓
Ｂ美
（「JavaScript」でも良いんだけどね）
で、最後に「Y」を入力すれば終了よ
↓
Ａ子
|
> cd hello[Enter]
> npm install[Enter] |
Ｃ菜
| > npm run dev[Enter] |
ですね～
Ｂ美
ここで注意が必要なんだけど、コマンドプロンプトを「管理者として実行」しないとダメよ
Ａ子
コマンドプロンプトの起動って、Windowsの検索欄にこんな感じで入力してるんだけどダメなの？
| cmd[Enter] |
Ｂ美
| cmd[Ctrl]+[Shift]+[Enter] |
…って感じで、（cmdを打ち込んだあとに）コントロール（Ctrl）キーとシフト（Shift）キーとエンター（Enter）キーを同時に押してね
Ｃ菜
それでは、あらためまして～
| > npm run dev[Enter] |
Ｂ美
| http://localhost:8080 |
あ、Windowsにインストールされているセキュリティソフトによっては、ここで通信の許可を求められるかもしれない
（ブロックしないようにね（笑））
Ａ子
すっご
ゲームタイトルじゃん
Ｃ菜
次画面は単なるメッセージで、最後がゲームオーバー画面ってだけですけどね～
↓
Ｂ美
さっきのコマンドプロンプト画面上で[Ctrl]+[C]を押すだけよ
（二つのキーを同時に押してね）
あ、もちろん「バッチジョブを終了しますか」という問いには「Y」を入力すること
（小文字の「y」でもOK）
↓
Ａ子
あとは中身の具体的な構成だね
（ソースコードや画像ファイルなんかの置き場所等）
Ｂ美
今回はここまで！
Ｃ菜
