URL

• テスト環境

環境構築

• コンテナ作成/起動

$ docker-compose up -d --build

• アプリケーションコンテナ内へ移動

  $ docker-compose exec app sh

• node package install

  $ npm i

• 起動

  $ npm run dev

Tips

• bundle size

$ yarn build --analyze
$ open dist/report.html 

• cache クリア

  $ npm cache verify --force

• modulesを削除 再インストール

  $ rm -rf node_modules && rm package-lock.json && npm cache clear --force && npm cache clean --force && npm i

• modulesの依存関係でうまくいかない場合

  $ rm -rf node_modules && rm package-lock.json && npm cache clear --force && npm cache clean --force && npm i --legacy-peer-deps

Doc

Compoent構成

Atomic Design 導入 詳しくは → https://github.com/team-up-develop/teamup-develop-front/issues/86

• コメントは必要に応じて残すこと
  • https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
  • https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

    //* 処理の内容(必要に応じて)
    //? 処理の中の子説明 or paramsの説明
    // TODO: issueURL
    // FIXME: issueURL

color

Sass 定義

src/assets/scss/_variables.scss

型定義

• index (type of fetch)
• params (type of request parameter)

src/types

画像素材参考

• lordicon
• material icon
• storyset
• unDraw
• freepik

deploy

• テスト環境
  • netlify