Vue.js, fastAPI, MySQL, (Docker)でWebアプリを作る大まかな手順や構想がわかりません。

Question

前提・実現したいこと

Vue.js, fastAPI, MySQL, (Docker)でSPAを作るための手順や構想を知りたいです。

発生している問題・エラーメッセージ

• 大枠となるディレクトリ構成
• フロントエンド側とバックエンド側の連携方法、そのためのディレクトリ構成
• Dockerで管理すべき部分(そもそもDockerが必要なのか)
• Dockerが必要な場合、フロントエンド、バックエンド、データベースのコンテナを作り、docker-composeで一度に立ち上げるのか
• デプロイした後、フロント側からaxiosでAPIにリクエストを送るURLのスキームやホスト名は書き換えるのか

が分かりません。
理解が浅く、的外れな質問がありましたら申し訳ありません。

試したこと

これらを使った開発例の解説を探して見ましたが、見つかりませんでした。
FastAPIとMySQLの連携方法を解説した記事は、Dockerを使うものばかりでした。

以下の開発の経験があります。

• Vue.jsとfirebaseを使ったアプリ
• fastAPI,MySQL,Dockerを使った簡単なCRUD処理を行うAPI

Answer 1

言語や環境はあくまで実現のための道具でしかないので、手段に主を置いて何かを作ったり探そうとしても自分がやりたいことはできないと思います。
「How」より「Why」「What」を。
道具を使うためにモノを作るわけではないですから。

それに「手段」としても、想定通り動いて不具合がなければそれで良いと思います（あくまでひとまずは）
それなら構成云々より「何を作るのか」を先に詰めて「それはどういう環境で実現していくか」考えていくべきと思います。
要件定義→基本設計・・・の流れで、手段は基本設計段階でようやく出てくることが多いです。

Comments

[uruo]

なるほど、手段に固執していたために本質を見誤っていました。作るものによって手段や構成の解は異なる上に、それは「Why」の積み上げで導かれるべきですね。
訳もわからずDockerが必要だと思い込んだり、完全に一致する技術セットの解説だけを参考にしようとしていた自分をぶん殴りたいです。
勉強しながらの開発なので、いっそう思考放棄せず進めていこうと思いました。意識を変えるきっかけをくださりありがとうございます。

[m.ts10806]

使える道具を増やしたり深く理解することは出来ることの幅が広がるので、必要な過程ではあると思います。