カード神経衰弱(テスト環境)の記録
— 今後の改善は続く

テスト環境として、サイトに「カード神経衰弱」を組み込みました。ここではその経緯と、現時点の動作状況を記録します。スマホのローカルでは、現段階では正常に動きませんが、今後の改善は続けていきます。

1. 何をしたか

  • test フォルダ … プロジェクト内に test/game-card-mobile を配置。神経衰弱(トランプメモリーゲーム)の軽量版・スマホ向けのファイル(index.htmlstyles.cssgame.jsimages-inline.js など)を格納。
  • 左メニュー … 「テスト環境」という見出しを追加し、その中に「カード神経衰弱」のリンクを設置。Web 上から /test/game-card-mobile/ でゲームにアクセスできるようにした。
  • デプロイ … 本番反映のため、build_deploy_bundle.ps1test/game-card-mobile をバンドルに同梱。デプロイ実行時にゲーム用ファイルもサーバーへ送られる。

2. 現時点の動作状況

  • PC のブラウザ … 問題なく動作する。
  • Web サーバー経由 … サイトを https などで開き、「カード神経衰弱」からアクセスした場合。
  • Android(Web) … 想定どおり動作する。
  • iPhone(Web) … 正常に動かない事象あり(全画面表示などが想定と異なる)。未対応。
  • スマホのローカルfile://index.html を開く、またはフォルダを配布しての利用では、現段階では正常に動きません

3. 今後の改善

スマホのローカルでの動作改善をはじめ、引き続き改善を続けていきます。

ゲームは左メニュー「テスト環境」→「カード神経衰弱」からプレイできます。

← 立ち上げストーリー
← プログラム構築の記録
← デプロイの記録
← ボタン1つデプロイの記録
← デプロイでまたハマった話
← ログイン設定の記録
← 改善記録
← ファイル紹介の使い方
← OGP・SEOの記録
← 統合ログインの設計・経緯
← Search Console・サイトマップ
← 環境変数・.env の管理
← Git 入門・インストール
← インストール後に Git で行う設定
← 異世界シューティングの記録
← 異世界シューティングの難易度
← 異世界戦記(全画面・迷路レイアウト)の記録
← 複数人でのゲーム進行
← 異世界衰弱(不具合の修正)
← 異世界衰弱(機能別フローチャート)
← 異世界ポイントの活用について
← 異世界ポイント市場の実装記録