今回は、Webサイトを閲覧しているときに404のエラーに遭遇した時、他の番号はどんなのがあるんのかな？と疑問に思ったため、【HTTPステータス】についてまとめていこうと思います。

目次

――――――――――――――――――――――――――――

1. HTTPステータスとは
2. ステータスコード一覧
3. まとめ

――――――――――――――――――――――――――――

 ①HTTPステータス とは

HTTPレスポンスに含まれるWebサーバーの処理結果を表現する3桁の数字のことを指します。3桁の数字は「処理が成功した」、「リダイレクト（転送）がかかっている」、「エラーがある」、などさまざまな意味を持っています。

・100番台（Informational）：処理中

②ステータスコード一覧

・200番台（Success）：成功

・300番台（Redirection）：リダイレクト

・400番台（Client errors）：クライアントエラー

・500番台（Server errors）：サーバーエラー

③まとめ

HTTPステータスコードは大きく分けると100番台、200番台、300番台、400番台、500番台の5つに大別できる。

100番台：情報処理中であるということを示すHTTPステータスコード

200番台：通信が成功したことを示すHTTPステータスコード

300番台：リダイレクト（転送）がおこなわれたことを示すHTTPステータスコード

400番台：クライアント側でエラーが起きていることを示すHTTPステータスコード

500番台：サーバー側でエラーが起きていることを示すHTTPステータスコード

以上でHTTPステータスについて　でした～。　

はじめに

今回はJavaを学習しているとJavaFXなるものに出会ったので備忘録を兼ねて簡単なアプリケーションを作成しながら記事をまとめていきたいと思います。

JavaFXとは

JavaFXとはJavaのフレームワークの1つで、GUIアプリケーションを作成するときに役立ちます。特徴としてXLMやCSSを利用して作成するといった点が挙げられます。

実行環境・ツール

実行環境およびツールは以下を用意・使用していきます。

・Windows11
・Eclipse 2022-12
・SceneBuilder

SceneBuilderを使用しての画面作成

ツールの用意ができたら早速画面の作成をしていきたいと思います。画面作成には「SceneBuilder」というツールを使っていきます。SceneBuilderはJavaFXで使用する画面のXMLファイルをドラッグアンドドロップで簡単に作成することができます。
ツールを起動すると空の状態から画面を作成するか、テンプレートを使用して画面を作成するかを選択できるかと思います。今回は基本アプリケーションのテンプレートを編集して画面の作成を行っていきます。

基本アプリケーションのテンプレートを選択すると上記のようにある程度編集されたされた画面が表示されます。その後、左のツールバーから必要な要素ををドラッグアンドドロップ、右のツールバーで各要素に対してIDを振り分けして画面を作成していきます。
今回は下記のような画面を作成し、「Main.fxml」という名前で保存します。

＊挿入文字列のテキストフィールドに入力した文字列をSample.txtという名前のテキストファイルに挿入し、readボタンを押すとテキストファイルに記載されている文字をテキストエリアに表示するといった機能を実装していきます。左上のテキストフィールドは挿入された文字列のコンソールになります。

Eclipseプラグインの導入とプロジェクトの作成

１,Eclipseプラグインの導入

Eclipseを起動したらJavaFXプロジェクト作成のためにプラグインを導入します。ヘルプ(H)→Eclipse マーケットプレイス(M)→検索欄でJavaFXと検索→検索結果から「e(fx)clipse」というプラグインをインストールします。

2,プロジェクトの作成

プラグインのインストールが完了したらいよいよプロジェクトを作成していきます。
ファイル(F)→新規(N)→プロジェクト(R)→ウィザードの選択でJavaFX プロジェクトを選択→次へを押してプロジェクト名を入力（筆者はFxSampleという名前で作成）→次へを押してビルドの設定（後ほどやるのでそのまま次へ）→言語後をFXMLに設定し、ファイル名をMainにして完了する。
上記が完了したら以下画像のようなプロジェクトツリーができます(Main.fxmlは先ほど作成したファイルを設定してください)。

3,JavaFXモジュールのダウンロード

次にJavaFXモジュールのダウンロードを行います。ブラウザで「JavaFX」と入力すると公式サイトからダウンロードできるので最新版をダウンロードします。ダウンロードが完了したら任意のディレクトリに解凍します(後ほど必要になるので保存先を覚えておいて下さい)。

4,ビルドパスとコマンドライン引数の設定

