README.md

俺的野球解説

Quick Start

npm install
npm start

概要

ビジネス

ビジネスモデルキャンバス

アーキテクチャ

目的

野球を見てるとヒマなときがありませんか？

せっかく球場に行っているのに投手戦でヒマだなっと思うときはありませんか？

でも、そう感じているのはあなただけかも知れません。

この瞬間に駆け引きを楽しんでいる人がいるかも知れません。

あなたは重要なところを見落としているかも知れません。

そんなあなたに気づきを与えます！

野球を楽しむための気づきを与えます！！

前提

ソフトウェア	バージョン	備考
nodejs	8.10.0

構成

• 構築
• 配置
• 運用
• 開発

詳細

構築

以下の作業は実施済みなので開発者は実行する必要ありません

開発パッケージのセットアップ

npm init -y
npm install --save-dev npm-run-all watch foreman cpx rimraf markdown-to-html
npm install --save-dev prettier eslint babel-eslint
npm install --save-dev browser-sync connect-browser-sync nodemon
npx browser-sync init
npx eslint --init
touch Procfile

アプリケーションのセットアップ

アプリケーションのセットアップ

Webpackセットアップ

mkdir src
touch src/index.js
touch src/index.html
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/register @babel/polyfill babel-plugin-istanbul cross-env nyc webpack webpack-cli webpack-dev-server babel-loader css-loader html-webpack-plugin mini-css-extract-plugin copy-webpack-plugin clean-webpack-plugin @babel/polyfill

AWS Amplifyセットアップ

npm install --save-dev @aws-amplify/cli aws-amplify
npx amplify configure
npx amplify init

⬆ back to top

配置

Webサイトセットアップ

npx amplify add hosting
npx amplify publish

認証セットアップ

npx amplify add auth
npx amplify push

分析セットアップ

npx amplify add analytics
npx amplify push

APIセットアップ

npx amplify add api
npx amplify push

⬆ back to top

運用

アプリケーションのデプロイ

npx amplify publish

⬆ back to top

開発

⬆ back to top

参照