OMWebAppClientNG

本ドキュメントの目的

動作環境、構成、アプリケーション起動手順、開発環境構築手順を示す。

動作環境

• OS: Windows10, MacOSX
• JavaScript処理系：Node.js LTS最新版

主なフレームワーク、ツール、ライブラリ

• SPA Framework : Angular 7.0.0
• CSSプリプロセッサ：SASS
• UIコンポーネントライブラリ：PRIME NG 7.0.0
• チャートライブラリ：D3.js 5.7.0

前提条件

• Node.js LTS最新版がセットアップ済みであること
• OMWebAppEngineがセットアップ済み、起動している事

稼働開始手順

1. Angular CLIのセットアップ
   npm -g install @angular/cli@7.0.3

2. ソースコードクローン
   git https://github.com/JojiKoike/OMWebAppClientNG.git

3. 依存パッケージインストール
   npm install

4. ビルド＆起動
   ng serve --open

ディレクトリ構成

OMWebAppClientNG/
　　　└src/
　　　　└app/
　　　　　├core/: アプリケーションコアモジュール群
　　　　　│　├services/: 外部サービスアクセスモジュール群
　　　　　│　└store/: 状態管理モジュール群
　　　　　│　　　├actions/: Action定義群
　　　　　│　　　├effects/: Effect定義群
　　　　　│　　　└reducers/: Reducer定義群
　　　　　├feature-modules/: 各機能モジュール群
　　　　　│　　　└enctemp/: 密閉筐体温度計算機能モジュール
　　　　　│　　　　　├components/: UIコンポーネント定義群
　　　　　│　　　　　│　　├container/: コンテナコンポーネント定義
　　　　　│　　　　　│　　├page/: ページ全体のデザイン、レイアウト定義
　　　　　│　　　　　│　　└presentational/: UIパーツのデザイン、挙動定義
　　　　　│　　　　　├core/: コアロジック群（主にグラフ描画系）
　　　　　│　　　　　├services/: 外部サービスアクセスモジュール群
　　　　　│　　　　　└store/: 状態管理モジュール群
　　　　　│　　　　　　　├actions/: Action定義群
　　　　　│　　　　　　　├effects/: Effect定義群
　　　　　│　　　　　　　└reducers/: Reducer定義群
　　　　　└shared/: 共有モジュール群
　　　　　　　├components/: 共有コンポーネント定義
　　　　　　　├pipes/: 共有Pipe定義
　　　　　　　└validators/: 共有Validator定義

作者

Joji KOIKE

ライセンス

This project is licensed under the MIT License - see the LICENSE.md file for details