Tech Hotoke Blog

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

アプリケーション作成

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【AWSにアプリケーションのデプロイ】

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

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

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

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

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

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で作成したプロジェクトの構築手順の備忘…

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

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

Vue×SpringでSPA作成1【プロジェクト作成から初期画面表示まで】

目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 基本的なJavaの知識やSpring、Vueの知識があること。 環境 Java 11 Spring Boot2.5.6 Gradle 7.1.1 * Vue3 Vue2.6 IDE:STS プロ…