技術選定について

フロントエンド

ReactでいうHooksのような書き方

UI Componentライブラリ

選定理由

前提

Nuxt + Vue + Vuetify を使いたい (ポートフォリオと同じ・慣れた構成)

TypeScriptの学習も兼ねたい

Composition APIを使うとより綺麗に書ける

VuetifyはVue2だと快適に使えるが、Vue3ではかなり使いづらい(現在β版)

TypeScriptを使う上では Vue2 よりも Vue3 の方が適している

Nuxt2 + Vue2 の構成にいろんなパッケージを追加すれば TypeScript のコーディングもかなり快適にできる

インフラ

Webアプリのホスティングサービス

選定理由

GitHubと連携することで、masterブランチpush時に自動デプロイしてくれる

インフラのことを考えなくてよくなるため

Netlifyと違い、個人利用なら転送容量等の制限なしで実質無料