Tweet

“全部入り”のEclipseで学ぶ統合開発環境の常識

JBoss ToolsでWebアプリを作成するには

■ 作成したプロジェクトの動作確認

　まずは、作成したプロジェクトの動作確認を行います。［JBossサーバー］ビューの［JBoss 5.0 Server］を選択し、右上の三角ボタンを押してサーバを始動します。

図21　JBoss 5.0 Serverを始動

　［コンソール］上に、アプリケーションサーバの起動時のログが出力されます。ログ上に、起動にかかった時間が表示されたら起動の処理は完了です。

図22　JBoss 5.0 Serverの起動ログ

　それでは、サンプル画面を開いてみましょう。Webブラウザを開いて、「http://localhost:8080/sampleJBoss/home.seam」を入力してアクセスしてください。以下のホーム画面が開けば、プロジェクトは完成しています。

図23　sampleJBossのホーム画面

　画面が表示できたら正しくプロジェクトが作成されています。画面の確認ができたら一端サーバを停止しましょう。［コンソール］右上の赤い■ボタンを押します。

■ サンプルアプリの画面を作成

　いよいよサンプルアプリケーションの画面を作成していきたいと思います。まず、Eclipseの［ファイル］→［新規］→［Seam Action］を選択します。

図24　［Seam Action］を選択

　［Seamプロジェクト］には、作成した「sampleJBoss」を選択します。後は、Seamコンポーネント名に「seamAction」を入力します。［コンポーネント名］を入力すると、ほかの項目も自動的に反映され、下記のようになります。

図25　作成したファイルの配置

• ［Seamプロジェクト］：sampleJBoss
• ［Seamコンポーネント名］：seamAction
• ［POJOクラス名］：SampleAction
• ［メソッド名］：sampleAction
• ［ページ名：sampleAction
• ［パッケージ名］：org.domain.samplejboss.session

　［終了］を押すと、プロジェクト配下に、以下のようにリソースが作成されます。

• Javaソース
  sampleJBoss
  　src/hot
  　　org.domain.samplejboss.session
  　　　SeamAction.java
• xhtmlファイル
  　sampleJBoss
  　　WebContent
  　　　seamAction.xhtml

　以上でサンプルアプリケーションの作成は終了です。とても簡単にできてしまいました。次は、サンプルアプリケーションを動かしてみましょう。

　Webブラウザより、「http://localhost:8080/sampleJBoss/seamAction.seam」にアクセスします。すると、以下の画面が表示されます。これが、今回作成したサンプルアプリケーションの画面になります。

図26　サンプルアプリケーションの画面

　ここで、画面上の「seamAction!」ボタンを押してください。ボタンを押すことによって処理が実行されて、画面上に、「seamAction」と表示されます。

図27　「seamAction」と表示

■ サンプルのソースコードを確認

　JBossを使用してサンプルアプリケーションを作成し動作の確認できました。では、実際にどのような処理が行われているのでしょうか。まず、作成したサンプルの画面のソースコードを見てみましょう。

<ui:define name="body">
  <rich:panel>
    <f:facet name="header">seamAction</f:facet>
    <h:form id="seamActionForm">
      <h:commandButton id="seamAction" value="seamAction!"
        action="#{seamAction.seamAction}"/>
    </h:form>
  </rich:panel>
</ui:define>

　この画面でボタンを押したときの処理が、「action="#{seamAction.seamAction}"」となっています。これは、「JSF EL」（コラム参照）によって、コンポーネントへアクセスすることを示しています。

　では、コンポーネントのアクセスとはどういうことでしょうか。実際に、コンポーネントとなるSeamAction.javaを開いてみましょう。

@Name("seamAction")
public class SeamAction
{
    @Logger private Log log;
    @In StatusMessages statusMessages;
    public void seamAction()
    {
          log.info("seamAction.seamAction() action called");
          statusMessages.add("seamAction");
    }
}

　SeamActionには、「@Name("seamAction")」が宣言されています。このNameアノテーションの記述によって、SeamActionがSeamのコンポーネントとして認識されます。それにより、SeamActionのseamActionメソッドが実行されます。そして、メソッドの中にあるstatusMessages.addが実行されて、メッセージを表示する仕組みになっています。

　以上が、Seamを使用したアプリケーションの流れです。大まかな処理の流れは、つかめたと思います。これを基に、新しい画面を作成し、データベースよりデータを取得するアプリケーションなどのアプリケーションをご自身で作成してみてください。

ほかのIDEも触ってみよう

　今回は、IDEを導入し、簡単なサンプルアプリケーションを作成しました。このように簡単な環境構築やスムーズなアプリケーション開発は、生産性の向上につながります。もはやIDEは、企業システムを開発するうえで、なくてはならない存在になったといえます。今回は、EclipseとJBoss Toolsが対象でしたが、そのほかのIDEも触ってみると、いろいろと勉強になると思います。

　次回は、「DI×AOPの常識」としてDIやAOPに触れていきたいと思います。DIやAOPという言葉を初めて聞いたという人は、ぜひ読んでみてください。

■ ＠IT関連記事

JBOSSでかんたんEJB 無償で使えるEJBサーバ「JBOSS」とEclipseを使って、簡単なEJBプログラミングを体験し、EJBを理解します。この連載で苦手意識を払拭！

EclipseでJavaのスキルを高めよう EclipseでJavaに強くなる（1）　All-In-One Eclipseを使って入出力、例外、型、文字、ファイル操作などのJavaプログラミングの基本スキルを高めていこう 「Java Solution」フォーラム 2006/3/11

開発ツールとJSFのよい関係とは？ J2EE Watch （5）　開発ツールが対応して最大限にそのメリットが発揮されるといわれるJSF。その理由を、Oracle JDeveloper 10gを使い実際に見てみよう 「Java Solution」フォーラム 2004/10/2

JBuilderで学ぶWebアプリケーション構築 初めてJavaを使ってWebアプリケーションを構築するプログラマのために、JBuilderとIASを使って一通りの手順を学習できるように計5回の連載で解説します

1-2-3-4

Index

第2回　“全部入り”のEclipseで学ぶ統合開発環境の常識   Page1 もはや実案件開発では“常識”の「統合開発環境」とは “全部入り”＝オールインワンのIDEとは   Page2 JBoss Tools 3.0の開発環境構築 JBoss Toolsで作成するサンプルアプリの概要   Page3 JBoss Toolsで作成するサンプルアプリの概要   Page4 JBoss ToolsでWebアプリを作成するには コラム　「JSPだけではなく、JSFにもELがある」 ほかのIDEも触ってみよう

Java Solution全記事一覧

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード