イントロダクション この回からはデプロイ周りを整備していく。 最終的にはAWS CDKで自動化するが、何をやっているかの理解を深めるために手動→CloudFormation→CDKと段階を踏みながら同じ作業をしていく予定。 今回はマネジメントコンソールをいじりながら手…

目次 フロント用のワークフローを定義する ワークフローを分離する （補足）pathsとpaths-ignoreの挙動について フロント側の試運転 API側の試運転 フロント用のワークフローを定義する .github\workflowsにフロント用のワークフローであるui-test.ymlを作成…

目次 Jestのインストール・設定 package.jsonの編集 テストコードを書く テストを走らせる Jestのインストール TypeScriptで記述する前提で必要なライブラリをインストールしていく。 npm install --save-dev jest typescript ts-jest @types/jest 設定ファ…

目次 フロントの実装 APIサーバの実装 試運転 フロントの実装 <script setup lang="ts"> const onClick = async () => { const uri = "http://localhost:8080/hello"; fetch(uri, { method: "GET", redirect: "follow", }) .then((response) => { return response.json(); }) .then((…

目次 今回は短め。 プロジェクトの新規作成 試運転 コマンドのインストール npx nuxi init (プロジェクト名) でNuxtプロジェクトを作成する。 試運転 uiディレクトリに移動し、依存パッケージのインストール。 npm run devを実行しhttp://localhost:3000/ に…