ノベコレ投稿前にスマホでの動作確認をする【ティラノスクリプト】

ティラノゲームフェス2021開催が迫り、TLにも日々ノベコレへのゲーム投稿告知ツイートが並ぶ時期となりました。（時候の挨拶）

しかしそんな中、けっこうな割合でこのようなムーブを見かけることがあります。

「新作ゲーム公開されました！　ノベコレさんで遊べます！」
「すみませんスマホで動作不具合があるので一旦下げます！」

待て待て待て待て～～～～～～！！！！！！！！！
本番環境でテストをするんじゃない～～～～～～～～！！！！！！！！！

本番環境＝エンドユーザーがプレイする環境＝ノベコレだと思っておいてください。
対してテスト環境はティラノスタジオとかティラノビルダーで実行した場合です。

テスト環境と本番環境が同じとか、ありえん極悪ですので即刻考えを改めてください。

ただし読み間違えないでいただきたいのは、「ノベコレでの動作確認をする＝悪」ではないということです。
本番環境での最終確認は、しないよりはした方が断然良いに決まっています。

私が言いたいのは、本番環境でテストをするな、ということです。

というわけで、今回はノベコレへの投稿前にスマホやPCブラウザでの動作確認をする方法を説明していきたいと思います。

注）わからないことがあったらコメントなりでご指摘お願いします。私は人の気持ちがわからない人間なのであなたが何をわからないのかわからないので。

１．対応しない

面倒くさい度：☆☆☆☆☆

まずはこれ！「対応しない」、すなわちブラウザ動作を切り捨てる、です。

ダウンロード不要でプレイできるというノベコレ最大のアドバンテージを捨てることにはなりますが、もっとも簡単かつ楽、そして頭を使う必要がありません。

できないことを無理にやる必要はないのです。

プレイヤーから金を取ってる有償ゲームならまあうん…という感じはしますが、こちらには一銭も入らないフリーゲームであれば、省ける手間は極限まで省くというのもありだと思います。

２．レンタルサーバーなどにアップロードして確認

面倒くさい度：★★★☆☆

すでに自サイトなどでレンタルサーバーを借りているのであれば、そのサーバーにゲームファイルをアップロードして確認するというのも手です。

レンタルサーバーとかなにそれおいしいの？という方には以下の記事をおすすめしておきます。
無料で広告無しでホスティングができるよ

ただし、このとき必ず音声ファイルは.oggと.m4aの両方を用意してアップロードしておきましょう。.oggだけだとiPhoneで音声が再生されません。

３．ローカルサーバーを建てて確認

面倒くさい度：★☆☆☆☆～★★★☆☆

Visual Studio CodeまたはATOMを利用しているなら面倒くさい度は★☆☆☆☆、利用していないなら★★★☆☆です。

今回はVScodeの拡張機能、Live Serverを使って説明していきますが、他の手段でローカルサーバーが建てられる方は「3.5　スマホでアクセスする」まで読み飛ばしてOKです。
また、ATOMを利用している方もやり方はほぼ同じなのでいい感じに読み替えて対応してください。

3.1　VScodeをインストール

Visual Studio Code – コード エディター | Microsoft Azure

↑のページからダウロードしてインストールしてください。適当にインストーラをポチポチしてれば終わります。

3.2　拡張機能「Live Server」をインストール

VScodeを起動し、拡張機能ボタン（赤丸のとこ）をクリックします。

検索ボックスに「live server」と入力、いちばん上にでてきた拡張機能の「インストール」ボタンをクリックします。

3.3　プロジェクトフォルダを開く

「ファイル」＞「フォルダーを開く」から、ゲームのプロジェクトフォルダ（index.htmlが入っているフォルダ）を開きます。

index.htmlを開きます。

3.4　ローカルサーバーを建てる

ウィンドウ右下にある「Go Live」の部分をクリックします。

ポート：5500でゲームが起動します。

3.5　スマホでアクセスする

PCが接続しているネットワークと同じネットワークにスマホも接続しておきます。
PCがつながっているのと同じWifiに接続していればOKです。

まずはPCのIPアドレスを調べます。

Windowsの検索ボックスに「cmd」と入力、「コマンドプロンプト」をクリックします。

「ipconfig」と入力し、エンターキーを押します。

「IPv4アドレス」をメモしておきます。

スマホのブラウザに「http://メモしたIPv4アドレス:5500」と入力します。
例）「192.168.123.1」なら「http://192.168.123.1:5500」

スマホブラウザでゲームが起動します。

あとは思う存分動作確認しましょう！！！！！！
これでスマホでの動作も完璧だ！！！！！！！！！！！！！！