動かしてみよう

解説
1. ワークスペースの設定
2. プロジェクトの作成
3. JSPファイルの作成
4. プロジェクトの実行

進捗を変更する

このページは無料で始められるオンラインプログラミング学習サービス「DigSkill」の一般公開ページです。
この前後のページを見たい方や学習内容に興味を持たれた方は、こちらをクリックしてコース一覧をご覧ください！

解説

1. ワークスペースの設定

まずはeclipseでプロジェクトやJSPファイルの作成方法、プロジェクトの実行方法を学びましょう。最初に、eclipseのワークスペースの設定を行います。

※「Eclipse 2021-03」より前のバージョンのeclipseを使用している方は、動的Webプロジェクトのフォルダ構成を本コースと合わせるため、『環境設定：Eclipse > インストール』を参考に最新版のeclipseをインストールしてください。

手順1

(1)	デスクトップ上の「digskill」フォルダーの中に「workspace_eclipse」フォルダーを作成してください。
(2)	『環境設定』コースの『Eclipse > インストール』を参考にeclipseを起動してください。
(3)	ディレクトリー選択画面が表示されるので、「参照」から（1）で作成した「workspace_eclipse」フォルダーを選択し、「起動」をクリックしてください。

Tips

ディレクトリー選択画面

eclipse起動時にディレクトリー選択画面が表示されない場合、eclipseウィンドウ上部にある「ファイル」タブ内の「ワークスペースの切り替え」から「その他」を選択してください。ディレクトリー選択画面が表示されます。

以上でワークスペースを設定することができました。今後eclipseを起動した際には、上記の手順で同じワークスペースを選択するようにしてください。

2. プロジェクトの作成

次はプロジェクトを作成しましょう。eclipseでは、動的Webプロジェクトを作成することで、Webアプリケーション開発に必要なファイル、フォルダ構成ーのひな型を作成することができます。

手順2

(1)	eclipseを開き、画面上部のメニューバーの「ファイル」から、「新規」>「動的 Web プロジェクト」をクリックしてください。
(2)	「プロジェクト名」は「form_jsp」と入力してください。
(3)	ターゲット・ランタイム ⇒ Tomcat10（Java21）動的 web モジュールバージョン ⇒6.0 構成 ⇒Tomcat10（Java21）デフォルト構成を選択し、「完了」をクリックしてください。

以上で「form_jsp」という名前の、動的Webプロジェクトを作成することができました。

3. JSPファイルの作成

次にJSPファイルを作成しましょう。

手順3

(1)	eclipseの「パッケージ・エクスプローラー」から、作成した「form_jsp」フォルダーをクリックして開き、「src > main > webapp」フォルダーを右クリックしてください。
(2)	「新規」>「その他」をクリックしてください。
(3)	「Web」の中の「JSPファイル」を選択し、「次へ」をクリックしてください。

(4)

ファイル名は「index.jsp」とし、「完了」をクリックしてください。

以上でJSPファイルを作成することができました。

4. プロジェクトの実行

次はプロジェクトの実行手順を確認しましょう。

手順4

(1)

手順3で作成した「index.jsp」を、下記のコードで置き換えてください。

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>入力フォーム画面</title>
</head>
<body>

	<p>Hello World!</p>

</body>
</html>

(2)	「パッケージ・エクスプローラー」から「form_jsp」フォルダを右クリックしてください。
(3)	「実行」>「サーバーで実行」をクリックしてください。
(4)	使用するサーバーとして「Tomcat10_Java21」を選択し、「このプロジェクトを実行するときは常にこのサーバーを使用」にチェックを入れ、「完了」をクリックしてください。 _{※以降プロジェクトを実行する際は、この手順は不要になります}

以上でプロジェクトを実行することができました。PCのデフォルトブラウザが開き、「index.jsp」が表示されます。また、今後「プロジェクトを実行」という手順が出てきたら、上の手順で実行してください。

想定結果

Tips

警告メッセージ

プロジェクト実行時に警告メッセージが表示された場合、チェックの状態は変更せずに「アクセスを許可する」をクリックしてください。