次はビルドパスの設定を行っていきます。手順は以下となります。
プロジェクトを右クリック→ビルド・パス(B)→ライブラリの追加(L)→ユーザーライブラリ→ユーザーライブラリ(U)→新規(N)→任意の名前を設定(筆者はJavafxとして設定)→Javafxライブラリを選択し、外部jarの追加→先ほど解凍したJavaFXモジュールのlibフォルダにあるjarファイルをすべて選択→適応して完了
上記が完了するとビルドパスの設定が完了します、またコマンドライン引数を設定する前にプロジェクトディレクトリにある以下のファイル、ビルド・パスを削除しておいてください(これがあると実行時にエラーが発生します)。

・JavaFX SDK
・module-info.java

続いてコマンドライン引数の設定を行います。JavaFXにはモジュールシステムが利用されているため、使用するモジュールの設定を行わなければいけません。そのため以下の手順で設定を行います。
実行の構成を開く→プロジェクトを選択する(今回はFxSample)→引数タブを選択→VM引数に「–module-path “解凍したJavaFXフォルダ内のlibフォルダのパス”  –add-modules javafx.controls,javafx.fxml」を設定
上記の設定が完了すると実行することができます。

5,コーディング

設定が終わったらコーディングをしていきます。今回はapplicationディレクトリ下に以下の4つのJavaファイルを作成していきます。
・Main.java(今回は特にコーディングは行わない)
・MainController.java
・Reader.java
・Writer.java

それではコーディングを行っていきます。
Reder.java

package application;
import java.io.BufferedReader;
import java.io.FileReader;
import java.io.IOException;

public class Reader {
	public static String reader() {
		String text = "";
		try(BufferedReader br = new BufferedReader(new FileReader("Sample.txt"))){
			String str = null;
			while((str = br.readLine()) != null) {
				text += str + "\n";
			}
		}catch(IOException e) {
		
		}
		return text;
	}
}

Writer.java

package application;

import java.io.BufferedWriter;
import java.io.FileWriter;
import java.io.IOException;

public class Writer {
	public static void writer(String str) {
		try(BufferedWriter bw =
		          new BufferedWriter(new FileWriter("Sample.txt",true))){
			bw.write(str);
			bw.newLine();
			bw.flush();
		}catch(IOException e){
			
		}
	}
}

MainController.java

package application;

import java.net.URL;
import java.util.ResourceBundle;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;

public class MainController implements Initializable {
    @FXML
    private TextField writeLabel;
    @FXML
    private TextField console;
    @FXML
    private TextArea readArea;
    @FXML
    private Button writeButton;
    @FXML
    private Button readButton;
    @Override
    public void initialize(URL location, ResourceBundle resources) {
        // 時に記載なし
    }
    public void writeText() {
    	String wl = writeLabel.getText();
    	Writer.writer(wl);
    	writeLabel.setText("");
    	console.setText(wl);
    }
    public void readText() {
     String rt = Reader.reader();
     readArea.appendText(rt);;
    }
}

6,実行

コーディングが終わったらいよいよ実行していきます。アプリケーションを実行するとSceneBuilderで作成した画面が表示されるかと思います。画面が表示されたら実際に文字を入力してテキストエリアに文字を表示していきたいと思います。無事に文字を表示することができました。

終わりに

今回はJavaFXアプリケーションを作成するための基礎知識をご紹介していきましたがいかがだったでしょうか。GUIアプリケーションの作成は画面の構築が面倒なイメージがありますが、画面レイアウトをツールで作成することができればかなりの作業を削減することができます。GUIアプリケーションを作成する際の選択肢の一つとしてぜひいかがでしょうか。

Excel上で、以下のようなフォーマットを見たことはあるでしょうか？
上記のフォーマットは、

①「移行元フォルダパス」に置換したいExcelファイルが格納されているフォルダパスを指定
↓
②「移行先フォルダパス」に置換後のファイルを保存するフォルダパスを指定
↓
③「ファイル置換」のボタンを押下すると、置換対象のExcelファイルをもとに、別フォーマットに書き換えたExcelファイルを移行先フォルダパスで指定したフォルダに出力する

という一連の処理をマクロ化したExcelファイルになります。
このように、Excel上で特定の処理をマクロ化する際に使用する言語をVBA（Visual Basic for Application）といいます。
今回は、VBAを使うための初歩操作と、簡単なプログラムについて解説していきます。

VBAエディタ（VBE）の開き方

VBAを書き込むエディタ「VBE（VisualBasicEditor）」を開く方法は、以下の２通りがあります。

