Tech Hotoke Blog

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

Vue

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のインストール アプリケーションのデプロイ アクセスが弾かれたので、以下の記事に対応をまとめましたので参考まで(モヤっと解決されたので、よくわからないですが・・・) …

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】VueのプロジェクトでSassを使用した際の「TypeError: this.getOptions is not a function」対応

Vue

環境 Vue 2.6.1 webpack 4.46 事象 Vuetifyを導入するためにSassをnpmインストールしたところ、下記のようなエラーが発生。 ERROR Failed to compile with 1 error error in ./node_modules/vuetify/src/styles/main.sass Syntax Error: TypeError: this.get…

Vuex入門

Vue

目的 Vuexについての備忘録として。 前提 Vueの基本的な知識があること。 データ管理の考え方 結論 アプリケーションの規模が大きくなるにつれて、状態を複数のcomponentから参照する場合に管理が複雑になるため、 タスク管理ツールなどでタスクの状態に応じ…

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

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