SlideShare a Scribd company logo
Google App Engine
     for Java
初めてなんだから・・・やさしくしてね?編


       2012.3.24
        つっちぃ
      @takuya0301
Outline

• Google App Engine for Java (GAE/J) といろ
  いろ組み合わせるとすごそうなので、
  そのすごそうさ具合を説明します。

• 最後に、簡単なデモとその作り方を紹
  介します。
Agenda

• GAE/J のいいところを紹介
• Eclipse で開発環境を構築
• GAE/J プロジェクトの実行
• デモ:ゲストブック
What is
Google App Engine?
Google App Engine
Google App Engine

• 無料*の PaaS 環境(Python, Java, Go)
• NoSQL データストア (BigTable)
• いろいろなサービスへの API
• そこそこ充実している管理画面
  * いろいろな制限はありますが、課金で制限を緩和できます。
GAE for Java




   Duke の存在感www
GAE for Java




可哀想なのでフレームをつけてあげましたw
Why GAE for Java?
• Java は不滅!(あと10年くらいは……)
• Google Web Toolkit (GWT) との親和性
• VMware と Google のクラウド連携強化*
 -   Spring, Google App Engine, SpringSource Tool Suite

 -   Spring Roo, Google Web Toolkit

 -   Spring Insight, Google Speed Tracer
* http://www.vmware.com/jp/company/news/releases/vmware-google.html
GAE/J
      Specification
• Servlet 2.5
• JSP 2.2 (except Unified EL)
• JSTL 1.1
• JDO 2.3
• JPA 1.0
Google Web Toolkit
Google Web Toolkit

• Java で AJAX フロントエンドを記述
• JavaScript にコンパイルして実行
• クロスブラウザ(Internet Explorer 6 対応)
• 豊富なウィジェット (3rd party: Ext GWT*)
      * http://www.sencha.com/products/extgwt
http://www.sencha.com/examples/
Building
Development
Environment
Pre-required
     Software

• Java SE Development Kit 6
• Google Chrome (optional)
• 英語のドキュメントに負けない気持ち
Eclipse
Eclipse

• いわずと知れた重厚長大な IDE
• Google 推奨の GAE/J 開発環境
• なんだかんだ言って便利
• Eclipse IDE for Java EE Developers 推奨
or...


orz じゃないですよ。
Pleiades All in One




すみません、NetBeans じゃないです。個人的には NetBeans が好きです。
Pleiades All in One

• 日本語化版 Eclipse +便利プラグイン
• Pleiades = Eclipse プラグイン日本語化プラグイン
• Pleiades All in One for Java Developers 推奨
Google Plugin
 for Eclipse
Google Plugin
    for Eclipse
• GAE/J & GWT 開発用プラグイン
• ローカル実行用サーバー環境
• GAE デプロイツール
• GWT コンパイラ
Ex. Development
   Environment
• Windows XP Professional SP3
• Java SE Development Kit 6 Update 31
• Google Chrome 17.0
• Pleiades All in One for Java Developers
  (based on Eclipse Indigo 3.7.2)
• Google Plugin for Eclipse*
     * Eclipse マーケットプレースからインストールする。
Installation Note
  • Pleiades のインストールフォルダ*
    推奨:C:¥pleiades
    自分:C:¥Document and Settings¥takuya¥My Documents¥pleiades


  • Google Plugin のインストール
    1. Eclipse を起動
    2. ヘルプ>Eclipse マーケットプレースをクリック
    3. Google Plugin で検索してインストール


* Windows では、パスが長いとインストール(ZIP の解凍)に失敗するそうです。
Google Plugin for Eclipse
Running
GAE/J Project
Create GAE Project
1. Eclipse を起動

2. ファイル>新規>プロジェクトをクリック

3. Google>Web アプリケーション・プロジェクトをクリック

4. Windows ファイアウォールの警告:ブロック解除

5. 新規 Web アプリケーション・プロジェクトウィザード
  プロジェクト名:Guestbook
  パッケージ名:com.example.guestbook
  Google Web ツールキットを使用:使用しない
Google App Engine for Java
よくある Web アプリケーションのディレクトリ構成
Run Application
1. 実行>実行をクリック

2. http://localhost:8888/guestbook にアクセス

•   エラーの場合、下記を設定*
    1. プロジェクト>プロパティをクリック
    2. 実行/デバッグ設定>Guestbook>編集をクリック
    3. 引数>VM 引数>につぎの引数を追加
     -Dappengine.user.timezone=UTC


          * バグみたいです。(2012年3月17日現在)
Google App Engine for Java
Google App Engine for Java
Hello, world ですw
Demo Application
   “Guestbook”*


* Google App Engine のサイトにあるチュートリアルをベースにしてつくってます。
http://ipu-tokyo.appspot.com
Google App Engine for Java
1. Specification

• コメントの閲覧・投稿
• Google アカウント対応
• 通りすがりの投稿可能
• エラー処理:空コメント
2. Page Design


• 完成イメージを HTML で作成
CSS?なにそれ?おいしいの?
1	 <!DOCTYPE	 html>
	 2	 <html>
	 3	 <head>
	 4	 <meta	 charset="UTF-8">
	 5	 <title>Guestbook</title>
	 6	 </head>
	 7	 <body>
	 8	 	 <h1>Guestbook</h1>
	 9	 	 <p><a	 href="#">サインイン</a>するとコメントに名前が表示されます。</p>