①Ctrl+F11を押下
②「開発」タブから「Visual Basic」を押下（「開発」タブについては、オプションからタブ上に表示させるように設定する必要があります）

上記方法でエディタを開くと、以下の画面になると思います。
この画面のままではまだコードの書き込みは行えないので、モジュールを追加します。
上記画面で、「挿入」タブ→「標準モジュール」を押下するとコードを書き込むウインドウが表示されます。
次は、簡単なプログラムについて解説します。

足し算・引き算の処理を実行するプログラムを作る

ここからは、標準モジュール内にプログラムを書き込み、「セル内の数値を判定して足し算・引き算の計算結果を出力するプログラム」を作成していきます。
まず、モジュール内に「Sub <Sub名>()」を記載します。このSubは、他のプラグラミング言語でいうメソッドに該当します。
<Sub名>には、任意の名前をつけられます。日本語も使用可能なので、本記事では「足し引き処理」とします。

「Sub 足し引き処理()」を記入後、Enterを押すと末尾に「End Sub」という記載が自動的に追加されます。このEnd SubとSubの間に、行いたい処理を羅列していきます。

Sub内に、以下のコードを書き込みます。

Dim num1 As Integer
Dim num2 As Integer
Dim calcResult As Integer
Dim calc As String

上記コードは、処理内で使う変数の宣言になります。「Dim <変数名>」で変数名、「As <データ型>」でその変数の型を宣言しています。
今回は計算のプログラムなので、計算を行う数値を格納する変数を２つと、計算方法を指定するための変数を宣言しています。

次に、以下のコードを記入します。

 '1つ目のセル内の値を判定
If IsNumeric(Cells(2, 2).Value) Then
　'セルの中身が数値の場合、数値を変数に格納
　num1 = Cells(2, 2).Value
Else
　'セルの中身が数値以外の場合、エラーメッセージを出して処理を終了
　MsgBox "数値を入力してください。"
　End
End If

一個ずつ解説していきます。
2行目の「If <判定したい値・式> Then」は、<判定したい値・式>に記入した式や値が返す真偽の結果によって、処理を分岐させるためのステートメントです。Thenのあとには、判定結果がTrueの場合の処理を記載します。
「IsNumeric」は指定した値が数値かどうかを判定するための関数となります。今回は、セルの値を参照して数値かどうかを判定しています。

続いて、4行目の「num1 = Cells(2, 2).Value」は、先程宣言した変数の中にセルの値を格納しています。
Cells(行,列).valueは、セル内の値を参照しています。かっこ内の行と列については、どちらも数値で指定する必要があります。（列指定はA列から順に指定、E列を指定する場合は”5″になります）
今回は、B2に1つ目の数値を入力するため、Cells(2, 2)を指定します。

5～8行目は、1行目の条件分岐がFalseとなった場合の処理になります。
7行目のMsgBoxは、Excel上でメッセージボックスを表示させるための関数になります。MsgBoxのあとに、表示させたいメッセージを””（ダブルクォーテーション）囲みで記載します。

8行目のEndは、VBAの処理を途中で中断させる場合に用います。変数内に数値が入っていない状態で計算を行うと、予期しないエラーが発生する可能性があるため、セル内に数値以外が入力されている場合は、その時点で処理を中断させるようにしています。

こちらの処理は1つ目の数値に対する処理のため、2つ目の数値の処理も同じように記載します。

'2つ目のセル内の値を判定
If IsNumeric(Cells(3, 2).Value) Then
 'セルの中身が数値の場合、数値を変数に格納
 num1 = Cells(3, 2).Value
Else
 'セルの中身が数値以外の場合、エラーメッセージを出して処理を終了
 MsgBox "数値を入力してください。"
 End
End If

こちらは、セルの取得範囲をB2からB3に変更したのみなので、説明は省略します。

次に、計算方法の判定を行う処理を記載していきます。
以下のコードを記載します。

'計算方法の判定・計算実施
If Cells(4, 2).Value = "+" Then
 '+の場合、足し算を実施
 calcResult = num1 + num2
ElseIf Cells(4, 2).Value = "-" Then
 '-の場合、引き算を実施
 calcResult = num1 - num2
Else
 '上記以外の場合、エラーメッセージを出して処理を終了
 MsgBox "+か-を入力してください。"
 End
End If

