/BizToi

Primary LanguageKotlin

開発環境の構築について

ソースコードを取得

Privateリポジトリなので、ユーザ名をオーナーに共有する必要がある https://techacademy.jp/magazine/6235

git、もしくはSourceTreeをインストール

  • ディレクトリを確認し、backend と front があること確認

/backend の説明

  • サーバサイド言語のKotlinで(フレームワークはSpringBoot)実装されている

役割

localhostについて

/front の説明

  • JavaScript のフレームワークであるVue.jsで実装

役割

  • ユーザに表示される画面
  • Backendと通信しユーザのもつ情報を加工し、適切に表示をする
  • URLのルーティングを担当

イメージ: User <-> Front(Vue) <-> Backend(Kotlin) <-> DB(MySQL)

環境構築手順 (frontの開発を行う場合)

  • ソースコードを取得したディレクトリを対象にAtom or VSCodeを起動する

IDE(統合開発環境) はいろんな種類があるからいろいろ試してみて！windowsだったら VSCodeがおすすめ

  • コンテナ仮想環境構築ツールのDockerをインストール

Windowsの場合は↓を参考に https://ops.jig-saw.com/techblog/docker-for-windows-install/ https://qiita.com/fkooo/items/d2fddef9091b906675ca

  • cd biztoi
  • docker-compose up --build -d (docker-compose.ymlファイルが存在する場所で行う)
  • node, npm をインストール

windowsの場合のインストール手順

  • node --version でバージョン確認(v12.n.n ならOK)
  • npm install -g yarn

npm install のグローバルとは

  • yarn

yarn とは

  • yarn serve

http://localhost:3000/ にアクセスして画面が表示されるか確認