掲示板アプリケーションをつくる：Vue.js+Bootstrap4+Spring Boot(1)

目的

フロントエンドの開発経験はほとんどないので、フロントエンドの勉強がてら、掲示板アプリケーションを作ってみようと思います。

実装する機能

• ユースケースはdraw.ioで書いてみました。
• まずは簡単に、ログイン＋Create/Read/Deleteくらいで。

アプリケーション構成

• 適当にこんな感じで
• フロントエンド側が正直よくわからないけど、ひとまずBootstrapにしてみる
• Bulma: a modern CSS framework based on Flexboxもよさそうだったので、余裕があればそれぞれ作ってみたい

開発環境(2018/9/25時点)

• MacOS X ElCapitan 10.11.6
• STS+Java10
• VSCode
• Chrome
• draw.io
• GitHub + SourceTree

開発の流れ

1. Spring Bootのプロジェクトを作成する
2. Thymeleafで画面つくる(Bootstrap適用)
3. Vue.jsでjs処理をつくる
4. Spring + MyBatis + etcでバックエンド処理をつくる
5. JUnit etcで単体テストコードを書く

6. Selenium etcでUIテストコードを書く

7. 2-5は順序不同かも。

8. 6はおまけ。

定時退社できる日に、1日1時間くらい時間を取って少しずつ進めていこうと思います。休日はもう少しまとまった時間が取れるといいな。