初心者でも安心！Javaで自分だけのWebアプリを作る方法【Servlet・JSP・Spring対応】

はじめに：JavaでWebアプリを作る魅力とは？

「Javaって業務系のシステムだけ？」と思っていませんか？
実はJavaは、Webアプリも作れる強力な言語です。

しかも、Webアプリ開発を通してこんなスキルが身につきます：

Webの基本構造（HTTPリクエスト・レスポンス）
フォーム入力、画面遷移、セッション管理
データベースとの連携（JDBC）

この記事では、初心者向けにJavaでWebアプリを作る方法を、具体的なコード例を交えて解説します！

はじめに：JavaでWebアプリを作る魅力とは？

1. 開発環境の準備
1. 🧰 必要なツール：
2. ✅ プロジェクトの作成手順（Eclipseの場合）：
2. 最初のWebアプリを作ってみよう
1. 🎯 HelloServlet（サーブレット）を作成
3. JSPで動的Webページを表示
1. 📝 基本のJSPページ
4. ユーザー登録フォームを作ってみよう
1. 🔸 HTMLフォーム（register.jsp）
2. 🔹 RegisterServlet（受け取り処理）
5. データベース（JDBC）と接続してみよう
1. 🧩 JDBCでMySQL接続（サンプル）
6. Spring Bootでスマートに構築（上級者向け）
1. 🌿 Spring Boot構成の例：
7. アプリを公開してみよう！
1. 🔧 配布方法：
8. 実践練習に最適なWebアプリのアイデア
9. 学習を深めたいあなたへ

1. 開発環境の準備

🧰 必要なツール：

ツール	内容
JDK	Javaの開発キット
IDE	Eclipse / IntelliJ IDEA / VSCode
サーバー	Apache Tomcat（ローカルテスト用）
ビルド	MavenまたはGradle（依存管理）

✅ プロジェクトの作成手順（Eclipseの場合）：

新規「Dynamic Web Project」作成
Tomcatとの連携設定
WebContent → index.jsp 作成

2. 最初のWebアプリを作ってみよう

🎯 HelloServlet（サーブレット）を作成

@WebServlet("/hello")
public class HelloServlet extends HttpServlet {
    protected void doGet(HttpServletRequest req, HttpServletResponse res)
            throws ServletException, IOException {
        res.setContentType("text/html;charset=UTF-8");
        PrintWriter out = res.getWriter();
        out.println("<h1>こんにちは、Java Webアプリ！</h1>");
    }
}

@WebServlet("/hello")：このURLでアクセス
doGet()：GETリクエスト処理
res.getWriter()：HTML出力

3. JSPで動的Webページを表示

📝 基本のJSPページ

<%@ page contentType="text/html; charset=UTF-8" %>
<html>
<head><title>JSPテスト</title></head>
<body>
    <h2>ようこそ！</h2>
    <p>現在時刻：<%= new java.util.Date() %></p>
</body>
</html>

<%=：Javaの変数やメソッドをHTMLに埋め込む
画面のレイアウトを作るにはJSPが便利

4. ユーザー登録フォームを作ってみよう

🔸 HTMLフォーム（register.jsp）

<form action="register" method="post">
  ユーザー名: <input type="text" name="username"><br>
  パスワード: <input type="password" name="password"><br>
  <input type="submit" value="登録">
</form>

🔹 RegisterServlet（受け取り処理）

@WebServlet("/register")
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest req, HttpServletResponse res)
            throws ServletException, IOException {
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        // データ保存処理（DBに接続するなど）
        res.getWriter().println("登録完了：" + username);
    }
}

5. データベース（JDBC）と接続してみよう

🧩 JDBCでMySQL接続（サンプル）

Class.forName("com.mysql.cj.jdbc.Driver");
Connection conn = DriverManager.getConnection(
    "jdbc:mysql://localhost:3306/mydb", "user", "pass");

PreparedStatement ps = conn.prepareStatement("INSERT INTO users VALUES (?, ?)");
ps.setString(1, username);
ps.setString(2, password);
ps.executeUpdate();
conn.close();