Web系開発メモ

Java, C#, HTML, CSS, JavaScript のことなどを書いてます。

SpringBoot アプリ開発 2.プロジェクト作成・SQL作成

連載記事「SpringBoot アプリ開発」を読み進めると、サンプルの Webアプリを制作することができます。 今回は、サンプルアプリのプロジェクトとSQLを作成していきます。 連載記事 SpringBoot アプリ開発の連載記事は以下の通りです。 概要・使用プロダクト …

SpringBoot アプリ開発 1.概要・使用プロダクト

連載記事「SpringBoot アプリ開発」を読み進めると、サンプルの Webアプリを制作することができます。 今回は、サンプルアプリの概要と使用製品を書いていきます。 連載記事 SpringBoot アプリ開発の連載記事は以下の通りです。 概要・使用プロダクト(今回…

サーブレットと対応製品のバージョンについて(Tomcatなど)

Java Servlet のバージョンと、対応する製品のバージョンを整理しました。 目次 パッケージ名について Servlet 6.0 Servlet 5.0 Servlet 4.0 参考文献 パッケージ名について Servlet 5.0 から、パッケージ名が以下の通り変更されています。 変更前:javax.se…

Jetty12 MavenプラグインでWebアプリを起動する方法

Jetty Maven Plugin で、Webアプリケーションを起動する方法を書いていきます。 目次 バージョン プラグインの追加 Webアプリの起動 動作確認 1. バージョン 動作確認で使用したバージョンは以下の通りです。 Maven 3.9.6 Jetty Maven Plugin 12.0.7 2. プラ…

Maven Windowsにインストールする方法

Apache Maven 3.9.6 を、Windows にインストールする方法を書いていきます。 目次 JDKと環境変数 ダウンロード 解凍と移動 環境変数の表示 Pathの設定 動作確認 1. JDKと環境変数 Maven を使うには、以下の条件を満たす必要があります。 JDKがインストールさ…

Eclipse2023 Windowsにインストールして日本語化する方法

Eclipse を Windows にインストールして、日本語化する方法を書いていきます。 目次 概要 JDKについて ダウンロード インストール p2フォルダ 日本語化 起動 資源の削除 1. 概要 Eclipse Installer で Eclipse をインストールして、Pleiadesプラグインで日本…

Amazon Corretto21 Windowsへのインストール方法(JDK21)

Amazon Corretto 21(JDK 21)を、Windows 11 にインストールする方法を書いていきます。 目次 サポート期間について ダウンロード インストール 動作確認 1. サポート期間について Corretto 21 は LTS(Long Term Support)で、長期間のサポートが保証され…

Windows NotoSansJPをインストールする方法

Google Fonts の「Noto Sans Japanese」を、Windows にインストールする方法を書いていきます。 目次 OSバージョン ダウンロード 解凍 フォント設定を開く インストール フォントファイルについて 動作確認 アンインストール 1. OSバージョン Windows 11 で…

JavaScript 親要素へのイベント伝播を防ぐ方法

ある要素のイベントが発生した時に、親要素へのイベント伝播をキャンセルする方法を書いていきます。 目次 キャンセルする方法 コード例 1. キャンセルする方法 以下のコードで、親要素への伝播を防ぐことができます。 event.stopPropagation(); 2. コード例…

CSS テキストや画像を選択できないようにする方法

CSS を使って、文字列や画像の選択を無効にする方法を書いていきます。 目次 無効にする方法 コード例 1. 無効にする方法 以下のプロパティを設定すると、マウスドラッグ等での選択が無効になります。 user-select: none; 初期値は auto のようです。 2. コ…

JavaScript ドキュメントの読込完了時に処理を実行する方法

JavaScript を使って、ドキュメントやリソース(CSSや画像など)の読み込みが完了した時に処理を実行する方法を書いていきます。 目次 実行方法 実行順序 使い分け jQueryについて 1. 実行方法 ドキュメントの DOMContentLoaded を使うと、HTMLの読み込み(D…

JavaScript 効果音を再生する方法(連続再生+音の変更)

JavaScript の Audio を使って、効果音を再生する方法を書いていきます。 目次 再生方法 連続再生について 効果音の変更方法 1. 再生方法 以下の JavaScript と MP3 を用意します。 sound-effect.js class SoundEffect { constructor() { this.keyboard = ne…

iPhotoDraw スクリーンショットを取得する方法

Windows で iPhotoDraw を使うと、画像に矢印や四角枠などの図形を簡単に付けることができます。図形の位置変更や再編集も可能です。 これから、iPhotoDraw で画面キャプチャを取得して、保存する方法を書いていきます。 製品 以下のバージョンで動作確認を…

iPhotoDraw 画像に矢印や枠などを簡単に追加する方法

Windows で iPhotoDraw を使うと、画像に矢印や四角枠などの図形を簡単に付けることができます。図形の位置変更や再編集もできるので、非常に便利だと感じています。 これから、iPhotoDraw の使用方法を書いていきます。 製品 以下のバージョンで動作確認を…

iPhotoDraw ダウンロードとインストール方法

Windows で iPhotoDraw を使うと、画像に矢印や四角枠などを簡単に付けることができます。これから、iPhotoDraw のダウンロードとインストール方法を書いていきます。 ※ iPhotoDraw は、無料で使用することができます。 製品 以下のバージョンで動作確認をし…

VisualStudio Ctrl+Wでエディターのタブを閉じる方法

Visual Studio で Ctrl+W を押した際に、エディターのタブを閉じるようにする方法を書いていきます。 バージョン ブログ執筆時の製品バージョンは以下の通りです。 Windows 11 Visual Studio Community 2022 注意事項 Visual Studio の場合、Ctrl+W を使うシ…

LibreOffice アップデート方法(ソフトウェアの更新方法)

無料オフィスソフトの LibreOffice を、新しいバージョンにアップデートする方法を書いていきます。 目次 アップデート方法 ダウンロードとインストール方法 更新通知と自動更新について 1. アップデート方法 新しいバージョンの LibreOffice をダウンロード…

LibreOffice Calc 表計算の数値にプラスを付ける方法

LibreOffice の表計算ソフトで、数値にプラス(+)を付ける方法を書いていきます。 1. 書式設定の表示 セルの選択後に「右クリック」→「セルの書式設定」を押します。 2. 書式コードの設定 設定の書式コードに「+0;-0;0」を入力して「OK」を押します。 3. 確…

Windows バッチでWi-Fiに再接続する方法(Wi-Fi接続)

Windowsのバッチで、Wi-Fi(無線LAN)に再接続する方法を書いていきます。 注意事項 以下の環境と条件で動作確認をしています。 Windows 11 手動で接続済みのSSID コード例 以下のバッチを実行すると、SSID「Buffalo-12」に接続します。 @echo off netsh wla…

LibreOffice 無料オフィスソフトの紹介とインストール方法

無料オフィスソフト LibreOffice の概要と、Windows にインストールする方法を書いていきます。 目次 LibreOfficeとは? OpenOfficeについて LibreOfficeのバージョン ダウンロード方法 インストール方法 1. LibreOfficeとは? LibreOffice は、無料でオープ…

VBScript ワイルドカードで複数ファイルの名前変更(VBS)

VBS

VBScript のワイルドカード(正規表現)を使って、複数ファイルの名称を変更する方法を書いていきます。 コード例 今回のコード例ですが、フォルダ内にあるWAVファイルの名前を一括で変更するコードになります。 rename-wav.vbs Option Explicit ' ファイル…

ASP.NET Core 他のアクションにリダイレクトする方法

C#

ASP.NET Core の MVCコントローラーで、同じクラス内のアクション(メソッド)にリダイレクトする方法を書いていきます。 目次 対応方法 コード例 1. 対応方法 リダイレクト先のメソッド名を指定して、RedirectToAction をリターンします。 return RedirectT…

ASP.NET Core リクエストパラメーターがないエラーの対応方法

C#

ASP.NET Core の APIコントローラーで、リクエストパラメーターが存在しないとエラーになることがありました。 以下に詳細と対応方法を記載していきます。 プロジェクトの概要 動作確認のために作成したプロジェクトは以下の通りです。 言語:C# フレームワ…

ASP.NET Core ルートパスでindex.htmlを返す方法

C#

ASP.NET Core で、ルートパス(デフォルトページ)が要求されたときに index.html を返却する方法を書いていきます。 ※ ここでのルートパスは、下のようにスラッシュで終わる URL とします。 http://localhost:xxxx/ プロジェクトの概要 動作確認のために作…

ASP.NET Core リクエストのJSONをバインドする方法

C#

属性 [FromBody] を使って、APIコントローラーで JSONをオブジェクトにバインドする方法を書いていきます。 プロジェクトの概要 動作確認のために作成したプロジェクトは以下の通りです。 言語:C# テンプレート:ASP.NET Core Web API フレームワーク:.NET…

ASP.NET Core リクエストのURLパスから値を取得する方法

C#

ASP.NET Core の APIコントローラーで、リクエストの URLパスから値を取得する方法を書いていきます。 例えば、以下のリクエストの場合に、 http://localhost:xxxx/req/path/6 「6」を取得して使う方法になります。 プロジェクトの概要 動作確認のために作成…

ASP.NET Core リクエストパラメーターを使う方法

C#

ASP.NET Core の APIコントローラーで、リクエストパラメーター(クエリ文字列)を取得する方法を書いていきます。 具体的には、以下のリクエストの場合に、 http://localhost:xxxx/req/param?id=4 パラメーター「id」の「4」を取得して使う方法になります。…

ASP.NET Core 静的コンテンツを返す方法(html, js, css等)

C#

ASP.NET Core で、HTMLなどの静的コンテンツを返却する方法を書いていきます。 プロジェクトの概要 動作確認のために作成したプロジェクトは以下の通りです。 言語:C# テンプレート:ASP.NET Core Web API フレームワーク:.NET 6.0 HTTPS 用の構成:無効 …

ASP.NET Core JSONを返却する方法(Web API の作成)

C#

ASP.NET Core で、JSON を返す方法を書いていきます。 プロジェクトの概要 動作確認のために作成したプロジェクトは以下の通りです。 言語:C# テンプレート:ASP.NET Core Web API フレームワーク:.NET 6.0 HTTPS 用の構成:無効 コントローラーを使用する…

ASP.NET Core で Web API のプロジェクトを作成する方法

C#

ASP.NET Core で、Web API のプロジェクトを作成する方法を書いていきます。 バージョン ブログ執筆時に使用した製品バージョンは以下の通りです。 Windows 11 Visual Studio 2022 ASP.NET Core のインストール プロジェクトを作成する前に、Visual Studio I…