【Laravel+Vue.js】アプリ制作の記録①設計

はじめに

現在Laravel+Vue.jsでのアプリ制作を検討中です。

それに伴い、制作進捗を記録していこうと思います。

【感想】trello風todoタスク管理アプリを作成しよう！【アレンジ計画中】

最初は上記制作アプリのアレンジを検討していましたが、1から作ることにしました。

理由は以下です。

・Laravelの基礎を固めたい。

・アレンジしたい内容が仕様と大きく異なる。(Vue.jsの実装)

・CSS/Sass関連の把握(ビュー側のクラスなど含め)が大変。

設計内容

入門Laravelチュートリアル (2) ToDoアプリケーションの設計

trello風todoタスク管理アプリを作成しよう！

上記を参考に見よう見まねで設計をしてみました。

おわりに

設計するだけで1時間半近くかかってしまいました。

(設計する中で参考教材では認可が実装されていないことに気付くことはできましたが。)

設計の重要性を感じつつもここに時間かけすぎて動けないのもしんどいので、とりあえず制作に取り掛かります。

随時この設計書もアップデートしながら学んでいきます。

参考

参考教材

【Laravel x Vue.js】SPAクイズアプリケーションを作ってみよう！

Laravel(+Vue.js)でSNS風Webサービスを作ろう！

trello風todoタスク管理アプリを作成しよう！

Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう

入門Laravelチュートリアル (2) ToDoアプリケーションの設計

参考

若手プログラマー必読！５分で理解できるER図の書き方５ステップ