Tech Hotoke Blog

IT観音とは私のことです。

Spring

Vue×SpringでSPA作成14【Create・Update・Delete処理】

まえがき 目的 前提 環境 やること 完成画面 画面遷移 新規作成仕様 編集仕様 削除仕様 実装~フロントエンド~ 実装~バックエンド~ まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録…

Vue×SpringでSPA作成13【MyBatisの導入、Read処理~フロントエンド偏~】

まえがき 目的 前提 環境 やること 実装 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 基本的なJavaの知識やSp…

Vue×SpringでSPA作成 11 - 2【セキュアな通信で安心したい】

まえがき 目的 前提 環境 やること SSL(Secure Socket Layer)とは クライアントーALB間のSSL化 ALB-EC2間のSSL化 第三者制SSL証明書の取得 参考 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構…

Vue×SpringでSPA作成12【MyBatisの導入、Read処理~バックエンド偏~】

まえがき 目的 前提 環境 やること O/Rマッパー MyBatisとは? 実装-バックエンド- まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分…

Vue×SpringでSPA作成11【ドメインの設定】

まえがき 目的 前提 環境 やること 注意 構成 ドメインとは? DNSとは? DNSサーバーとは? ドメインの購入 Route53の導入 Route53とは? 設定 参考 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの…

Vue×SpringでSPA作成10【サーバの冗長化】

まえがき 目的 前提 環境 やること 注意 構成 なぜ冗長化するのか? 実装 Webサーバーの冗長化 RDSの冗長化 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細…

Vue×SpringでSPA作成9 - 2【AWSにアプリケーションのデプロイ】

まえがき 目的 前提 環境 構成 やること 実装 ローカル環境でTomcatにデプロイしてみる Tomcat内包のjarファイルなら動く? build.gradleの依存関係が不足している? Javaのバージョンを確認する alternativesコマンドとは? Tomcatのコンテキストパスを確認…

Vue×SpringでSPA作成9 - 1【AWSにアプリケーションのデプロイ】

まえがき 目的 前提 環境 構成 やること 導入 参考 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 基本的なJava…

Vue×SpringでSPA作成8【RDSへ移行】

まえがき 目的 前提 環境 やること やらないこと 構成 なぜRDSに移行するのか? RDSとは? AmazonAuroraについて 構築 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録の…

Vue×SpringでSPA作成7【AWSにアプリケーションのデプロイ】

まえがき 目的 前提 環境 やること やらないこと 構成 踏み台サーバーの作成 踏み台サーバーとは? 構築 SSH ポートフォワーディングとは? パブリックサブネットに配置されているEC2インスタンスを別サブネットに移行する AMIとは? AMIの作成 添付画像のよ…

Vue×SpringでSPA作成6【AWSにアプリケーションのデプロイ】

まえがき 目的 前提 環境 やること やらないこと 構成 事前準備 AWSの設定 MySQLのインストール アプリケーションのデプロイ アクセスが弾かれたので、以下の記事に対応をまとめましたので参考まで(モヤっと解決されたので、よくわからないですが・・・) …

【Spring】SpringBootで作成したプロジェクト名を変更する

目的 SpringBootプロジェクトの備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 Springの基本的な知識があること。 環境 SpringBoot2.6.0 Gradle 7.1.1 プロジェクト名の変更 該当のプロジェクトを選択し、右クリック>リファクタリ…

Vue×SpringでSPA作成4【Storeのmodule分割】

まえがき 目的 前提 環境 Storeのmodule分割 補足〜routerのStoreのstate取得〜 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分が…

Vue×SpringでSPA作成5【UIをいい感じにする】

まえがき 目的 前提 環境 ゴール 画面をいい感じにする メインコンテンツの実装 おまけ〜Vuex-pathify〜 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説…

Vue×SpringでSPA作成3【ログイン機能のカスタマイズ~フロントエンド編~】

まえがき 目的 前提 環境 やること 実装 環境構築 説明 Storeの実装 説明 ルーティングの実装 説明 ログイン・ログアウトの実装 参考 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘…

【Spring】General error during conversion: Unsupported class file major version 61の対応

環境 Mac BigSir11.4 JDK11 SpringBoot2.5.6 ソース build.gradle plugins { id 'org.springframework.boot' version '2.5.6' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group = 'com.example' version = '0.0.1-SNAPSHOT…

Vue×SpringでSPA作成2【ログイン機能のカスタマイズ~バックエンド編~】

まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 基本的なJavaの知識やSpring、Vueの知識があること。 環境 Java …