Tech Hotoke Blog

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

2021-01-01から1年間の記事一覧

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

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

AWS入門【Amazon EC2】

AWS

目的 AWS学習の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 ネットワークの基本的な知識があること。 ゴール EC2インスタンスを作成し、SSH接続を行う 環境 OS:Mac Amazon EC2(Elastic Compute Cloud)とは AWS上に仮想サーバを…

AWS入門【Amazon VPC】

AWS

目的 AWS学習の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 ネットワークの基本的な知識があること。 ゴール 添付画像の構成を実現すること。 Amazon VPC(Amazon Virtual Private Cloud)とは AWSアカウント内に構築できる仮想ネ…

ネットワーク入門【TCP/IP】

まえがき 少しずつ更新していきます 今回はIPについて 目的 TCP/IPの概要について復習 前提 ITパスポート取得レベルの知識があること インターネットの基本的な用語などが分かること 環境 Mac TCP/IP デファクトスタンダード RFCによって標準化 4階層構造(O…

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

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

AWS入門【 Cloudformation 】

AWS

目的 AWS学習の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 ネットワークの基本的な知識があること。 ゴール 添付画像のテンプレートを作成すること AWS CloudFormationとは AWSリソース(EC2やRDS、S3等)をテンプレート化して…

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…

【Java】Java17 まとめ~Java8との変更点~

Java17 2021年9月リリース Java11以来のLTS版という事で注目度高い Java10以降半年一回のリリース、3年ごとのLTSが発表されるというサイクルに固定化された LTS版は3年LTS版でないJavaはサポート期間が半年( Oracle) 主要ディスとリビュータごとのサポート…

【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…

Vuex入門

Vue

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

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

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

【Java】Javaでログイン機能を実装してみた。

目的 前提 環境 実装 プロジェクト作成~ログイン遷移 データ連携〜ログインロジックの作成 SessionにUserBeanのデータを格納し画面に表示する フィルターの実装 ログアウト処理の実装 参考 目的 Springなどのフレームワークを使用してログイン機能を実装する…

【Git】ひとつのGitリポジトリからサブリポジトリに分割して管理する方法

やりたいこと ./src ├── frontend │ ├── node_modules │ ├── public │ └── src -------------------------------- ↑リポジトリAで管理 ↓リポジトリBで管理 -------------------------------- ├── main │ ├── java │ └── resources └── test └── java ひとつ…

Tomcatのディレクトリ構造おさらい

目的 Tomcatのディレクトリ構成のおさらい兼見返せる用のメモ書き 前提 Tomcatのインストールが完了していること ディレクトリ構成 bin:実行ファイル tomcatの実行に関するファイル群が格納される場所 conf:設定ファイル tomcatの設定に関するファイル群が…

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

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

【Spring】application.propertiesの値を環境変数に切り出す方法

目的 アプリケーションの設定 は、デプロイ環境(ステージング、本番、開発環境など)の間で異なり得る唯一のファイルなので、固定値を埋め込むのではなく値を外部に切り出して環境によって変更できるようにすること。 前提 本記事は、SpringBootで作成した…