技術ブログ | 株式会社クラウディア » エディタ

JavaEEだけでここまで出来る！GlassFish+Eclipseで高速Webアプリ開発【開発編】

tomo — Mon, 17 Aug 2015 01:09:29 +0000

JavaEEでWebアプリを高速開発する手順をご紹介するエントリの第２弾です。前回の記事はこちら。

今回はいよいよWebアプリを作っていきます。

このエントリのゴール

簡単にJavaEE開発環境を構築する手順を説明します【前回ご紹介】
JavaEEを使ったRDBにアクセスする簡単なサンプルを作成する手順を説明します【今回はこちらの手順をご紹介】

前提

前回のエントリに沿って開発環境が構築されていること

アプリケーションの作成

JavaEEの仕様は重厚長大ですが、Webアプリを作るだけならほんの少しのことを知っているだけでOKです。

ここでは、JPAを使って単一テーブルからのCRUDを実行するシンプルな１画面のみのアプリを作ってみます。画面イメージは以下のようになります。

それでは、EJB→Servlet→JSPの順番で作成していきます。

EJB

EJBといっても大げさに考える必要はなく、DBアクセスを担当するフツーのクラスのことです。

今回は、JavaEE標準のDBアクセス仕様であるJPAを使ってEJBを実装します。まずはJPAの動作に必要な設定ファイルとクラスを作成しましょう。

JPA設定ファイル（persistence.xml）の作成

Eclipse上にソースフォルダsrc/main/resourcesが無い場合は作成し、更にその中にMETA-INFフォルダを作って下さい。

META-INFフォルダの中にpersistence.xmlを次の通りに作成します。



    
        jdbc/App
        false

という記述のおかげで、サーバ起動時にテーブルが自動で作られます。

また、DBデータはプロジェクト内のdbフォルダの中に作られます。このフォルダを削除すれば、再度テーブルが作られます。

エンティティクラスの作成

DBのテーブルに対応するクラスを作成しましょう。

src/main/java下のパッケージsandbox.entityに以下の通りにEmployeeクラスを作成します。

package sandbox.entity;

import java.io.Serializable;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;

@Entity
public class Employee implements Serializable {

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    Long   id;

    @Column(nullable = false, unique = true, length = 100)
    String name;

    public Long getId() {
        return this.id;
    }

    public String getName() {
        return this.name;
    }

    public void setId(final Long pId) {
        this.id = pId;
    }

    public void setName(final String pName) {
        this.name = pName;
    }
}

EJBクラスの作成

src/main/java下のパッケージsandbox.serviceにEmployeeServiceクラスを作成します。INSERT、SELECT、DELETE用に３つのメソッドを作成しましょう。

package sandbox.service;

import java.util.List;

import javax.ejb.Stateless;
import javax.persistence.EntityManager;
import javax.persistence.PersistenceContext;
import javax.persistence.criteria.CriteriaBuilder;
import javax.persistence.criteria.CriteriaQuery;

import sandbox.entity.Employee;

@Stateless
public class EmployeeService {

    @PersistenceContext(unitName = "pu")
    EntityManager em;

    public Employee delete(final long pDeleteEmployeeId) {
        final Employee emp = this.em.find(Employee.class, Long.valueOf(pDeleteEmployeeId));
        this.em.remove(emp);
        return emp;
    }

    public List getAll() {
        final CriteriaBuilder builder = this.em.getCriteriaBuilder();
        final CriteriaQuery query = builder.createQuery(Employee.class);
        query.from(Employee.class);
        return this.em.createQuery(query).getResultList();
    }

    public Employee insert(final String pName) {
        final Employee newEmp = new Employee();
        newEmp.setName(pName);
        this.em.persist(newEmp);
        return newEmp;
    }
}

たったこれだけです。メソッドの前後で自動的にトランザクションが仕込まれます。また以前の記事「依存性注入（DIコンテナ）について」で紹介したDI機能によって、JPA用のEntityManagerオブジェクトが良い感じでインジェクトされます。

またSQLが全く登場しないことにも注目して下さい。JPAのCriteria Queryという機能を使うと、SQLを書かずに済むシーンが増えます。文字列に頼らず型を使ってDBアクセス出来るようになることは、Javaの型安全性ととても相性の良い手法だと思います。JPAを使う場合は、ぜひ有効活用してみて下さい。

これら全ての機能がJavaEEによって提供されている点にも注目です。SpringやHibernateなどのライブラリを組み合わせて使う場合、ライブラリ同士をうまく接続するために多少なりとも設定を書く必要がありますが、JavaEEであればライブラリを、それもたった２つのJARを参照するだけ。

このお手軽さがJavaEEを使って開発する際の魅力です。

Servletの作成

続いてHTTPリクエストを受け取るためのServletを作成します。今回は、ルート（ / ）へのGETで社員一覧、ルートへのPOSTで社員の追加を行うようにしましょう。

src/main/java下のパッケージsandbox.web.handlerにEmployeeHandlerクラスを作成します。

package sandbox.web.handler;

import java.io.IOException;
import java.util.List;

import javax.inject.Inject;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import sandbox.entity.Employee;
import sandbox.service.EmployeeService;

@WebServlet(urlPatterns = "/")
public class EmployeeHandler extends HttpServlet {

    @Inject
    EmployeeService employeeService;

    @Override
    protected void doGet(final HttpServletRequest pReq, final HttpServletResponse pResp) throws ServletException, IOException {
        final List emps = this.employeeService.getAll();
        pReq.setAttribute("emps", emps);
        pReq.getRequestDispatcher("WEB-INF/emp.jsp").forward(pReq, pResp);
    }

    @Override
    protected void doPost(final HttpServletRequest pReq, final HttpServletResponse pResp) throws ServletException, IOException {
        final String empName = pReq.getParameter("employee-name");
        this.employeeService.insert(empName);
        pResp.sendRedirect("/");
    }
}

もう１つServletを作ります。/deleteへのPOSTで社員一覧を削除するようにしましょう。

src/main/java下のパッケージsandbox.web.handlerにEmployeeDeleteHandlerクラスを作成します。

package sandbox.web.handler;

import java.io.IOException;

import javax.inject.Inject;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import sandbox.service.EmployeeService;

@WebServlet(urlPatterns = "/delete")
public class EmployeeDeleteHandler extends HttpServlet {

    @Inject
    EmployeeService employeeService;

    @Override
    protected void doPost(final HttpServletRequest pReq, final HttpServletResponse pResp) throws ServletException, IOException {
        final String employeeIdStr = pReq.getParameter("employee-id");
        try {
            final long employeeId = Long.parseLong(employeeIdStr);
            this.employeeService.delete(employeeId);
        } catch (final NumberFormatException e) {
            // nop
        }
        pResp.sendRedirect("/");
    }
}

各メソッドでやっていることは

EJBを呼び出してDB操作
JSP呼び出し、または/へのリダイレクト

という単純な処理です。

ServletクラスでもDI機能が使えるため、EmployeeServiceオブジェクトが良い感じでインジェクトされます。

JSPの作成

最後に、JSPで画面を作成しましょう。

src/main/webapp/WEB-INFの下にemp.jspを作成して下さい。

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


  
    
    
    社員情報
  
  
    
      
        社員一覧
        
              
          
            
              #
              名前
               
            
          
          
            
                ${emp.id}
                ${emp.name}
                
                  
                    
                    
                  
                
              
            
          
        
      
      
        社員登録

#	名前
${emp.id}	${emp.name}

手軽に見栄えを良くするために、Bootstrapを使っています。

文字化け防止クラスの作成

実はこのままでは日本語が文字化けします。次のクラスを作成して文字コードをUTF-8に統一します。

src/main/java下のパッケージsandbox.webにCharacterEncodingFilterクラスを作成します。

package sandbox.web;

import java.io.IOException;
import java.nio.charset.StandardCharsets;

import javax.servlet.DispatcherType;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebFilter(urlPatterns = "/*", dispatcherTypes = DispatcherType.REQUEST)
public class CharacterEncodingFilter implements Filter {

    @Override
    public void destroy() {
        // nop
    }

    @Override
    public void doFilter(final ServletRequest pRequest, final ServletResponse pResponse, final FilterChain pChain) throws IOException,
            ServletException {
        ((HttpServletRequest) pRequest).setCharacterEncoding(StandardCharsets.UTF_8.name());
        ((HttpServletResponse) pResponse).setCharacterEncoding(StandardCharsets.UTF_8.name());
        pChain.doFilter(pRequest, pResponse);
    }

    @Override
    public void init(final FilterConfig pFilterConfig) throws ServletException {
        // nop
    }
}

以上でコーディングは終了です！おつかれさまでした。

Eclipseプロジェクトは次のような状態になっているはずです。

動作確認

前回作成したJavaEEContainerStarterクラスを起動した上で、以下のURLにアクセスして動作を確認してみて下さい。

http://localhost:8081

まとめ

Eclipse上でJavaEEを使った開発の手順を説明してきました。

RoRほどではないものの、思ったよりも簡単に開発を始められ、割りと少ないコード量でWebアプリが作成出来ることがご理解いただけたかと思います。

フルJavaEEを使って開発する利点は、機能が豊富で、更にそれらの機能が既に統合されている、という点です。新しい機能を使うときにJAR参照を追加したりする必要はありません。RESTfulなWebアプリを作るためのJAX-RSであっても、WebSocketのハンドラクラスであっても、適切なアノテーションを付与したクラスを作れば、それだけで動作します。またビジネスロジックをEJBとして作成すれば、DI機能によってどこからでも利用出来ます。

しかしこう言った利点を享受したくてJavaEEを使おうとしても、環境構築が面倒で挫折した、という人は少なくないと思います。

今回ご紹介した環境構築手順を使えば、簡単高速に開発が始められますので、ぜひJavaEEを体験してその便利さに触れていただきたいと思います。

JavaEEだけでここまで出来る！GlassFish+Eclipseで高速Webアプリ開発【環境構築編】

tomo — Fri, 07 Aug 2015 07:21:00 +0000

JavaでのWeb開発と言えばSpringMVC+Hibernate(MyBatis)辺りが人気の組み合わせでしょうか。他にもWicket、Struts、PlayFrameworkなど様々なフレームワークが実用されています。

そんな中、標準仕様であるJavaEEは人気が今ひとつな気がしますね。仕様が重い、動作が重い、などの悪印象があるのがその原因かもしれません。

しかし実は相当に開発しやすくなっているんです。

このエントリでは、JavaEEを活用してWebアプリを高速開発する手順を２回に分けてご紹介します。

このエントリのゴール

簡単にJavaEE開発環境を構築する手順を説明します【今回はこちらの手順をご紹介】
JavaEEを使ったRDBにアクセスする簡単なサンプルを作成する手順を説明します【次回ご紹介】

前提

Eclipseをインストールしておいて下さい
Maven3系を導入しておいて下さい

開発環境の構築

APサーバとDBサーバをインストールせずにEclipseでの開発環境を構築します。具体的には、組み込みGlassFishと組み込みH2 Database Engineを利用します。

Eclipseプロジェクトの作成

以下のコマンドでプロジェクトのひな形を作成して下さい。

mvn -B archetype:create -DgroupId=sandbox -DartifactId=rapid-javaee -DarchetypeArtifactId=maven-archetype-quickstart -Dversion=1.0

これでrapid-javaeeというディレクトリが作られ、その中にpom.xmlが作られます。このファイルの中身を次のように書き換えます。設定の意味は極力ファイル内にコメントを付けておきましたので参照して下さい。


    4.0.0
    sandbox
    rapid-javaee
    1.0
    war
    rapid-javaee
    http://maven.apache.org
    
        
        
            javax
            javaee-web-api
            7.0
            provided
        
        
        
            org.glassfish.main.extras
            glassfish-embedded-web
            4.1
            provided
        
        
        
            com.h2database
            h2
            1.4.181
            test
        
    
    
        rapid-javaee
        
        src/main/webapp/WEB-INF/classes
        src/main/webapp/WEB-INF/test-classes
        
        
            
                src/main/resources
            
            
                src/main/java
                
                    **
                
                
                    **/*.java
                
            
        
        
            
                src/test/resources
            
            
                src/test/java
                
                    **
                
                
                    **/*.java
                
            
        
        
            
            
                true
                org.apache.maven.plugins
                maven-compiler-plugin
                3.3
                
                    1.7
                    1.7
                    true
                    true
                    UTF-8
                
            
            
            
                org.apache.maven.plugins
                maven-war-plugin
                2.6
                
                    false

さらに、Eclipseで開発できるようにするために、以下のコマンドも実行しておきます。

mvn eclipse:eclipse

これでEclipseプロジェクトが作成されました。

Eclipseプロジェクトのインポート

作成したプロジェクトをEclipseにインポートして下さい。ただ、この時点ではAppTest.javaにコンパイルエラーがあるはずです。

このファイル、今回は使わないので削除して下さい。

JavaEEサーバ（GlassFish）起動クラスの作成

JavaEEサーバをEclipseから起動出来るようにします。src/test/javaソースフォルダ下のsandboxパッケージに、JavaEEContainerStarterというクラスを次の通りに作成して下さい。コードの意味はコメントを参照して下さい。

package sandbox;

import java.io.BufferedReader;
import java.io.File;
import java.io.InputStreamReader;

