vueをいじり始めました

vueを入れてみる

ESlint vetur を入れた

vue create gakuで作ってみる

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
? Save this as a preset for future projects? No
? Pick the package manager to use when installing dependencies: Yarn

warning ../package.json: No license field

のwarningに対して package.jsonに以下を記入した

"license": "UNLICENSED",

chokidarで自動コンパイルができるようになった。 これは自分でできた

chokidar __tests__/*.js *.js -c "yarn jest"_

でyarnの自動コンパイルができるようになるっぽい

context beforereechってやつを調べて、テストやってみる

yarn jestはできるようになった localファイルにyarn addした これでyarn jestができるようになるらしい 要調査

yarn add jest babel-jest babel-core@^7.0.0-bridge.0 @babel/core @babel/preset-env
yarn add @babel/plugin-transform-modules-commonjs

よくわかんないけど locaファイルに.babelrcを作成 以下を記入

{
  "env": {
    "test": {
      "plugins": [ "@babel/plugin-transform-modules-commonjs" ]
    }
  }
}

自動整形もできるようになった setting.jsonに記入

{
    "workbench.colorTheme": "Default Light+",//ワークベンチのテーマ デフォルトの白
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true,
      "source.organizeImports": true,
      "source.fixAll": true
    },
    "editor.formatOnPaste": false,
    "editor.formatOnSave": false,
    "editor.formatOnType": true,
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "vue",
      "typescript"
    ],
    "vetur.format.defaultFormatter.css": "prettier",
    "vetur.format.defaultFormatter.scss": "prettier",
    "vetur.format.defaultFormatter.html": "prettier",
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "vetur.format.defaultFormatter.ts": "vscode-typescript",
    "vetur.validation.template": false
}

よくわかんないけど

yarn jestのテスト

// __test__/test.js
import { add } from "../r_add";
test("add 1 + 2", () => {
  expect(add(1, 2)).toBe(3);
});

をtest.jsに記入

r_add.jsに以下を記入

// r_add
export function add(a, b) {
  return a + b;
}

ここでyarn jest テスト完了

Vue.js を vue-cli を使ってシンプルにはじめてみる - Qiita

JavaScriptでも単体テストを導入しよう！ってかテストって何？

先週のGASの文

function doGet(e) {
  var no = e.parameter.no;
  var UserInfo = Session.getActiveUser().getEmail();
  var ss = SpreadsheetApp.getActive().getSheetByName('進捗状況');
  var lastRow = ss.getLastRow();
  var flag = false;
  for (var i = 2; i <= lastRow; i++) {
     if (ss.getRange(i, 1).getValue() == UserInfo) {
       ss.getRange(i, no).setValue("AAA");
       flag = true;
       break;
     }
  }
  if (flag == false) {
     return ContentService.createTextOutput("ユーザが見つかりません。");
  } else {
     return ContentService.createTextOutput("User："+UserInfo+"\nNo. " + no + " シートへの登録が完了しました");
  }  
}