10	 	 <p>こんにちは、takuya0301	 さん。(<a	 href="#">サインアウト</a>)</p>
11	 	 <ul>
12	 	 	 <li>つっちぃ	 (@takuya0301)	 です。自己紹介して	 Twitter	 ID	 を晒しましょうw
13	 	 	 	 --	 takuya0301	 (2012-03-24	 04:24:43)</li>
14	 	 </ul>
15	 	 <form	 method="POST"	 action="/guestbook">
16	 	 	 <input	 type="text"	 size="80">
17	 	 	 <input	 type="submit">
18	 	 </form>
19	 	 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p>
20	 </body>
21	 </html>




                                                                    index.html
3. Google Account


• Google アカウントでのログイン機能
• ログイン状態による表示切り替え
Google App Engine for Java
ローカルではテスト用ログイン画面になります。
Google App Engine for Java
16	 public	 class	 GuestbookServlet	 extends	 HttpServlet	 {
17	 	 	 	 	 public	 void	 doGet(HttpServletRequest	 request,	 HttpServletResponse	 response)
18	 	 	 	 	 	 	 	 	 	 	 	 	 throws	 IOException,	 ServletException	 {
19	 	 	 	 	 	 	 	 	 //	 User	 サービスの取得
20	 	 	 	 	 	 	 	 	 UserService	 userService	 =	 UserServiceFactory.getUserService();
21	 
22	 	 	 	 	 	 	 	 	 //	 ログイン中ユーザーの取得(ユーザーがいないときは	 null)
23	 	 	 	 	 	 	 	 	 User	 user	 =	 userService.getCurrentUser();
24	 
25	 	 	 	 	 	 	 	 	 //	 ログイン/ログアウト用	 URL	 の生成(引数は戻り	 URL)
26	 	 	 	 	 	 	 	 	 String	 loginURL	 =	 userService.createLoginURL(request.getRequestURI());
27	 	 	 	 	 	 	 	 	 String	 logoutURL	 =	 userService.createLogoutURL(request.getRequestURI());
28	 
29	 	 	 	 	 	 	 	 	 request.setAttribute("user",	 user);
30	 	 	 	 	 	 	 	 	 request.setAttribute("loginURL",	 loginURL);
31	 	 	 	 	 	 	 	 	 request.setAttribute("logoutURL",	 logoutURL);
32	 
33	 	 	 	 	 	 	 	 	 request.getRequestDispatcher("/guestbook.jsp").forward(request,	 response);
34	 	 	 	 	 }
35	 }




                                                                        GuestbookServlet.java
1	 <%@	 page	 contentType="text/html;charset=UTF-8"	 %>
	 2	 <%@	 page	 trimDirectiveWhitespaces="true"	 %>
	 3	 <%@	 taglib	 uri="http://java.sun.com/jsp/jstl/core"	 prefix="c"	 %>
	 4	 <!DOCTYPE	 html>
	 5	 <html>
	 6	 <head>
	 7	 <meta	 charset="UTF-8">
	 8	 <title>Guestbook</title>
	 9	 </head>
10	 <body>
11	 	 <h1>Guestbook</h1>
12	 	 <%--	 ログインユーザーの有無で分岐	 --%>
13	 	 <c:choose>
14	 	 	 <c:when	 test="${empty	 user}">
15	 	 	 	 <p>
16	 	 	 	 	 <a	 href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。
17	 	 	 	 </p>
18	 	 	 </c:when>
19	 	 	 <c:otherwise>
20	 	 	 	 <p>
21	 	 	 	 	 こんにちは、${user.nickname}	 さん。(<a	 href="${logoutURL}">サインアウト</a>)
22	 	 	 	 </p>
23	 	 	 </c:otherwise>
24	 	 </c:choose>
25	 </body>
26	 </html>


                                                                  guestbook.jsp
4. Comment Posting

 • HTML フォームからコメントを投稿
 • JDO* でコメントを永続化
 • エラー処理:空コメント

* JDO (Java Data Objects) は、Java オブジェクトの永続性に関する仕様です。
Google App Engine for Java
Google App Engine for Java
Google App Engine for Java
ローカルでも管理画面があり、データストアが見れます。
4	 <!DOCTYPE	 html>
	 5	 <html>
	 6	 <head>
	 7	 <meta	 charset="UTF-8">
	 8	 <title>Guestbook</title>
	 9	 </head>
10	 <body>
11	 	 <h1>Guestbook</h1>
12	 	 <%--	 ログインユーザーの有無で分岐	 --%>
13	 	 <c:choose>
14	 	 	 <c:when	 test="${empty	 user}">
15	 	 	 	 <p>
16	 	 	 	 	 <a	 href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。
17	 	 	 	 </p>
18	 	 	 </c:when>
19	 	 	 <c:otherwise>
20	 	 	 	 <p>
21	 	 	 	 	 こんにちは、${user.nickname}	 さん。(<a	 href="${logoutURL}">サインアウト</a>)
22	 	 	 	 </p>
23	 	 	 </c:otherwise>
24	 	 </c:choose>
25	 	 <%--	 コメント投稿フォーム	 --%>
26	 	 <form	 method="POST"	 action="/guestbook">
27	 	 	 <input	 type="text"	 name="comment"	 size="80">	 <input	 type="submit">
28	 	 </form>
29	 	 <%--	 空コメントの場合、エラーメッセージを表示	 --%>
30	 	 <c:if	 test="${isEmptyCommentError}">
31	 	 	 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p>
32	 	 </c:if>
33	 </body>
34	 </html>
                                                                     guestbook.jsp
