yoshiki-0428 / BizToi

開発環境の構築について

ソースコードを取得

• github repository にアクセス

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

• gitでソースコードをCloneする (https://github.com/yoshiki-0428/BizToi.git)

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

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

/backend の説明

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

役割

• ユーザの認証, 管理: AWS Cognito (クラウドサービス)
• DBアクセス: MySQL
• API URL: http://localhost:8000/api/

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/ にアクセスして画面が表示されるか確認