2011年4月16日土曜日

GAE/J+Velocity

参考

war/WEB-INF/libにコピーしたライブラリVelocity-1.7-dep.jarをプロジェクトに追加。

control.java

  1. protected void doGet(HttpServletRequest req, HttpServletResponse resp)  
  2.         throws ServletException, IOException {  
  3.     user user1 = new user(0"ユーザ1"17685);  
  4.     user user2 = new user(1"ユーザ2"185120);  
  5.     user user3 = new user(2"ユーザ3"16872);  
  6.     LinkedList group = new LinkedList();  
  7.   
  8.     group.add(user1);  
  9.     group.add(user2);  
  10.     group.add(user3);  
  11.   
  12.     Velocity.init();  
  13.     VelocityContext vc = new VelocityContext();  
  14.     vc.put("group", group);  
  15.     StringWriter sw = new StringWriter();  
  16.     Template template = Velocity.getTemplate("/admin/velocity/foreach.vm""UTF-8");  
  17.   
  18.     template.merge(vc, sw);  
  19.     System.out.println(sw);  
  20.     resp.setCharacterEncoding("UTF-8");  
  21.     resp.setContentType("text/html; charset=UTF-8");  
  22.     resp.getWriter().print(sw);  
  23. }  

web.xml

  1. <servlet>  
  2.     <servlet-name>control</servlet-name>  
  3.     <servlet-class>scoreman.control</servlet-class>  
  4. </servlet>  
  5. <servlet-mapping>  
  6.     <servlet-name>control</servlet-name>  
  7.     <url-pattern>/admin/control</url-pattern>  
  8. </servlet-mapping>  

war/admin/velocity/foreach.vm


  1. <html>  
  2. <body>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  4.     <h1>Velocity</h1>  
  5.         表示のテストです  
  6.   
  7. #easyMacro($group)  
  8. </body>  
  9. </html>  
  10.   
  11. #macro(easyMacro $group)  
  12. #foreach($human in $group)  
  13.         $velocityCount : $human.name  
  14.   
  15. #end  
  16. #end  

参考サイトでは文字化け対策でpropertyファイルをコピーしてたりしてたけど、今のところこれでも問題ないのでこれでいきますかな。


表示画面


無題

Flex勉強会第136回@東京(2011年4月13日)

Photo 4月 16, 0 27 33

に参加してきました。

FlexUserGroupの略でfxugといわれる集まりのようです。

今回は就活のネタとして行ったわけで、勉強会は初めてでしたが一流の技術者を目指すべく今何をすればいいかな~?って考えた結果。自分にはこれがぴったりだったわけです。

会場は大崎にあるAdobeのオフィスの一画で、洒落乙だったから緊張したわ。

Flexについては2年前にちょろっといじっただけでしたが1.5/3の内容は理解したつもりです。
Flexの本書いてる人だったり、フレームワーク作っちゃったりしてる人の発表でいい刺激を受けましたわ。

最後に本のプレゼントやらタンブラーのじゃんけんやらでプレゼントも豊富!
いやしんぼの私にはぴったりですね!

次回は何に参加しましょうかね?

2011年4月12日火曜日

Velocity

HTMLのテンプレートに変数を代入してから表示させる事が出来る。
他にもテキストファイルなら埋め込み可能。

これによって構成とデータを別々に管理しやすくなると。

eclipse用は→ここ
velocity-1.7.zip
この中のvelocity-1.7-dep.jarを使用。

参考

テンプレート:index.vm

  1. 識別番号:$user.id  
  2. 名前:$user.name  
  3. 体重:$user.weight  
  4. 身長:$user.height  