39	 	 	 	 	 public	 void	 doPost(HttpServletRequest	 request,	 HttpServletResponse	 response)
40	 	 	 	 	 	 	 	 	 	 	 	 	 throws	 IOException,	 ServletException	 {
41	 	 	 	 	 	 	 	 	 String	 comment	 =	 request.getParameter("comment");
42	 
43	 	 	 	 	 	 	 	 	 //	 エラー:空コメント
44	 	 	 	 	 	 	 	 	 if	 (comment.isEmpty())	 {
45	 	 	 	 	 	 	 	 	 	 	 	 	 request.setAttribute("isEmptyCommentError",	 true);
46	 	 	 	 	 	 	 	 	 	 	 	 	 doGet(request,	 response);
47	 	 	 	 	 	 	 	 	 	 	 	 	 return;
48	 	 	 	 	 	 	 	 	 }
49	 
50	 	 	 	 	 	 	 	 	 UserService	 userService	 =	 UserServiceFactory.getUserService();
51	 	 	 	 	 	 	 	 	 User	 user	 =	 userService.getCurrentUser();
52	 
53	 	 	 	 	 	 	 	 	 String	 id	 =	 user	 !=	 null	 ?	 user.getUserId()	 :	 "";
54	 	 	 	 	 	 	 	 	 String	 name	 =	 user	 !=	 null	 ?	 user.getNickname()	 :	 "";
55	 	 	 	 	 	 	 	 	 Date	 postingDate	 =	 new	 Date();
56	 
57	 	 	 	 	 	 	 	 	 //	 コメントオブジェクトの生成
58	 	 	 	 	 	 	 	 	 Comment	 c	 =	 new	 Comment(id,	 name,	 comment,	 postingDate);
59	 
60	 	 	 	 	 	 	 	 	 //	 コメントオブジェクトの永続化
61	 	 	 	 	 	 	 	 	 PersistenceManager	 pm	 =	 PMF.get().getPersistenceManager();
62	 	 	 	 	 	 	 	 	 try	 {
63	 	 	 	 	 	 	 	 	 	 	 	 	 pm.makePersistent(c);
64	 	 	 	 	 	 	 	 	 }	 finally	 {
65	 	 	 	 	 	 	 	 	 	 	 	 	 pm.close();
66	 	 	 	 	 	 	 	 	 }
67	 
68	 	 	 	 	 	 	 	 	 doGet(request,	 response);
69	 	 	 	 	 }
                                                                        GuestbookServlet.java
12	 @PersistenceCapable
13	 public	 class	 Comment	 {
14	 	 	 	 	 @PrimaryKey
15	 	 	 	 	 @Persistent(valueStrategy	 =	 IdGeneratorStrategy.IDENTITY)
16	 	 	 	 	 private	 Key	 key;
17	 
18	 	 	 	 	 @Persistent
19	 	 	 	 	 private	 String	 id;
20	 
21	 	 	 	 	 @Persistent
22	 	 	 	 	 private	 String	 name;
23	 
24	 	 	 	 	 @Persistent
25	 	 	 	 	 private	 String	 comment;
26	 
27	 	 	 	 	 @Persistent
28	 	 	 	 	 private	 Date	 postingDate;
29	 
30	 	 	 	 	 public	 Comment(String	 id,	 String	 name,	 String	 comment,	 Date	 postingDate)	 {
31	 	 	 	 	 	 	 	 	 this.id	 =	 id;
32	 	 	 	 	 	 	 	 	 this.name	 =	 name;
33	 	 	 	 	 	 	 	 	 this.comment	 =	 comment;
34	 	 	 	 	 	 	 	 	 this.postingDate	 =	 postingDate;
35	 	 	 	 	 }
36	 
	 	 	 	 	 	 	 //	 ゲッターメソッドが続く
56	 }

                                                                                      Comment.java
1	 package	 com.example.guestbook;
	 2	 
	 3	 import	 javax.jdo.JDOHelper;
	 4	 import	 javax.jdo.PersistenceManagerFactory;
	 5	 
	 6	 public	 final	 class	 PMF	 {
	 7	 	 	 	 	 private	 static	 final	 PersistenceManagerFactory	 pmfInstance	 =
	 8	 	 	 	 	 	 	 	 	 	 	 	 	 JDOHelper.getPersistenceManagerFactory("transactions-optional");
	 9	 
10	 	 	 	 	 private	 PMF()	 {}
11	 
12	 	 	 	 	 public	 static	 PersistenceManagerFactory	 get()	 {
13	 	 	 	 	 	 	 	 	 return	 pmfInstance;
14	 	 	 	 	 }
15	 }




        インスタンス生成処理負荷軽減のためのシングルトンラッパークラスです。
                                          PMF.java
5. Comment List


• コメントをリスト表示
Google App Engine for Java
10	 <body>
11	 	 <h1>Guestbook</h1>
12	 	 <%--	 ログインユーザーの有無で分岐	 --%>
13	 	 <c:choose>
14	 	 	 <c:when	 test="${empty	 user}">
15	 	 	 	 <p><a	 href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。</p>
16	 	 	 </c:when>
17	 	 	 <c:otherwise>
18	 	 	 	 <p>
19	 	 	 	 	 こんにちは、${user.nickname}	 さん。(<a	 href="${logoutURL}">サインアウト</a>)
20	 	 	 	 </p>
21	 	 	 </c:otherwise>
22	 	 </c:choose>
23	 	 <%--	 コメント投稿フォーム	 --%>
24	 	 <form	 method="POST"	 action="/guestbook">
25	 	 	 <input	 type="text"	 name="comment"	 size="80">	 <input	 type="submit">
26	 	 </form>
27	 	 <%--	 空コメントの場合、エラーメッセージを表示	 --%>
28	 	 <c:if	 test="${isEmptyCommentError}">
29	 	 	 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p>
30	 	 </c:if>
31	 	 <%--	 コメントリスト	 --%>
32	 	 <ul>
33	 	 	 <c:if	 test="${not	 empty	 newComment}">
34	 	 	 	 <li>${newComment.comment}	 --	 ${newComment.name}	 (${newComment.postingDate})</li>
35	 	 	 </c:if>
36	 	 	 <c:forEach	 var="comment"	 items="${comments}">
37	 	 	 	 <li>${comment.comment}	 --	 ${comment.name}	 (${comment.postingDate})</li>
38	 	 	 </c:forEach>
39	 	 </ul>
40	 </body>
                                                                                guestbook.jsp
