https://github.com/dodonki1223/trello
「Vue.js/Vuexを使ってTrello風アプリを作成しよう！」の写経用リポジトリ
https://github.com/dodonki1223/trello
docker docker-compose techpit vue vuex
Last synced: 5 months ago
JSON representation
「Vue.js/Vuexを使ってTrello風アプリを作成しよう！」の写経用リポジトリ
- Host: GitHub
- URL: https://github.com/dodonki1223/trello
- Owner: dodonki1223
- Created: 2020-05-19T23:31:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T06:26:33.000Z (over 3 years ago)
- Last Synced: 2025-04-06T17:52:16.849Z (about 1 year ago)
- Topics: docker, docker-compose, techpit, vue, vuex
- Language: Vue
- Homepage:
- Size: 1.45 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# trello
Techpitにて公開されている [Vue.js/Vuexを使ってTrello風アプリを作成しよう！](https://www.techpit.jp/p/vue-js-vuex-trello) の写経用リポジトリです
さらにカリキュラム終了後にDocker化して開発がしやすいようにカスタマイズしています
## 環境
環境については以下の通りである
| 環境 | バージョン |
|:--------|:-----------:|
| Node.js | 12.16.3 |
| Vue.js | 2.6.11 |
| Vuex | 3.4.0 |
## 開発
基本的にdockerを使用して開発を行います
開発用に `trello`、`runner` の2つのサービスを作成しているのでこの2つのサービスを使用して開発を行っていきます
### trelloを起動する
下記コマンドを実行後、[http://localhost:8080/](http://localhost:8080/) にアクセスしてください
```shell
$ docker-compose up trello
```
### runnerを起動する
`npm i hogehoge --save` や `npm run lint` などのコマンドを実行するためのサービスになります
```shell
$ docker-compose run --rm runner
```
## その他
### Vuexについて
このプロジェクトではVuexを使用しているのでVuexの概念をちゃんと図で頭に入っているとすごく理解しやすい
詳しくは公式のドキュメントを参照すること
- [Vuex とは何か？ | Vuex](https://vuex.vuejs.org/ja/)
### 開発環境を削除する
コンテナ、イメージ、ボリューム、ネットワークをすべて一括で削除します
```shell
$ docker-compose down --rmi all --volumes
```
参考記事：[《滅びの呪文》Docker Composeで作ったコンテナ、イメージ、ボリューム、ネットワークを一括完全消去する便利コマンド - Qiita](https://qiita.com/suin/items/19d65e191b96a0079417)