Game content

• Mental arithmetic game
  • How to start the game

  # Play on a local server
  npm start
      

  Select a level and click Game Start to play

はじめ方

• 次のコマンドを使用

npx create-react-app プロジェクト名
npx create-react-app プロジェクト名 --template typescript

• npm や react-scripts のバージョンを更新する
• GitHub pages に公開する仕方
  • npm run build
  • npm install gh-pages –save-dev
  • package.json に以下を追加

    "scripts": {
    "rm": "rm -rf docs",
    "mv": "mv build docs",
    "git": "git add . && git commit -m 'add' && git push origin master",
    "deploy": "npm run rm && npm run build && npm run mv && npm run git",
    },
    "homepage": "https://taiseiyo.github.io/リポジトリの名前/index.html"
    }
            

  • npm run deploy

firebase(realtime data)

• 使いかた
  • module のインストール

    sudo npm update -g firebase-tools
    sudo npm install firebase
    sudo npm install firebase-admin
    sudo npm install firebase-functions
            

  • プロジェクトの概要から 1 個のアプリを 選択して、設定から Firebase SDK snippet の CDN を選択して App.js に貼る

注意事項

• emacs を使用している場合は、 node_modules/react-scripts/config/webpackDevServer.config.js を編 集しなければならない

  before

  watchOptions: {
  ignored: ignoredFiles(paths.appSrc),
  },		
      

  after

  watchOptions: {
  ignored: [ignoredFiles(paths.appSrc), "**/.#*", "**/*~", "**/#*#"],
  },