• Redux
• React
• Express.js
• Next.js
• PM2

• docker-compose

• prettier
• eslint
• tsc
• babel
• webpack

• [./src] のソースファイルを自動整形して保存

• [./src] のソースファイルを構文チェック

• TypeScript を tsconfig.json の設定でコンパイルして出力 [./dist/public]
• TypeScript を tsconfig.node.json の設定でコンパイル [./dist/node]

• tsc でコンパイルした JavaScript[./dist/public] を変換して出力 [./dist/public.babel]

• babel で変換した JavaScript[./dist/public.babel] を結合・圧縮して出力 [./public/js]

• tsc でコンパイルした JavaScript[./dist/public/js/app.js] を圧縮して出力 [./public/js/appp.min.js]

• scss をコンパイル、結合、圧縮して出力 [./public/css]

• [./src] のソースファイルを構文チェック

• TypeScript を tsconfig.json の設定でコンパイルして出力[./dist/public]

• tsc でコンパイルした JavaScript[./dist/public/js/app.js] を圧縮して出力[./public/js/appp.min.js]

• TypeScript のファイルを監視しコンパイル

構文チェック＋自動整形

 npm run check

構文チェック

 npm run formatter

自動整形

 npm run linter

git commit

• husky + lint-staged

   # 構文チェック
   eslint --fix --max-warnings=0
   +
   # 自動整形
   prettier --write
  

docker コンテナで Next.js, Node.js, MongoDB, Mongo Express, Redis を起動します

• Next.js

   ./start.sh next
  

• Node.js[PM2]：本番モード

   ./start.sh
  

• Node.js[ts-node]：開発モード

   ./start.sh tsn
  

• Node.js[ts-node-dev]：開発モード

   ./start.sh tsndev
  

Node.js の起動 docker コンテナを使わない＝ docker コンテナが停止している状態で動作します
Node.js の実行するホスト名が docker コンテナのホスト名 [maps] でない場合、
docker コンテナにより動作する MongoDB に関係する処理のみ機能させずに起動します

• ts-node

   npm run tsn_start
  

  = npm run ts-node --project ./tsconfig.node.json src/node/index.ts

• ts-node-dev

   npm run tsn_start_dev
  

  = npm run-dev ts-node --project ./tsconfig.node.json src/node/index.ts

• node（トランスパイル済み js）

   node dist/node/node/index.js
  

Next.js の起動

 npm run next

Node.js の起動と制御[PM2]

• 起動

   npm run prod_start
  

• 起動状況のモニター

   npm run prod_moni
  

• 停止

   npm run prod_stop
  

• 削除

   npm run prod_delete
  

docker コンテナ操作スクリプトの説明

メインページ(Node.js)
http://localhost:8080/

メインページ - 開発モード(Node.js)
http://localhost:8080/index.html?dev=1

メインページ(Next.js)
http://localhost:3000/

API(Node.js)
http://localhost:8080/api/maps/docs/

Mongo Express
http://localhost:8581/

JEST

 npm run test

Cypress - GUI

 npx cypress open

Cypress - CUI

 npx cypress run

pref
都道府県界データ（Polygon）

• 元データ：GeoJSON
  https://japonyol.net/editor/article/prefectures.geojson

prefCity
市区町村界データ（Polygon）

• 元データ：GeoJSON
  https://www.esrij.com/products/japan-shp/

prefCapital
都道府県庁データ（Point）

• 元データ：TypeScript
  src/ts/mapsDataPrefCapital.ts

postOffice
郵便局データ（Point）

• 元データ：GeoJSON
  https://nlftp.mlit.go.jp/ksj/gml/datalist/KsjTmplt-P30.html

roadsiteStation
道の駅データ（Point）

• 元データ：GeoJSON
  https://nlftp.mlit.go.jp/ksj/gml/datalist/KsjTmplt-P35.html