データクラス:user.java
  1. public class user {  
  2.     private int id = 0;  
  3.     private String name = "";  
  4.     private int weight = 0;  
  5.     private int height = 0;  
  6.     public int getId() {  
  7.         return id;  
  8.     }  
  9.     public void setId(int id) {  
  10.         this.id = id;  
  11.     }  
  12.     public String getName() {  
  13.         return name;  
  14.     }  
  15.     public void setName(String name) {  
  16.         this.name = name;  
  17.     }  
  18.     public int getWeight() {  
  19.         return weight;  
  20.     }  
  21.     public void setWeight(int weight) {  
  22.         this.weight = weight;  
  23.     }  
  24.     public int getHeight() {  
  25.         return height;  
  26.     }  
  27.     public void setHeight(int height) {  
  28.         this.height = height;  
  29.     }  
  30.     public user(int id, String name, int weight, int height) {  
  31.         this.id = id;  
  32.         this.name = name;  
  33.         this.weight = weight;  
  34.         this.height = height;  
  35.     }  
  36.     public user() {}  
  37.   
  38. }  



マージクラス:test.java
  1. import java.io.StringWriter;  
  2.   
  3. import org.apache.velocity.Template;  
  4. import org.apache.velocity.VelocityContext;  
  5. import org.apache.velocity.app.Velocity;  
  6.   
  7. public class test {  
  8.     public static void main(String[] args) {  
  9.         user user = new user(1000"銅鑼 衛門"100200);  
  10.         Velocity.init();  
  11.         VelocityContext context = new VelocityContext();  
  12.         context.put("user", user);  
  13.           
  14.         StringWriter stringWriter = new StringWriter();  
  15.         Template template = Velocity.getTemplate("index.vm""UTF-8");  
  16.         template.merge(context, stringWriter);  
  17.         System.out.println(stringWriter.toString());  
  18.         stringWriter.flush();  
  19.     }  
  20. }  
 

2011年4月7日木曜日

GoogleMapsAPI V3で出来ること

  • ちょろっとコードを書くだけでGoogleMapが自分のサイトに張り付けられる。
  • 座標や住所によってピンを置くことが出来る。
  • ルートの作成が可能
    →中継地点も追加でき、巡回セールスマン問題を解いてくれるw
  • JavaScript、Flash、画像、3Dなどいろいろな形式が用意されている。
    →PCからだったらJavaScript、モバイルだったら画像表示とかが可能。
  • GoogleMap上やピンなどのイベントを処理できる。
    →「クリックでズームする」など。

チュートリアルや解説が非常にわかりやすい
Google Map JavaScript API V3 チュートリアル

GoogleMapsAPI V3 複数マーカーの単一表示

Google Maps API v3でv2のように、1つだけの情報ウィンドウが開くようにする(1)

2011年4月4日月曜日

ライブラリ

ライブラリは「war」→「WEB-INF」→「lib」に配置してからプロジェクトで指定。

~jericho~
クラス・フォルダーを追加したらローカルでは動くがサーバ側でエラー。
JARファイルにしたら動いた。

URLフェッチ

  1. URL url = new URL(req.getParameter("url"));  
  2. BufferedReader reader = new BufferedReader(new InputStreamReader(url.openStream()));  
  3. String line;  
  4. String html = new String();  
  5.   
  6. while((line = reader.readLine()) != null){  
  7.  html += line + "\n"  
  8. }  
  9. reader.close();  