20	 	 	 	 	 public	 void	 doGet(HttpServletRequest	 request,	 HttpServletResponse	 response)
	 21	 	 	 	 	 	 	 	 	 	 	 	 	 throws	 IOException,	 ServletException	 {

	 	 	 	 	 	 	 	 	 	 	 	 /*	 user,	 loginURL,	 logoutURL	 などを	 request	 属性に設定	 */

	 35	 	 	 	 	 	 	 	 	 PersistenceManager	 pm	 =	 PMF.get().getPersistenceManager();
	 36	 	 	 	 	 	 	 	 	 try	 {
	 37	 	 	 	 	 	 	 	 	 	 	 	 	 //	 コメントの取得
	 38	 	 	 	 	 	 	 	 	 	 	 	 	 Query	 query	 =	 pm.newQuery(Comment.class);
	 39	 	 	 	 	 	 	 	 	 	 	 	 	 query.setOrdering("postingDate	 desc");
	 40	 	 	 	 	 	 	 	 	 	 	 	 	 query.setFilter("postingDate	 <	 dateParam");
	 41	 	 	 	 	 	 	 	 	 	 	 	 	 query.declareParameters("java.util.Date	 dateParam");
	 42	 
	 43	 	 	 	 	 	 	 	 	 	 	 	 	 try	 {
	 44	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 //	 コメント投稿直後の特別処理
	 45	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 //	 コメントがデータストアに反映されていないこともあるので、
	 46	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 //	 新しいコメントは独立して表示し、それ以前の投稿を取得する。
	 47	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 List<Comment>	 comments;
	 48	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 Comment	 newComment	 =	 (Comment)	 request.getAttribute("newComment");
	 49	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 if	 (newComment	 !=	 null)	 {
	 50	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 comments	 =	 ((List<Comment>)	 query.execute(newComment.getPostingDate()));
	 51	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 }	 else	 {
	 52	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 comments	 =	 (List<Comment>)	 query.execute(new	 Date());
	 53	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 }
	 54	 
	 55	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 request.setAttribute("comments",	 comments);
	 56	 
	 57	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 request.getRequestDispatcher("/guestbook.jsp").forward(request,	 response);
	 58	 	 	 	 	 	 	 	 	 	 	 	 	 }	 finally	 {
	 59	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 query.closeAll();
	 60	 	 	 	 	 	 	 	 	 	 	 	 	 }
	 61	 	 	 	 	 	 	 	 	 }	 finally	 {
	 62	 	 	 	 	 	 	 	 	 	 	 	 	 pm.close();
	 63	 	 	 	 	 	 	 	 	 }
	 64	 	 	 	 	 }                                                                                   GuestbookServlet.java
66	 	 	 	 	 public	 void	 doPost(HttpServletRequest	 request,	 HttpServletResponse	 response)
	 67	 	 	 	 	 	 	 	 	 	 	 	 	 throws	 IOException,	 ServletException	 {
	 68	 	 	 	 	 	 	 	 	 //	 エラー:空コメント
	 69	 	 	 	 	 	 	 	 	 String	 comment	 =	 request.getParameter("comment");
	 70	 	 	 	 	 	 	 	 	 if	 (comment.isEmpty())	 {
	 71	 	 	 	 	 	 	 	 	 	 	 	 	 request.setAttribute("isEmptyCommentError",	 true);
	 72	 	 	 	 	 	 	 	 	 	 	 	 	 doGet(request,	 response);
	 73	 	 	 	 	 	 	 	 	 	 	 	 	 return;
	 74	 	 	 	 	 	 	 	 	 }
	 75	 
	 76	 	 	 	 	 	 	 	 	 //	 User	 データの取得
	 77	 	 	 	 	 	 	 	 	 UserService	 userService	 =	 UserServiceFactory.getUserService();
	 78	 	 	 	 	 	 	 	 	 User	 user	 =	 userService.getCurrentUser();
	 79	 
	 80	 	 	 	 	 	 	 	 	 String	 id	 =	 user	 !=	 null	 ?	 user.getUserId()	 :	 "";
	 81	 	 	 	 	 	 	 	 	 String	 name	 =	 user	 !=	 null	 ?	 user.getNickname()	 :	 "";
	 82	 	 	 	 	 	 	 	 	 Date	 postingDate	 =	 new	 Date();
	 83	 
	 84	 	 	 	 	 	 	 	 	 //	 コメントオブジェクトの生成
	 85	 	 	 	 	 	 	 	 	 Comment	 newComment	 =	 new	 Comment(id,	 name,	 comment,	 postingDate);
	 86	 
	 87	 	 	 	 	 	 	 	 	 //	 コメントオブジェクトの永続化
	 88	 	 	 	 	 	 	 	 	 PersistenceManager	 pm	 =	 PMF.get().getPersistenceManager();
	 89	 	 	 	 	 	 	 	 	 try	 {
	 90	 	 	 	 	 	 	 	 	 	 	 	 	 pm.makePersistent(newComment);
	 91	 	 	 	 	 	 	 	 	 }	 finally	 {
	 92	 	 	 	 	 	 	 	 	 	 	 	 	 pm.close();
	 93	 	 	 	 	 	 	 	 	 }
	 94	 
	 95	 	 	 	 	 	 	 	 	 //	 新しいコメントを属性として設定
	 96	 	 	 	 	 	 	 	 	 request.setAttribute("newComment",	 newComment);
	 97	 
	 98	 	 	 	 	 	 	 	 	 doGet(request,	 response);
	 99	 	 	 	 	 }
                                                                                GuestbookServlet.java
