サーブレットを作って分かるJava Webアプリの基本的な仕組み初心者のためのサーブレット/JSP入門(3)(1/3 ページ)

初めてJavaのWebアプリを作ってみたいという人に向けて、サーブレットを作ってみることで、その基本的な仕組みを理解してもらう。

» 2016年07月26日 05時00分 公開
[金城俊哉]

連載目次

※本稿は、秀和システム発行の書籍『Javaサーバサイドプログラミング パーフェクトマスター(2015年12月21日発行)』の中から、特に@IT読者に有用だと考えられる箇所を編集部が選び、著者及び出版社の許可を得て転載したものです。
ご注意:本稿は、タイトルを除き、書籍の内容を改変することなく、そのまま転載したものです。このため用字用語の統一ルールなどは@ITのそれとは一致しません。あらかじめご了承ください。


サーブレットを作って動かしてみる

 まずは、サーブレットやJSP(JavaServer Pages)について、深く理解していきたいと思います。開発の現場では、サーバーサイドJavaといえばフレームワークを利用するのが普通ですが、フレームワークではJavaの基礎的な部分が隠ぺいされています。逆に、基礎的な部分を隠すことで、アプリケーション本来の機能に専念してプログラミングが行えるようにしています。

Point サーバーサイドJavaの基礎技術、サーブレット/JSP

 Java EE 7やその他のフレームワークを使うにしても、その奥にある基礎的な技術を理解しておくと、様々な場面で柔軟に対応でき、より品質が高いものが作成できることは間違いありません。

 Javaを使用したWebアプリケーションでは、サーブレット(Servlet)、JSP(JavaServer Pages)、JSP STL(JavaServer Pages Standard Tag Library)は従来から使われているサーバーサイドJavaの技術です。これら3つの関係は、次のようにサーブレットが基盤となり、これを利用するかたちでJSPが存在し、さらにJSPを扱いやすくするためのJSP STLが載っかっているという関係です。

サーブレットが基盤

 ということで、まずはサーバーサイドの基礎技術であるサーブレットから始めることにしましょう。


NetBeansでプロジェクトを作成する

 NetBeansでは、開発するアプリケーションを『プロジェクト』という単位で管理します。

NetBeansでサーブレット用のプロジェクトを作成する

テーマ

サーブレット用のプロジェクトを作成し、何も手を加えていない状態のプロジェクトを実行してみる。


Driver

「何とか開発環境の用意は終えましたが、さっそくプログラムを作ってみるんですね」


Navigator

「まずは、プロジェクトの作成から始めましょう」


プロジェクトって何?

Navigator

「NetBeansでは、サーブレットやJSP用のほかに、Java EE用のプロジェクトはもちろん、サーバーサイドではないアプリケーション用のプロジェクトも作成できます」


Driver

「何で、わざわざプロジェクトなんて作成するんです? テキストエディターで直接、ソースコードを書いちゃダメなんですかね」


Navigator

「プロジェクトを作成すると、アプリケーションに必要なファイルやフォルダーが自動的に作成されます。もちろん、あとから必要なファイルを追加することができますので、必要に応じてサーブレットやJSP用のソースファイルを必要なぶんだけ追加することができます」


Driver

「へえー、アプリケーション用というよりも、サーバーサイドJavaを利用したWebサイトを作るようなものですね」


Navigator

「そうですね、HTMLファイルやCSSファイルも作成できますから、Webサイトを作成することも可能です。もちろん、アプリケーションを構成するJavaのファイルだけをまとめておくこともできます」


Driver

「ま、Webアプリケーションの基本形みたいなものが作成されるので、それに手を加えて開発を行う、そういうわけですね」


Navigator

「Webアプリケーションの『ひな形』、いわゆる『フレームワーク』です。MVCとかJava EEとかをフレームワークと呼びますけど、これは『仕様としてのフレームワーク』です。これに対し、プロジェクトで作成されるのは『実体化されたフレームワーク』ということなのです」