import javax.sql.DataSource;

import org.glassfish.embeddable.GlassFish;
import org.glassfish.embeddable.GlassFishProperties;
import org.glassfish.embeddable.GlassFishRuntime;
import org.h2.jdbcx.JdbcDataSource;

public class JavaEEContainerStarter {
    /**
     * 当クラスのソースの参考ページURL. 

     * http://www.coppermine.jp/docs/programming/2013/12/glassfish-embedded-server.html
     */
    @SuppressWarnings("nls")
    public static void main(final String[] pArgs) throws Exception {
        final long s = System.currentTimeMillis();
        final GlassFishProperties properties = new GlassFishProperties();

        // HTTPは8081番ポート、HTTPSは8082番ポートでリッスン
        properties.setPort("http-listener", 8081);
        properties.setPort("https-listener", 8082);

        // サーバ起動
        final GlassFish glassfish = GlassFishRuntime.bootstrap().newGlassFish(properties);
        glassfish.start();

        // コネクションプール作成. 組み込みH2 Database Engineを利用する.
        final String connectionPoolName = "AppConnectionPool";
        glassfish.getCommandRunner().run("create-jdbc-connection-pool" //
                , "--datasourceclassname=" + JdbcDataSource.class.getName() //
                , "--restype=" + DataSource.class.getName() //
                , "--property", "url=jdbc\\:h2\\:./db/db" //
                , connectionPoolName //
                );

        // JDBCリソースとしてコネクションプールを、jdbc/Appという名前で登録する.
        glassfish.getCommandRunner().run("create-jdbc-resource" //
                , "--connectionpoolid", connectionPoolName //
                , "jdbc/App" //
        );

        // Webアプリを配備.
        glassfish.getDeployer().deploy( //
                new File("src/main/webapp") //
                , "--name=app" //
                , "--contextroot", "/");

        System.out.println("GlassFishサーバを起動しました.");
        System.out.println(System.currentTimeMillis() - s + " ms");

        // Enterを押せばサーバ停止.
        new BufferedReader(new InputStreamReader(System.in)).readLine();
        glassfish.stop();
        System.out.println("GlassFishサーバを停止.");
    }
}

このクラスが本エントリの大きなポイントです。通常、JavaEEサーバは別途インストールして起動、Eclipseで開発するためにアダプタを導入して・・・と面倒な手順を踏む必要がありますが、この方法だと起動は簡単かつスピーディ、環境構築に苦労はなしと良いこと尽くしです。

試しにこのクラスを起動してみて下さい。10秒以内には起動完了するはずです。

以上で開発環境構築は完了！これでJavaEEの全ての機能を使った開発が開始出来ます。びっくりするほど簡単ですね。

次回予告

次回はいよいよJavaEEを使ったWebアプリ開発の手順をご紹介します。JavaEEは機能が豊富な上に手軽に利用出来る点が利点です。この利点を活用してWebアプリを簡単高速に作成していきます。

お楽しみに。

個人的によく使うVimテクニック5選

masa — Sun, 19 Jul 2015 13:22:07 +0000

みなさんこんにちは masa です。今回はエディタネタの中でも Vim テクニックを取り上げてみたいと思います。普段、コンパイラ系の言語を書く場合は IDE を使いますが、それ以外の言語やシェルスクリプトを書く場合は Vim でちゃっちゃっとやることが多かったりします。

今回はノーマルの Vim で使えるもので、個人的によく使うテクニックをご紹介。

　ここからここまでコピー or 切り取りしたい

なんといっても一番使う行コピーと行切り取りです。いえいえ 5yy とか 10dd とかじゃないですよ！

5行など行数が少なければ目測で 5yy とかできますが、コピーしたい行数が 127行だったりしたら大変ですね。
あまり Vim に慣れていない方は :set nu で行数を表示して、コピーしたい行を引き算してヤンクするというのを見掛けます。
これは効率が悪いですし、計算違いで関係ない行までコピー or 切り取りしてしまう可能性もあります。

そんなときは以下を使いましょう。

ここは1行目ですよ。    //この行でmsと打つ
ここは2行目ですよ。 
ここは3行目ですよ。
ここは4行目ですよ。
（中略）
ここは126行目ですよ。
ここは127行目ですよ。  //この行でy'sもしくはd'sと打つ

上の例ではコピーをしたい始めの行でmsと打ち、コピー終わりの行でy’sと打つと、1~127行がヤンクされます。（d’sだとヤンクではなく切り取りになります）