Conclusion
Google App Engine for
 Java を使いましょう!


単に制限のある Servlet & JSP コンテナじゃねーかという突っ込みはなしでw
次回機会があれば
 Google Web Toolkit
すごいぜプレゼンやります


   ちゃんと説明できるくらいに勉強しておきます。
もしくは Spring Roo
すごいぜプレゼンやります


 こっちもちゃんと説明できるくらいに勉強しておきます。
というか、PaaS 勉強会を
         開催しませんか?


AWS Elastic Beanstalk も熱いですね。Windows Azure や Heroku も興味あります。
  てか、PaaS 勉強会って絶対あると思うんで調べて参加しろって話ですね。
興味のある方は、Twitter
 @takuya0301 まで!
Thank you for listening!

More Related Content

PDF
Layout analyzerでのgroovyの利用について
PDF
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
PDF
Javaチョットデキルへの道〜JavaコアSDKに見る真似したいコード10選〜
PDF
Try Jetpack
PDF
プロダクトに 1 から Vue.js を導入した話
PDF
Tokyo GTUG Bootcamp2010
PPTX
Selenium webdriver使ってみようず
PDF
20160215 04 java ee7徹底入門 jbatch
Layout analyzerでのgroovyの利用について
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Javaチョットデキルへの道〜JavaコアSDKに見る真似したいコード10選〜
Try Jetpack
プロダクトに 1 から Vue.js を導入した話
Tokyo GTUG Bootcamp2010
Selenium webdriver使ってみようず
20160215 04 java ee7徹底入門 jbatch

What's hot (19)

PDF
node+socket.io+enchant.jsでチャットゲーを作る
PDF
G * magazine 1
PPTX
Heap statsfx analyzer
PDF
Java8 コーディングベストプラクティス and NetBeansのメモリログから...
PDF
仕事の手離れを良くする手段としての、静的検査のあるテンプレートエンジン (YATT::Lite talk at 2014 テンプレートエンジンNight)
PPTX
3.Java EE7 徹底入門 CDI&EJB
PDF
Java SE 9の紹介: モジュール・システムを中心に
PPTX
Jetpack Library 事始め
PDF
思ったほど怖くない! Haskell on JVM 超入門 #jjug_ccc #ccc_l8
PPT
第5回勉強会
PDF
Try_to_writecode_practicaltest #atest_hack
PDF
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
PPTX
Web Component概要
PPTX
Glassfish勉強会(JavaEE6について)
PDF
CodeIgniterによるPhwittr
PDF
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
PDF
JSR 352 “Batch Applications for the Java Platform”
PPTX
DjangoでさくっとWeb アプリケーション開発をする話
PDF
はじめてのVue.js
node+socket.io+enchant.jsでチャットゲーを作る
G * magazine 1
Heap statsfx analyzer
Java8 コーディングベストプラクティス and NetBeansのメモリログから...
仕事の手離れを良くする手段としての、静的検査のあるテンプレートエンジン (YATT::Lite talk at 2014 テンプレートエンジンNight)
3.Java EE7 徹底入門 CDI&EJB
Java SE 9の紹介: モジュール・システムを中心に
Jetpack Library 事始め
思ったほど怖くない! Haskell on JVM 超入門 #jjug_ccc #ccc_l8
第5回勉強会
Try_to_writecode_practicaltest #atest_hack
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
Web Component概要
Glassfish勉強会(JavaEE6について)
CodeIgniterによるPhwittr
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
JSR 352 “Batch Applications for the Java Platform”
DjangoでさくっとWeb アプリケーション開発をする話
はじめてのVue.js
Ad

Similar to Google App Engine for Java (17)

PPT
mobylet ケータイサイト30分クッキング
PDF
Grails-1.1を斬る!~Grails-1.1からのチーム開発~ in Tokyo
PDF
ぽんぽこバレー勉強会 20120427
PDF
JavaEE6 First Application #glassfishjp
PDF
Java EE 6で復活するエンタープライズJavaの世界
PDF
appengine java night #3
PDF
Java女子部Java EEハンズオン(応用編)ソースコード
PDF
イマドキの現場で使えるJavaライブラリ事情
PPT
Gaej Jdo
PPT
PDF
Datastoreへのアクセスを楽してMemcacheアクセスに置き換えるライブラリ作った
PDF
東海GTUG 20110910発表資料
PDF
Grails 2.0.0.M1の話
PDF
Easy Going Groovy(Groovyを気軽に使いこなそう)
PDF
汎用apiサーバの構築
PDF
SimpleModeler
KEY
関ジャバ JavaOne Tokyo 2012報告会
mobylet ケータイサイト30分クッキング
Grails-1.1を斬る!~Grails-1.1からのチーム開発~ in Tokyo
ぽんぽこバレー勉強会 20120427
JavaEE6 First Application #glassfishjp
Java EE 6で復活するエンタープライズJavaの世界
appengine java night #3
Java女子部Java EEハンズオン(応用編)ソースコード
イマドキの現場で使えるJavaライブラリ事情
Gaej Jdo
Datastoreへのアクセスを楽してMemcacheアクセスに置き換えるライブラリ作った
東海GTUG 20110910発表資料
Grails 2.0.0.M1の話
Easy Going Groovy(Groovyを気軽に使いこなそう)
汎用apiサーバの構築
SimpleModeler
関ジャバ JavaOne Tokyo 2012報告会
Ad

