- 2地点間の距離と角度を求め、その地点からの距離と角度から緯度経度を求める
- ズームレベルから縮尺を求める
- 緯度経度から地図タイルを取得し、タイル左上原点の「緯度、経度」と標高タイル(TXT、PNG)から「標高」を求める
- GPS ログデータ(GPX)を読み込み、「時間、経度、緯度、標高」に加え「距離、角度、勾配、速度」を算出して表示
- Node.js (ts-node, ts-node-dev)
- docker
- gulp
- husky
- lint-staged
- HTML5
- TypeScript
- JavaScript (ES2015)
- SCSS
- Swagger (OpenAPI v3)
- ShellScript-bash
npm install
build.sh
- gulp + prettier
- [./src] のソースファイルを自動整形して保存
- gulp + eslint
- [./src] のソースファイルを構文チェック
- gulp + tsc
- TypeScript を tsconfig.json の設定でコンパイルして出力 [./dist/public]
- TypeScript を tsconfig.node.json の設定でコンパイル [./dist/node]
- gulp + babel
- tsc でコンパイルした JavaScript[./dist/public] を変換して出力 [./dist/public.babel]
- gulp + webpack
- babel で変換した JavaScript[./dist/public.babel] を結合・圧縮して出力 [./public/js]
- gulp + uglify
- tsc でコンパイルした JavaScript[./dist/public/js/app.js] を圧縮して出力 [./public/js/appp.min.js]
- gulp + sass
- scss をコンパイル、結合、圧縮して出力 [./public/css]
build.sh dev
- gulp + eslint
- [./src] のソースファイルを構文チェック
- gulp + tsc
- TypeScript を tsconfig.json の設定でコンパイルして出力[./dist/public]
- gulp + uglify
- tsc でコンパイルした JavaScript[./dist/public/js/app.js] を圧縮して出力[./public/js/appp.min.js]
- gulp + tsc
- TypeScript のファイルを監視しコンパイル
-
構文チェック+自動整形
npm run check
-
構文チェック
npm run formatter
-
自動整形
npm run linter
-
git commit
- husky + lint-staged
# 構文チェック eslint --fix --max-warnings=0 + # 自動整形 prettier --write
- husky + lint-staged
-
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
-
-
メインページ(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) -
prefCity
市区町村界データ(Polygon)- 元データ:GeoJSON
https://www.esrij.com/products/japan-shp/
- 元データ:GeoJSON
-
prefCapital
都道府県庁データ(Point)- 元データ:TypeScript
src/ts/mapsDataPrefCapital.ts
- 元データ:TypeScript
-
postOffice
郵便局データ(Point) -
roadsiteStation
道の駅データ(Point)