Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yosh1/rc-map_front

[WIP] Railroad-crossing Map application for Railway worker
https://github.com/yosh1/rc-map_front

cordova google-maps-api javascript monaca railroad-crossing

Last synced: 2 days ago
JSON representation

[WIP] Railroad-crossing Map application for Railway worker

Awesome Lists containing this project

README 

        
# [踏切マップ](https://app.rc-map.com/)



[![Netlify Status](https://api.netlify.com/api/v1/badges/65141ac4-fec2-4e56-8a75-a33ae31f6ad3/deploy-status)](https://app.netlify.com/sites/rc-map/deploys)



---



## 実行方法



gitからcloneします。



```

$ git clone 

$ cd 

```



### ローカル



パッケージのインストールをします。



`npm`もしくは`yarn`を使用してください。



```

$ npm install

```



or



```

$ yarn install

```



#### browser



ブラウザを起動して確認をします。



```

$ cordova run dev

```



実行すると、ブラウザが開き確認できます。



#### iOS



iOSのエミュレータを起動して確認をします。



プロジェクトをビルドするためには、XCodeが必要となります。



コマンドライン用のXCodeをインストールするために以下のコマンドを実施します。



```

$ xcode-select --install

```



また、コマンドラインでXCodeのライセンスに同意するために、以下を入力します。



```

$ sudo xcodebuild -license

```



色々と聞かれますが、同意して下さい。



初回ビルドの際、XCodeのコンポーネントがインストールされないので、XCodeを起動し、コンポーネントをインストールします。



そして、iOSのエミュレータを起動し、動作確認をします。



```

$ cordova emulate ios

```



Podfileなどのインストールでも対応できるそうですが、あまり詳しくないため割愛します。



#### Android



Androidのエミュレータを起動して確認をします。



`homebrew`でJDKをインストールします。



```

$ brew cask install java

```



最新のJDKでないものが欲しい場合は、caskroomのバージョンを確認し、インストールします。

例を以下に記載します。



```

$ brew tap caskroom/versions

```



JDK7のインストール方法



```

$ brew cask install caskroom/versions/zulu7

```



パスの設定は忘れずに実施して下さい。



AndroidStudioをインストールします。



こちらもパスの設定は忘れずに実施します。



```

$ brew cask install android-studio

```



AVDを指定してエミュレータを起動します。



```

$ cordova emulate android

```



権限の関係でエラーとなるため、以下のコマンドを実施してから再度、ビルド→エミュレートします。



```

$ chmod +x //platforms/android/gradlew

```



### Docker



#### ビルド



```

$ docker build -t  .

```



`.` はカレントディレクトリを示すものです。削除しないでください。



#### 実行



```

$ docker run -it 

```



## 開発手順



### ローカル



#### SCSSのコンパイル



```

$ npm run scss

```



or 



```

$ yarn run scss

```



#### CSSのprefix



```

$ npx gulp

```



以下は動作確認ができていないため推奨しません。



```

$ npm run prefix

```



or 



```

$ yarn run prefix

```



#### 実行＋コンパイル



```

$ npm run test

```



or 



```

$ yarn run test

```



### Docker