More from Takuya Tsuchida (9)

PPTX
Mikatus エンジニアの成長戦略
PPTX
コンポーネントアプローチによるソフトウェア開発の俊敏性と品質向上の実現~カスタマーショーケース
PPTX
帳票も今や HTML でつくる時代!?日本の税理士を支えるサーバーレス帳票基盤
PDF
Essential Scala 第5章 シーケンス処理
PDF
Essential Scala 第4章 トレイトによるデータモデリング
PDF
Essential Scala 第3章 オブジェクトとクラス
PDF
Essential Scala 第2章 式、型、値
PDF
youtube-dl に Pull Request 送ったった
PDF
Waze Map Editor クイックスタートガイド
Mikatus エンジニアの成長戦略
コンポーネントアプローチによるソフトウェア開発の俊敏性と品質向上の実現~カスタマーショーケース
帳票も今や HTML でつくる時代!?日本の税理士を支えるサーバーレス帳票基盤
Essential Scala 第5章 シーケンス処理
Essential Scala 第4章 トレイトによるデータモデリング
Essential Scala 第3章 オブジェクトとクラス
Essential Scala 第2章 式、型、値
youtube-dl に Pull Request 送ったった
Waze Map Editor クイックスタートガイド

Google App Engine for Java

  • 1. Google App Engine for Java 初めてなんだから・・・やさしくしてね?編 2012.3.24 つっちぃ @takuya0301
  • 2. Outline • Google App Engine for Java (GAE/J) といろ いろ組み合わせるとすごそうなので、 そのすごそうさ具合を説明します。 • 最後に、簡単なデモとその作り方を紹 介します。
  • 3. Agenda • GAE/J のいいところを紹介 • Eclipse で開発環境を構築 • GAE/J プロジェクトの実行 • デモ:ゲストブック
  • 6. Google App Engine • 無料*の PaaS 環境(Python, Java, Go) • NoSQL データストア (BigTable) • いろいろなサービスへの API • そこそこ充実している管理画面 * いろいろな制限はありますが、課金で制限を緩和できます。
  • 7. GAE for Java Duke の存在感www
  • 9. Why GAE for Java? • Java は不滅!(あと10年くらいは……) • Google Web Toolkit (GWT) との親和性 • VMware と Google のクラウド連携強化* - Spring, Google App Engine, SpringSource Tool Suite - Spring Roo, Google Web Toolkit - Spring Insight, Google Speed Tracer * http://www.vmware.com/jp/company/news/releases/vmware-google.html
  • 10. GAE/J Specification • Servlet 2.5 • JSP 2.2 (except Unified EL) • JSTL 1.1 • JDO 2.3 • JPA 1.0
  • 12. Google Web Toolkit • Java で AJAX フロントエンドを記述 • JavaScript にコンパイルして実行 • クロスブラウザ(Internet Explorer 6 対応) • 豊富なウィジェット (3rd party: Ext GWT*) * http://www.sencha.com/products/extgwt
  • 15. Pre-required Software • Java SE Development Kit 6 • Google Chrome (optional) • 英語のドキュメントに負けない気持ち
  • 17. Eclipse • いわずと知れた重厚長大な IDE • Google 推奨の GAE/J 開発環境 • なんだかんだ言って便利 • Eclipse IDE for Java EE Developers 推奨
  • 19. Pleiades All in One すみません、NetBeans じゃないです。個人的には NetBeans が好きです。
  • 20. Pleiades All in One • 日本語化版 Eclipse +便利プラグイン • Pleiades = Eclipse プラグイン日本語化プラグイン • Pleiades All in One for Java Developers 推奨
  • 21. Google Plugin for Eclipse
  • 22. Google Plugin for Eclipse • GAE/J & GWT 開発用プラグイン • ローカル実行用サーバー環境 • GAE デプロイツール • GWT コンパイラ
  • 23. Ex. Development Environment • Windows XP Professional SP3 • Java SE Development Kit 6 Update 31 • Google Chrome 17.0 • Pleiades All in One for Java Developers (based on Eclipse Indigo 3.7.2) • Google Plugin for Eclipse* * Eclipse マーケットプレースからインストールする。
  • 24. Installation Note • Pleiades のインストールフォルダ* 推奨:C:¥pleiades 自分:C:¥Document and Settings¥takuya¥My Documents¥pleiades • Google Plugin のインストール 1. Eclipse を起動 2. ヘルプ>Eclipse マーケットプレースをクリック 3. Google Plugin で検索してインストール * Windows では、パスが長いとインストール(ZIP の解凍)に失敗するそうです。
  • 25. Google Plugin for Eclipse
  • 27. Create GAE Project 1. Eclipse を起動 2. ファイル>新規>プロジェクトをクリック 3. Google>Web アプリケーション・プロジェクトをクリック 4. Windows ファイアウォールの警告:ブロック解除 5. 新規 Web アプリケーション・プロジェクトウィザード プロジェクト名:Guestbook パッケージ名:com.example.guestbook Google Web ツールキットを使用:使用しない
  • 30. Run Application 1. 実行>実行をクリック 2. http://localhost:8888/guestbook にアクセス • エラーの場合、下記を設定* 1. プロジェクト>プロパティをクリック 2. 実行/デバッグ設定>Guestbook>編集をクリック 3. 引数>VM 引数>につぎの引数を追加 -Dappengine.user.timezone=UTC * バグみたいです。(2012年3月17日現在)
  • 34. Demo Application “Guestbook”* * Google App Engine のサイトにあるチュートリアルをベースにしてつくってます。
  • 37. 1. Specification • コメントの閲覧・投稿 • Google アカウント対応 • 通りすがりの投稿可能 • エラー処理:空コメント
  • 38. 2. Page Design • 完成イメージを HTML で作成
  • 40. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Guestbook</title> 6 </head> 7 <body> 8 <h1>Guestbook</h1> 9 <p><a href="#">サインイン</a>するとコメントに名前が表示されます。</p> 10 <p>こんにちは、takuya0301 さん。(<a href="#">サインアウト</a>)</p> 11 <ul> 12 <li>つっちぃ (@takuya0301) です。自己紹介して Twitter ID を晒しましょうw 13 -- takuya0301 (2012-03-24 04:24:43)</li> 14 </ul> 15 <form method="POST" action="/guestbook"> 16 <input type="text" size="80"> 17 <input type="submit"> 18 </form> 19 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p> 20 </body> 21 </html> index.html
  • 41. 3. Google Account • Google アカウントでのログイン機能 • ログイン状態による表示切り替え
  • 45. 16 public class GuestbookServlet extends HttpServlet { 17 public void doGet(HttpServletRequest request, HttpServletResponse response) 18 throws IOException, ServletException { 19 // User サービスの取得 20 UserService userService = UserServiceFactory.getUserService(); 21 22 // ログイン中ユーザーの取得(ユーザーがいないときは null) 23 User user = userService.getCurrentUser(); 24 25 // ログイン/ログアウト用 URL の生成(引数は戻り URL) 26 String loginURL = userService.createLoginURL(request.getRequestURI()); 27 String logoutURL = userService.createLogoutURL(request.getRequestURI()); 28 29 request.setAttribute("user", user); 30 request.setAttribute("loginURL", loginURL); 31 request.setAttribute("logoutURL", logoutURL); 32 33 request.getRequestDispatcher("/guestbook.jsp").forward(request, response); 34 } 35 } GuestbookServlet.java
  • 46. 1 <%@ page contentType="text/html;charset=UTF-8" %> 2 <%@ page trimDirectiveWhitespaces="true" %> 3 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 4 <!DOCTYPE html> 5 <html> 6 <head> 7 <meta charset="UTF-8"> 8 <title>Guestbook</title> 9 </head> 10 <body> 11 <h1>Guestbook</h1> 12 <%-- ログインユーザーの有無で分岐 --%> 13 <c:choose> 14 <c:when test="${empty user}"> 15 <p> 16 <a href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。 17 </p> 18 </c:when> 19 <c:otherwise> 20 <p> 21 こんにちは、${user.nickname} さん。(<a href="${logoutURL}">サインアウト</a>) 22 </p> 23 </c:otherwise> 24 </c:choose> 25 </body> 26 </html> guestbook.jsp
  • 47. 4. Comment Posting • HTML フォームからコメントを投稿 • JDO* でコメントを永続化 • エラー処理:空コメント * JDO (Java Data Objects) は、Java オブジェクトの永続性に関する仕様です。
  • 52. 4 <!DOCTYPE html> 5 <html> 6 <head> 7 <meta charset="UTF-8"> 8 <title>Guestbook</title> 9 </head> 10 <body> 11 <h1>Guestbook</h1> 12 <%-- ログインユーザーの有無で分岐 --%> 13 <c:choose> 14 <c:when test="${empty user}"> 15 <p> 16 <a href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。 17 </p> 18 </c:when> 19 <c:otherwise> 20 <p> 21 こんにちは、${user.nickname} さん。(<a href="${logoutURL}">サインアウト</a>) 22 </p> 23 </c:otherwise> 24 </c:choose> 25 <%-- コメント投稿フォーム --%> 26 <form method="POST" action="/guestbook"> 27 <input type="text" name="comment" size="80"> <input type="submit"> 28 </form> 29 <%-- 空コメントの場合、エラーメッセージを表示 --%> 30 <c:if test="${isEmptyCommentError}"> 31 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p> 32 </c:if> 33 </body> 34 </html> guestbook.jsp
  • 53. 39 public void doPost(HttpServletRequest request, HttpServletResponse response) 40 throws IOException, ServletException { 41 String comment = request.getParameter("comment"); 42 43 // エラー:空コメント 44 if (comment.isEmpty()) { 45 request.setAttribute("isEmptyCommentError", true); 46 doGet(request, response); 47 return; 48 } 49 50 UserService userService = UserServiceFactory.getUserService(); 51 User user = userService.getCurrentUser(); 52 53 String id = user != null ? user.getUserId() : ""; 54 String name = user != null ? user.getNickname() : ""; 55 Date postingDate = new Date(); 56 57 // コメントオブジェクトの生成 58 Comment c = new Comment(id, name, comment, postingDate); 59 60 // コメントオブジェクトの永続化 61 PersistenceManager pm = PMF.get().getPersistenceManager(); 62 try { 63 pm.makePersistent(c); 64 } finally { 65 pm.close(); 66 } 67 68 doGet(request, response); 69 } GuestbookServlet.java
  • 54. 12 @PersistenceCapable 13 public class Comment { 14 @PrimaryKey 15 @Persistent(valueStrategy = IdGeneratorStrategy.IDENTITY) 16 private Key key; 17 18 @Persistent 19 private String id; 20 21 @Persistent 22 private String name; 23 24 @Persistent 25 private String comment; 26 27 @Persistent 28 private Date postingDate; 29 30 public Comment(String id, String name, String comment, Date postingDate) { 31 this.id = id; 32 this.name = name; 33 this.comment = comment; 34 this.postingDate = postingDate; 35 } 36 // ゲッターメソッドが続く 56 } Comment.java
  • 55. 1 package com.example.guestbook; 2 3 import javax.jdo.JDOHelper; 4 import javax.jdo.PersistenceManagerFactory; 5 6 public final class PMF { 7 private static final PersistenceManagerFactory pmfInstance = 8 JDOHelper.getPersistenceManagerFactory("transactions-optional"); 9 10 private PMF() {} 11 12 public static PersistenceManagerFactory get() { 13 return pmfInstance; 14 } 15 } インスタンス生成処理負荷軽減のためのシングルトンラッパークラスです。 PMF.java
  • 56. 5. Comment List • コメントをリスト表示
  • 58. 10 <body> 11 <h1>Guestbook</h1> 12 <%-- ログインユーザーの有無で分岐 --%> 13 <c:choose> 14 <c:when test="${empty user}"> 15 <p><a href="${loginURL}">サインイン</a>するとコメントに名前が表示されます。</p> 16 </c:when> 17 <c:otherwise> 18 <p> 19 こんにちは、${user.nickname} さん。(<a href="${logoutURL}">サインアウト</a>) 20 </p> 21 </c:otherwise> 22 </c:choose> 23 <%-- コメント投稿フォーム --%> 24 <form method="POST" action="/guestbook"> 25 <input type="text" name="comment" size="80"> <input type="submit"> 26 </form> 27 <%-- 空コメントの場合、エラーメッセージを表示 --%> 28 <c:if test="${isEmptyCommentError}"> 29 <p>エラー:コメントを入力してから送信ボタンをクリックしてください。</p> 30 </c:if> 31 <%-- コメントリスト --%> 32 <ul> 33 <c:if test="${not empty newComment}"> 34 <li>${newComment.comment} -- ${newComment.name} (${newComment.postingDate})</li> 35 </c:if> 36 <c:forEach var="comment" items="${comments}"> 37 <li>${comment.comment} -- ${comment.name} (${comment.postingDate})</li> 38 </c:forEach> 39 </ul> 40 </body> guestbook.jsp
  • 59. 20 public void doGet(HttpServletRequest request, HttpServletResponse response) 21 throws IOException, ServletException { /* user, loginURL, logoutURL などを request 属性に設定 */ 35 PersistenceManager pm = PMF.get().getPersistenceManager(); 36 try { 37 // コメントの取得 38 Query query = pm.newQuery(Comment.class); 39 query.setOrdering("postingDate desc"); 40 query.setFilter("postingDate < dateParam"); 41 query.declareParameters("java.util.Date dateParam"); 42 43 try { 44 // コメント投稿直後の特別処理 45 // コメントがデータストアに反映されていないこともあるので、 46 // 新しいコメントは独立して表示し、それ以前の投稿を取得する。 47 List<Comment> comments; 48 Comment newComment = (Comment) request.getAttribute("newComment"); 49 if (newComment != null) { 50 comments = ((List<Comment>) query.execute(newComment.getPostingDate())); 51 } else { 52 comments = (List<Comment>) query.execute(new Date()); 53 } 54 55 request.setAttribute("comments", comments); 56 57 request.getRequestDispatcher("/guestbook.jsp").forward(request, response); 58 } finally { 59 query.closeAll(); 60 } 61 } finally { 62 pm.close(); 63 } 64 } GuestbookServlet.java
  • 60. 66 public void doPost(HttpServletRequest request, HttpServletResponse response) 67 throws IOException, ServletException { 68 // エラー:空コメント 69 String comment = request.getParameter("comment"); 70 if (comment.isEmpty()) { 71 request.setAttribute("isEmptyCommentError", true); 72 doGet(request, response); 73 return; 74 } 75 76 // User データの取得 77 UserService userService = UserServiceFactory.getUserService(); 78 User user = userService.getCurrentUser(); 79 80 String id = user != null ? user.getUserId() : ""; 81 String name = user != null ? user.getNickname() : ""; 82 Date postingDate = new Date(); 83 84 // コメントオブジェクトの生成 85 Comment newComment = new Comment(id, name, comment, postingDate); 86 87 // コメントオブジェクトの永続化 88 PersistenceManager pm = PMF.get().getPersistenceManager(); 89 try { 90 pm.makePersistent(newComment); 91 } finally { 92 pm.close(); 93 } 94 95 // 新しいコメントを属性として設定 96 request.setAttribute("newComment", newComment); 97 98 doGet(request, response); 99 } GuestbookServlet.java
  • 62. Google App Engine for Java を使いましょう! 単に制限のある Servlet & JSP コンテナじゃねーかという突っ込みはなしでw
  • 63. 次回機会があれば Google Web Toolkit すごいぜプレゼンやります ちゃんと説明できるくらいに勉強しておきます。
  • 64. もしくは Spring Roo すごいぜプレゼンやります こっちもちゃんと説明できるくらいに勉強しておきます。
  • 65. というか、PaaS 勉強会を 開催しませんか? AWS Elastic Beanstalk も熱いですね。Windows Azure や Heroku も興味あります。 てか、PaaS 勉強会って絶対あると思うんで調べて参加しろって話ですね。
  • 67. Thank you for listening!

Editor's Notes