２行目では、B4セルの値を取得して、特定の文字列であるかどうかの判定を行っています。今回は足し算or引き算を実施したいため、四則演算の記号”+”であるかどうかを判定します。
また、もし”+”でない場合でも、引き算であれば処理を実施したいため、5行目で四則演算の記号”-“であるかどうかを追加で判定しています。1つ目の条件がNGの場合に2つ目の条件判定を行いたい場合、ElseIfを記載します。

単純な計算を行う場合は、四則演算記号を使うのみで問題ありませんが、掛け算と割り算はプログラム上ではそれぞれ記号が異なるので注意してください。（今回は割愛します）

最後に、計算結果をセルに入力する処理を記載してプログラムは完成となります。

 '計算結果をセルに記入
Cells(5, 2).Value = calcResult

完成したプログラムをExcel上で呼び出せるようにする

ここまでで計算を行うプログラムは完成しましたが、このままではまだExcel上から処理を行えないため、ここからはExcel上からプログラムを呼び出して処理を行えるようにする手順を紹介します。

まず、Excel上で「開発」タブ→「挿入」を押下してください。すると色々な図形が出てくるので、その中から「フォームコントロール」の長方形の図形（一番左上にあると思います）を選択します。

※VBAで指定したセルの箇所をわかりやすくするため、A列にそれぞれの値を記入しています

長方形を選択すると、カーソルが+状になると思うので、ワークシート上の適当な場所を選択します。
選択すると、マクロ登録ウインドウが出てくるので、こちらで先程作成した「足し引き処理」を選択します。

選択後、OKを押下すると「ボタン」と表示された長方形が生成されます。
こちらの長方形をクリックすると、「足し引き処理」に記述した処理が順次実施されます。
試しに、12+5の処理を実施してみます。B2セルに12、B3セルに5、B4セルに”+”を入力後、「ボタン」を押下してみます。
無事に計算結果である17が出力されました。

今度は、6-9を実施してみます。正常に動作すれば、-3になるはずです。
ちゃんと-3になりましたね。これで計算が正しく行われていることは確認できました。

最後に、想定しない入力が行われた場合にメッセージを表示させてくれるかを確認します。
数値1に”あいうえお”と入力してOKを押してみます。
ちゃんとメッセージも表示されていますね。これで入力エラーになる心配はなさそうです。

今回は、VBAの基礎を解説しました。かなり簡単なプログラムでしたが、もう少し複雑なプログラムを組むと、「シートの入力内容を別シートに書き移す」などの処理も自動化できるので、もしよろしければ是非VBAについて詳しく調べてみてください。

平素は格別のご高配を賜り、誠にありがとうございます。
株式会社エイブリッジでは誠に勝手ながら、年末年始休業日を下記のとおりとさせていただきます。

【年末年始休業日】
2023年12月29日(金)～2024年1月4日(木)
※2024年1月5日（金）より、通常営業を開始致します。
※休暇中のお問い合わせにつきましては、2024年1月5日（金）以降に対応させていただきます。

ご不便をおかけいたしますが、何卒ご了承いただきますようお願い申し上げます。

PANTONEからカラーオブザイヤー2024が発表されました。
→PANTONE COLOR OF THE YEAR 2024

2024年のトレンドカラーは「PANTONE 13-1023 Peach Fuzz（ピーチファズ）」。
ピンクに近い彩度が低めのオレンジ色ですね。
この数年間は彩度の低い、いわゆる「くすみカラー」が選ばれています。

カラーデータ

HEX　#FFBE98
sRGB　255, 190, 152
LAB　83.16, 22.40, 30.15

Photoshopのカラーピッカーではこんな感じです。

PANTONE CONNECT

Peach Fuzzを元にしたカラーパレットやシェードも用意されています。
→PANTONE CONNECT（要会員登録）

今回は、Webシステムで動的な情報を印刷プレビュー画面にて表示させる事があったのでその備忘録としてまとめたいと思います。

目次
――――――――――――――――――――――――――――
① 開発環境
② 実装方法
③ まとめ
――――――――――――――――――――――――――――

①開発環境
※今回の機能は特段、開発環境に依存は無い為、簡潔に記載いたします。
・Laravel
・JQuery
・Bootstrap

②実装方法
・まずはお好みで画像を用意します。

・次は以下の2つのJavaScriptを読み込みます。

・次にボタンとスクリプトを設置します。
【button】

【javascript】

③まとめ
・今回は、Webシステムで動的な情報を印刷プレビュー画面にて表示させる方法についてまとめてみました。
公開されているJavaScriptのライブラリを使用すると様々なことを実装することができます。
今後も色々と調べていきたいですね。