トランザクション

  1. PersistenceManager pm = PMF.get().getPersistenceManager();  
  2. Transaction ts = pm.currentTransaction();  
  3. Message message = new Message();  
  4. try {  
  5.  ts.begin();  
  6.  message = pm.getObjectById(Message.class, keyParam);  
  7.  message.setName(nameParam);  
  8.  message.setMessage(messageParam);  
  9.  message.setCreatedAt(new Date());  
  10.   
  11.  pm.makePersistent(message);  
  12.  ts.commit();  
  13. finally {  
  14.  if(ts.isActive()){  
  15.   ts.rollback();  
  16.  }  
  17.  pm.close();  
  18. }  

こんな感じで、begin()、comit()、roolback()すればよろしい。

2011年4月3日日曜日

Googleアカウントを使う

  1. protected void doGet(HttpServletRequest req, HttpServletResponse resp)  
  2.   throws ServletException, IOException {  
  3.  UserService userService = UserServiceFactory.getUserService();  
  4.   
  5.  String thisURL = req.getRequestURI();  
  6.  if(req.getUserPrincipal() != null){  
  7.   resp.getWriter().print("<p>Hello, " +  
  8.    req.getUserPrincipal().getName() +  
  9.    "! You can <a href="" +  
  10.    userService.createLogoutURL(thisURL) +  
  11.    "">sign out</a>.</p>");  
  12.  }else{  
  13.   resp.getWriter().print("<p>Please <a href="" +  
  14.     userService.createLoginURL(thisURL) +  
  15.     "">sign in</a>.</p>");  
  16.  }  
  17. }  
からのweb.xml
  1. <security-constraint>  
  2.  <web-resource-collection>  
  3.   <url-pattern>/admin/*</url-pattern>  
  4.  </web-resource-collection>  
  5.  <auth-constraint>  
  6.   <role-name>admin</role-name>  
  7.  </auth-constraint>  
  8. </security-constraint>  
とすれば/admin/以下は管理者のみしか見ることができない。

ちなみにローカルで実行するとダミーアカウントでの認証になる。

データの検索

クエリを与えてやればよさそう
  1. Query query = pm.newQuery(  
  2.  "select from クラス名 where フィールド名 'キーワード'");  

データの記録・取得・更新

記録方法
オブジェクトを作成し、データをセット後、PMで記録する。
  1. Message message = new Message();  
  2. message.setName(nameParam);  
  3. message.setMessage(messageParam);  
  4. message.setCreatedAt(new Date());  
  5.   
  6. PersistenceManager pm = PMF.get().getPersistenceManager();  
  7. try {  
  8.  pm.makePersistent(message);  
  9. finally {  
  10.  pm.close();  
  11. }  
取得方法
プライマリキーで一つのデータのみ取得
  1. PersistenceManager pm = PMF.get().getPersistenceManager();  
  2. Message message = new Message();  
  3. try {  
  4.  message = pm.getObjectById(Message.class, プライマリキー);  
  5. finally {  
  6.  pm.close();  
  7. }  

すべて取得
  1. PersistenceManager pm = PMF.get().getPersistenceManager();  
  2. Query query = pm.newQuery(Message.class);  
  3.   
  4. List<message> messages = new LinkedList<message>();  
  5. try{  
  6.  messages.addAll((List<message>) query.execute());  
  7. finally {  
  8.  query.closeAll();  
  9.  pm.close();  
  10. }  
  11. </message></message></message>  
更新方法
プライマリキーの指定でオブジェクトを取得し、setterで値を更新して再度記録する。
  1. PersistenceManager pm = PMF.get().getPersistenceManager();  
  2. Message message = new Message();  
  3. message = pm.getObjectById(Message.class, プライマリキー);  
  4.   
  5. message.setName(nameParam);  
  6. message.setMessage(messageParam);  
  7. message.setCreatedAt(new Date());  
  8.   
  9. try {  
  10.  pm.makePersistent(message);  
  11. finally {  
  12.  pm.close();  
  13. }  
参考

データストアに保存するオブジェクトのクラスの書き方

以下のクラスに必要ならgetter、setterを作成する。

  1. //クラスがシリアライズ可能  
  2. @PersistenceCapable(identityType = IdentityType.APPLICATION)  
  3.   
  4. public class Message {  
  5.  @Persistent //シリアライズ可能  
  6.  private String name;  
  7.  @Persistent //シリアライズ可能  
  8.  private String message;  
  9.  @Persistent //シリアライズ可能  
  10.  private Date createdAt;  
  11.   
  12.  @PrimaryKey //シリアライズ可能  
  13.  //プライマリキー  
  14.  @Persistent(valueStrategy = IdGeneratorStrategy.IDENTITY)  
  15. }  

参考
日経ソフトウェア2010年8月号

今出来る事

Javaの結果を出力
フォームの内容をポスト→データストア(オブジェクトのDB)に記録
データストアからの呼び出し。

ソースコードを載せるには

リンク
「Add to Blogger」→「ウィジットを追加」

HTMLで以下の「pre」の間にソースを記入
<pre class="java" name="code">
</pre>