Skip to content

Latest commit

 

History

History
81 lines (51 loc) · 3.6 KB

README.md

File metadata and controls

81 lines (51 loc) · 3.6 KB
Raw

kure_kosen_map

使い方

  1. 各自 feature ブランチで開発する
  2. ある程度できたら develp ブランチにプルリクエスト、マージする
  3. 動作確認終了後 master ブランチにマージ

開発環境

  • OpenLayers : 4.5.0
  • jQuery : 3.2.1(slim)
  • Bootstrap : 4.0.0-beta.2
  • popper : 1.12.3
  • FontAwesome : 5.0.2

開発時の注意

  • ローカルの geojson が読めないときは、CORS が原因の可能性あり

    1.Chrome を終了 1.Win + R で下記を実行 chrome.exe --disable-web-security --user-data-dir

コードの統一化

Tag

  • CSS : <link rel="stylesheet" type="text/css" href="assets/">
  • JavaScript : <script type="text/javascript" src="assets/"></script>

CDN

  • jQuery : <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

  • Popper : <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>

  • Bootstrap(JS) : <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

  • Bootstrap(CSS) : <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

  • Font Awesome : <link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">

  • Set :

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
  • Drawer(モバイル向けメニュー) :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.1.0/js/drawer.min.js"></script>
  • <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.1.0/css/drawer.min.css"> についてはローカル

新開発環境について（執筆中）

エディタ周り

vscode なら以下の拡張機能を入れる

パッケージ周り

yarn

  1. これなどを参考に yarn を入れる
  2. クローン後 yarn install する

プルリクエストについて

  • yarn formatを使ってコードをprettierで整形しておくこと