イントロダクション この回からはデプロイ周りを整備していく。 最終的には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/ に…

目次 リポジトリを作成する GitHub Actionsワークフローの定義を行う 試運転 リポジトリを作成する 前回作成したJUnitをCI環境に組み込み、プルリクエストを作成、更新した時点で自動でテストが走るようにしたい。 今回はGitHub Actionsを使用するが、まずは…

目次 Gradleでテストコマンドを実行できるようにする テスト対象のロジッククラスを記述する テストコードを書く テストを実行する Gradleでテストコマンドを実行できるようにする apiプロジェクトのbuild.gradleに以下の記述を追加する。 testImplementatio…

目次 flywayのインストール 設定ファイルの記述 package.jsonの編集 マイグレーションファイルの作成 試運転 flywayのインストール 前回で無事にマルチプロジェクト構成にできたので、今回はマイグレーション周りを整備していく。 build.gradle に組み込む方…

目次 Gradleのインストール プロジェクト構成 ルートプロジェクトの作成 ルートプロジェクトの作成 Gradle Wrapperの導入 & ビルド Gradleのインストール Gradleコマンドを使えるようにする。Gradle Releasesにアクセス。 Downloadからcompleteを選択してダ…

目次 Docker経由でMySQLイメージを取得する docker-compose.yml を記述する Dockerイメージを立ち上げて疎通確認 Docker経由でMySQLイメージを取得する MySQLイメージを取得する。 Dockerを起動した状態で以下コマンドを実行。 $ docker pull mysql:latest d…

目次 コントローラクラスを作成する リクエストを返すことを確認する コントローラクラスを作成する com.sample.apiにcontrollerのパッケージを切って、以下のヘルスチェック用コントローラクラスを作成する。 package com.sample.api.controller; import or…

目次 Spring Initializrでプロジェクトを作成する IntelliJの設定を行う プロジェクトを実行する プロジェクトの雛形を作成する Spring Initializr で雛形を作成する。 今回は以下の内容を設定した。 Project: Gradle Language: Java Spring Boot: 2.7.5 Met…

イントロダクション ここ数ヶ月、タイトルにあるような技術構成でWebアプリの開発をしている。 構築でいろいろと詰まったりしたので備忘録として作業ログを残していく。 やること APIサーバ、フロントエンド、DBなど基盤構築の手順を記録する。 インフラ(AWS…