Mikihiro Saito mikinovation

## vue-composition-api-example.vue
<template>
  <div>
    <v-btn depressed large color="primary" @click="increment">Increment</v-btn>
    <v-btn depressed large color="#E91E63" @click="decrement">Decrement</v-btn>
    <v-btn depressed large color="#3F51B5" @click="reset">Reset</v-btn>
    <h1>Count is: {{ counter.count }}, double is: {{ counter.double }}</h1>
    <SpinnerMultiplication :count="counter.updatedCount" />
  </div>
</template>

## file0.sh
vagrant gatling-rsync-auto

## file0.sh
yarn add @zeit/next-sass node-sass

## file0.sh
cd vagrant/ubuntu
vagrant plugin install vagrant-rsync-back

## file0.sh
sudo apt-get install -y nodejs npm

## file0.sh
sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 9DA31620334BD75D9DCB49F368818C72E52529D4

## file0.txt
history.pushState(null, null, null);
$(window).on("popstate", function (event) {
  if (!event.originalEvent.state) {
    history.pushState(null, null, null);
    return;
  }
});

## file0.js
export default class Index extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            name: '',
            email: '',
            password: ''
        };

        this.handleChangeText = this.handleChangeText.bind(this);

## index.js
export default class Index extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            animal: ''
        };

        this.handleChangeRadio = this.handleChangeRadio.bind(this);
        this.onSubmit = this.onSubmit.bind(this);
    }

## index.js
export default class Index extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            fruit: new Array(4).fill(null)
        };

        this.handleChangecheckbox = this.handleChangecheckbox.bind(this);
        this.onSubmit = this.onSubmit.bind(this);
    }
	<template>
	<div>
	<v-btn depressed large color="primary" @click="increment">Increment</v-btn>
	<v-btn depressed large color="#E91E63" @click="decrement">Decrement</v-btn>
	<v-btn depressed large color="#3F51B5" @click="reset">Reset</v-btn>
	<h1>Count is: {{ counter.count }}, double is: {{ counter.double }}</h1>
	<SpinnerMultiplication :count="counter.updatedCount" />
	</div>
	</template>
	history.pushState(null, null, null);
	$(window).on("popstate", function (event) {
	if (!event.originalEvent.state) {
	history.pushState(null, null, null);
	return;
	}
	});
	export default class Index extends React.Component {
	constructor(props) {
	super(props);
	this.state = {
	name: '',
	email: '',
	password: ''
	};

	this.handleChangeText = this.handleChangeText.bind(this);