Implemented the Storybook and BackstopJS

[kurone-kito]

🎉 Feature

• New “Hello, world!” 😝
  • It uses splitted React component.
• Added the documentation powered by Storybook.
  • Can now upload the StoryBook to GitHub Pages automatically with CI.

⚙ Inner feature

• Added experimental UI testing powered by BackstepJS and Storybook.
• Replaced rimraf to shx. These are used in npm-scripts.
• Cancelled to work CircleCI outside the master branch.
  • In the future, will delegate to CircleCI only the build and deploy of Mac version.
• Improved the some internal documentation.

New npm-scripts command

Command	Feature
clean	In addition to coverage and dist, storybook-static folder can now be deleted.
storybook	Start Storybook. And execute storybook:toc described below as preprocessing.
storybook:toc	Create TOC file of the Storybook.
storybook:build	Build Storybook. And execute storybook:toc described above as preprocessing.
visual:spec	Take the snapshot of React components for UI testing.
visual:test	Start UI testing.
visual:approve	Approve that UI testing fails.

Added and replaced some dependencies

Type	Name	Version
devDependencies	@babel/core	7.3.4
devDependencies	@storybook/addons	5.0.0
devDependencies	@storybook/react	5.0.0
devDependencies	@types/babel__core	7.1.0
devDependencies	@types/jest	24.0.6 ➡︎ 24.0.9
devDependencies	@types/node-fetch	2.1.6
devDependencies	@types/storybook__react	4.0.1
devDependencies	@types/styled-components	4.1.12
devDependencies	babel-loader	8.0.5
devDependencies	backstopjs	3.9.4
devDependencies	node-fetch	2.3.0
devDependencies	query-string	6.3.0
devDependencies	react-docgen-typescript-loader	3.0.1
devDependencies	react-docgen-typescript-webpack-plugin	1.1.0
devDependencies	shx (Replaced from rimraf)	0.3.2
devDependencies	sync-request	6.0.0
devDependencies	tsconfig-paths	3.8.0
devDependencies	typescript	3.3.3 ➡︎ 3.3.3333
devDependencies	webpack	4.29.5 ➡︎ 4.29.6