Tech Hotoke Blog

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

【Ruby】InteliJでRubyの開発環境をセットアップする

目的 Rauby/Railsを使用することになり、InteliJのUltimateライセンスを登録していたので、せっかく&勿体無いのでInteliJをRubymineっぽく使ってみてVSCodeとどっちがいいか決める(前書いた記事ではVSCode使ってました) 前提 InteliJ Ultimateライセンスに登…

【Rails】gemってなに?美味しいの?

目的 gemについての理解を深めること gem is なに? 外部ライブラリのフォルダやファイルを1つのgem形式のファイルにパッケージングされたもの Rubyにおけるgemは以下の2つの意味を指すことがあるそうです RubyGemsが公開しているRubyのパッケージのこと そ…

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

【AWS】ただしNatGatewayテメーはダメだ

AWS

目的 学習用AWS環境のコストが添付画像のような状態となっており、コストの80%程度を占めるNatGateway(以下、NGW)の金額(画像右端グラフの紫部分)を抑えること 元凶 NGWはEC2インスタンスのように起動・停止が出来ず、起動時間に対して料金が発生するた…

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

【MySQL】rootユーザーのパスワードを忘れたことの備忘録

目的 rootユーザーのパスワードを忘れてしまい、MySQLサーバーにログインできなくなってしまったので、再設定の方法をまとめること 環境 Windows10 MySQL5.7 手順 基本的に公式リファレンスのB.3.3.2.1 Resetting the Root Password: Windows Systemsの項目…

Ruby on Railsに入門してみた【CRUDアプリケーション作成】

目的 Ruby on Railsに触れる機会が出てきそうなので、その予習として行なったことをまとめること。 環境 Mac OS BigSir11.4(M1) Ruby 2.6.3 Rails 6.1.4.1 VSCode 前提 Homebrew3系がインストールされていること(2系はM1Macでは動かないです) Rubyがインス…

Ruby on Railsに入門してみた【導入からHelloWorldまで(Mac)】

目的 Ruby on Railsに触れる機会が出てきそうなので、その予習として行なったことをまとめること。 環境 Mac OS BigSir11.4(M1) Ruby 2.6.3 Rails 6.1.4.1 VSCode 前提 Homebrew3系がインストールされていること(2系はM1Macでは動かないです) Rubyがインス…

【AWS】踏み台サーバーからWebサーバーへポートフォワーディングが失敗するようになる現象の処方箋

AWS

構成 起きている問題 正常にポートフォワーディングされていたのが、ある日突然、踏み台サーバーにログインした後にwebサーバーへログインしようとすると下記のように失敗するようになった。 webサーバー側 kex_exchange_identification: Connection closed …

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の作成 添付画像のよ…

【AWS】 EC2インスタンスにHTTP接続しようとしたらできなかったのでなんとかした。

AWS

利用サービス VPC EC2 CloudWatch 現状 セキュリティグループは8080ポート(今回接続するアプリケーションのポート)に対して、全ての通信を許可 Elastic IPアドレスの関連付け 割り当てられているサブネットはパブリックなインターネットに公開されている S…

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…