これだと始点と終点でコマンドを打つだけなので間違いもないし簡単ですね。知らなかった方はレッツトライ！

　大文字と小文字を切り替える or どちらかに統一する

シェルスクリプトの変数や PHP の定数などは大文字で書くのが慣習ですが、そうなっていないものを直したりするときに使えます。

選択した文字を大文字⇔小文字にトグルさせる場合は~（チルダ）で、選択した文字をすべて小文字に統一したい場合はu（小文字）、大文字に統一したい場合はU（大文字）でできます。

//まずは ctrl+v で対象文字を選択します

this is komoji   //左の文字すべてを選択した状態でUと打つと大文字へ変換されます

THIS IS OMOJI    //左の文字すべてを選択した状態でuと打つと大文字へ変換されます

ThIs Is KoNGoU   //左の文字すべてを選択した状態で~を打つとすべての大文字と小文字が反転します

　一文字づつもしくは複数文字をリプレイスする

わざわざ挿入モードに入らずに1文字だけ修正したいとか、この単語だけ修正したいとかあると思いますが、その際はコマンドモードで以下を実施してください。

understanf   //fの上にカーソルを移動してr、そのまま変換したい文字(d)を入力

disk  //dの上にカーソルを移動してR、そのまま変換したい文字を打ち、最後にESC

　マクロを組んで同じ操作をワンキーで繰り返す

なにやら難しい感じですが、めちゃくちゃ簡単です。 Vim では操作を記録して実行するマクロ機能がありますが、それを.（ドット）で繰り返すだけです。

//qaと打ち記録を開始　qの後ろは任意の覚えやすい文字で結構です

This is Macro Test!  //左のように記録したい操作をやりきります　
    1234567          //今回は簡単ですが3行の文字入力をしました
  Test is End

//qと打ち記録を停止します

//@aと打つと1回マクロを実施しますが、.（ドット）だけでも実施できます。

This is Macro Test!
    1234567
  Test is End

//回数指定でマクロを実行したい場合は7@aと押すと7回実行できます

上の例だとコピーしたほうが早いですが、複雑な操作を再実行したい場合はマクロのほうが良いですね。

　大文字小文字に関係なく検索

地味ですが検索時は必須ですね。わざわざ大文字で検索して、次に小文字で検索してとやっている人を見掛けました。検索文字列の後ろに\cとつけるだけでOKですw

banana BaNANA Apple
Grape Banana ORANGE
orange PEAR peAR GRAPE

//（スラッシュ）を押して検索文字列banana\cと打つとすべてのバナナが引っ掛かります

いかがでしたか？今回はノーマルの Vim で使えるテクニックをご紹介しました。みなさんの作業効率を高める一助にしていただければ幸いです。

Sublime Text で PHP 実行する方法

masa — Sun, 21 Dec 2014 03:17:02 +0000

みなさんはローカル開発環境でエディタは何を使っていますか？私は Java の場合は Eclipse で、PHP の場合は『Sublime Text2/3』を使っています。

Sublime Text を選んだ理由は4つ

右のミニマップが便利
動作が軽い
vim 化が簡単
GUI のデザインがイケてる

PHP みたいにコンパイルが必要ない言語は、サーバー上で vim を使ってちゃちゃっと書いちゃってもいいんですが、案件によってはサーバーにログイン出来ないこともあるしねー

今日はそんな Sublime Text で PHP を書いた後にそのまま実行して結果をコンソールに出す方法をご紹介。

1.　何はともあれ PC に PHP をインストールする

PHP5.6 ダウンロードサイトへアクセスして、32bit版 or 64bit版をお使いの PC の環境に合わせてダウンロード

Zip ファイルをダウンロードし終わったら、解凍してフォルダ名を「php」に変えて、Cドライブ直下に置きましょう↓

2. Sublime Text から以下の項目を選択

以下のコードを書いて、下図のように「PHP.sublime-build」という名前で保存

{
    "path": "C:\\php",
    "cmd": ["php", "-f", "$file"],
    "selector": "source.php",
    "encoding": "UTF-8"
}

そうすると、以下のように PHP がビルドで選べるようになります

3. PHP コードを書いて『Ctrl + B』を押すか、メニューの「Tools > Build」を選択

上記のようにPHP が実行されて、結果が下のコンソールにでてきます

いかがでしたか？
ローカルでそのまま PHP が実行出来るとデバッグがはかどりますよね。
私はいつも vim 化して使っています。Sublime Text は様々なプラグインがありますのでみなさんもカスタマイズしてみてください。