backend/auto_operation以下の構造を整理

.github/workflows/compile-protocol-buffer.yml

@@ -41,15 +41,15 @@ jobs:
           mkdir -p $GITHUB_WORKSPACE/backend/external/spec
           mkdir -p $GITHUB_WORKSPACE/backend/ats/spec
           mkdir -p $GITHUB_WORKSPACE/backend/json2grpc/spec
-          mkdir -p $GITHUB_WORKSPACE/backend/auto_operation/central_controller/spec
+          mkdir -p $GITHUB_WORKSPACE/backend/auto_operation/spec
       - name: prepare node protoc
         run: |-
           yarn install --frozen-lockfile
         working-directory: backend/ats
       - name: prepare python protoc
         run: |-
           pip3 install grpcio-tools
-        working-directory: backend/auto_operation/central_controller
+        working-directory: backend/auto_operation
       - name: gen proto
         run: |-
           make pb

backend/Makefile

@@ -74,5 +74,5 @@ ats_go:
 	proto/ats.proto
 
 ats_python:
-	cd auto_operation/central_controller && \
+	cd auto_operation && \
 	./protoc-gen.sh

backend/auto_operation/README.md

@@ -1,7 +1,5 @@
 # 自動運転プログラム
 ## 使い方
-以下、auto_operation/central_controller の中を見る
-
 ### シミュレーションモードの設定
 - main.py の中に、`operation.state.communication.setup(simulationMode=True)`と書いてある部分がある。simulationModeを`True` にすると、ESP32が接続されていなくても動く
 
@@ -13,17 +11,14 @@
 -  Communication.py の、`self.esp32Map[0] = serial.Serial("/dev/cu.ESP32-ESP32SPP", 115200)` と書いてある部分に各車両がつながっているポートを指定する
 
 ### 線路形状の確認
-- auto_operation/central_controller/State.py の中に線路形状と列車の初期位置が書き込まれている。必要に応じて修正する
+- State.py の中に線路形状と列車の初期位置が書き込まれている。必要に応じて修正する
 
 ### 実行
 ```
 python3 main.py
 ```
 
 ## 中身
-### central_controller
-自動運転システム
-
 - templates
   - 運転体験ウェブページのCSSが入っている
 

backend/auto_operation/central_controller/protoc-gen.sh → backend/auto_operation/protoc-gen.sh

@@ -5,5 +5,5 @@ mkdir -p ./spec
 python3 -m grpc_tools.protoc \
   --python_out=./spec \
   --grpc_python_out=./spec \
-  -I ../../proto/ \
-  ../../proto/*.proto
+  -I ../proto/ \
+  ../proto/*.proto

debug/auto_operation_visualizer/README.md

@@ -0,0 +1,27 @@
+# 自動運転ビジュアライザ
+
+自動運転プログラム (`/backend/auto_operation`) の各閉塞区間の状態をビジュアライズします。
+
+![](docs/preview.png)
+
+## 必要なもの
+
+- Node.js, npm
+
+## セットアップ
+
+```bash
+npm install
+```
+
+## 実行
+
+まずローカル環境で `/backend/auto_operation` を起動してください。
+
+その後
+
+```bash
+npm run dev
+```
+
+を実行し、ブラウザで [http://localhost:3000](http://localhost:3000) を開いてください。