プロジェクトを作成する

Navigator

「プロジェクトは、次の手順で作成します」


アプリケーションの種類を選択

 1. [ファイル]メニューの[新規プロジェクト]を選択します。

 2. [新規プロジェクト]ダイアログボックスが表示されるので、[カテゴリ]で[Java Web]を選択し、[プロジェクト]で[Webアプリケーション]を選択して[次>]ボタンをクリックします。

プロジェクトの保存先の指定

 3. [プロジェクト名]に「ServletApp01」と入力します。

 4. [プロジェクトの場所]でプロジェクトの保存先を指定します。デフォルトでユーザー用のDocumentsフォルダーが指定されていますので、特に別の場所を指定する必要がなければ、このままにしておきます。

 5. [次>]ボタンをクリックします。

サーバー環境の設定

 6. [サーバー]で[GlassFish Server]を選択します。

 7. [Java EEバージョン]で[Java EE 7 Web]を選択します。

 8. [コンテキスト・パス]に、ブラウザーでアクセスするときのパスを入力します。デフォルトで「/ServletApp01」になっています。この場合、「http://localhost:8080/ServletApp01」というURLでプロジェクトにアクセスできるようになります。特に変更する必要はないので、デフォルトのままにしておきます。

 9. [終了]ボタンをクリックします。

Navigator

「ウィンドウ・グループの『プロジェクト』タブをクリックすると、『ServletApp01』プロジェクトが作成されていることが確認できます」


プロジェクト作成後の画面

 「Webページ」フォルダーが公開用のフォルダーで、『index.html』が作成され、ソースコードエディターにファイルの中身が表示されています。このページがプロジェクトのトップページで、「http://localhost:8080/ServletApp01」でアクセスすると、このページが表示されます。

できたてのプロジェクトを実行してみる

Driver

「では、このままの状態でプロジェクトを実行してみましょう。『プロジェクト』タブのプロジェクト名を右クリックして[実行]を選択してみてください」


プログラムの実行
実行結果
Driver

「プロジェクトに作成されたindex.htmlのbody要素に入力されている『TODO write content』の文字列だけが表示されましたね」


Navigator

プロジェクトのプログラムを実行すると、コンパイルが行われ、GlassFishのシステム領域にコンパイル後のファイル(warファイル)がコピーされます。これを『デプロイ』と呼びます。プロジェクトを実行するとデプロイが自動的に行われ、ブラウザーが起動してページが表示される仕組みになってます」


Driver

「今回はHTMLファイルだけなので、コンパイルは省略してデプロイされたってことですね。ところで、GlassFishを起動する操作は行いませんでしたが」


Navigator

「プロジェクトを実行すればデプロイに伴って自動で起動するようになっています」


プロジェクトの中身を見てみる

Navigator

「一応、プロジェクトに作成されたフォルダーやその中身を確認しておきましょう。『プロジェクト』タブの下に『ナビゲーター』というタブが別ウィンドウで表示されていますが、いまは使わないので[×]をクリックして閉じておきました」


プロジェクトの中身
Navigator

「プロジェクトの内部には4つのフォルダーがあり、以下の要素が格納されます」


プロジェクトに作成されるフォルダー
フォルダー 内容
Webページ 公開用のフォルダー。内部のWEB-INFフォルダーには、設定用のファイルなどの外部から直接アクセスすることがない(またはアクセスさせない)ファイルが格納される。
ソース・パッケージ Javaのソースファイルが格納される。
ライブラリ JDKやGlassFishなどのライブラリが格納される。
構成ファイル プロジェクト全体にかかわる設定ファイルが格納される。

Memo 実行するブラウザーの指定

 NetBeansの[実行]メニューの[プロジェクト・ブラウザの設定]を選択すると、プログラムを実行するブラウザーを選択することができます。


       1|2|3 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。