LINE Developer Meetup in Fukuoka #9で発表したスライドです http://connpass.com/event/10470/

1. Spring Boot
+
Doma
+
AngularJS
で作る
ERP（統合基幹業務システム）
LINE Developer Meetup in Fukuoka #9
2014/12/20

2. 自己紹介
• 名前: 松崎 学
• Twitter: matsumana
• blog: http://matsumana.info
• 所属: 株式会社キャム http://cam-net.co.jp/
• 職業: ソフトウェアエンジニア
(プログラマ、ITインフラエンジニア)

3. JJUG CCC 2014 Fall
で発表した内容を
かいつまんでお話します
元のスライドはこれです
http://goo.gl/CGWzRG

4. 今日お話する事
• 弊社サービスを支える技術の概要
・アーキテクチャの歴史
・インフラ
• Spring Boot, Doma, AngularJSを選んだ理由と
実際に使ってみた感想

5. サービスの歴史
フレームワーク編
• 2007∼ Seasar2 (Teeda + S2Dao)
※現在も稼働中
• 2012∼ Java EE 6 (JSF + JPA)
※現在も稼働中
• 2014∼ Spring Boot + Doma + AngularJS

6. サービスの歴史
インフラ編
• 2007∼ 国内データセンター
• 2013∼ AWS

7. インフラの
全体概要図

8. http://goo.gl/cTexvM

9. • サーバやミドルウェアは必ず障害が発生する前提で
考えたインフラ構成とアーキテクチャ
• 一部に障害が発生してもサービスが止まらないように
各レイヤーは冗長構成にする
• サービスが止まるような障害の場合でも
出来るだけ早く復旧出来るようにする
ポイント

10. 使用しているソフトウェア
• Webサーバ: Apache 2.2
• APサーバ: Seasar2 → Tomcat 6
Java EE 6 → GlassFish 3.1.2.2
Spring Boot → Jetty9.2.3.v20140905
• DBサーバ: PostgreSQL 9.3
• 監視: Zabbix 2.0
EC2インスタンスのOSリソース監視
APサーバをJMXで監視 (Zabbix Javaゲートウェイ)
• CI,デプロイ: Jenkins

11. ログ収集はFluentd

12. • AWS (EC2, S3, Route53, SES, RDS, VPC)
• GitHub
• レスポンスタイム可視化: New Relic
• ログ分析: Google BigQuery
• 通知: HipChat
使用しているサービス

13. 次はアプリのお話

14. 2007年の
サービスローンチ時から
開発を続けてきた
Seasar2製のアプリですが
数年後には色んな問題が
出てきました

15. • ローンチ当時は、IE6とIE7のみサポート
(開発を開始した2007年にはChromeは存在してない)
• 2009年にリリースされたIE8で互換表示モード登場
互換表示でしか動作しないアプリに
なってしまった・・・
＿人人 人人 人人 人人＿
＞ 突然のオワコン感 ＜
￣Y^Y^Y^Y^Y^Y^Y^Y￣

16. 互換モード以外にもいくつか
問題が出てきた
• 時代遅れ感が出てきたUI
リッチなWebサイトが世の中に増えて
顧客の目が肥えてきた
• 他社システムと連携するため、
REST API提供を求められるようになった

17. 今のアプリを改修するべきか？
それとも作りなおすべきか？

18. この時点で画面数は
数百になっていた
改修するよりも
作りなおした方が良い
という結論になる

19. 候補にあがったもの
• Java EE 6 (JSF)
• Spring
• Play Framework 1

20. その時点で
一番良さそうだった
Java EE 6を選択
サポートするブラウザはIE8以上とした
(互換表示モードからの脱却)

21. Java EE 6で開発と
運用をやってみたけど
• JPAでハマる事が多い
• CDIに@ViewScopedがない
※Java EE7で改善されてます
• PrimeFacesではGridの列固定が出来なかった
※現在のバージョンでは出来ます
• JSFで作った画面が重く感じる
※画面項目数、サーバスペック、クライアントスペック等によるので
あくまでも当社比です

22. 弊社にはJava EEは
合わないのでは？
(́・ω・`)
という気持ちになってきた

23. Java EE 6で2つの
サブシステムを作ったが
これ以上増やすのは
やめようという結論になり
次の手を模索する事に

24. そんなある日
Spring Bootの存在を知る
• JJUG ナイトセミナー 2014/01/21
@makingさんの
「Spring4とSpring Bootで作る
次世代Springアプリケーション」
http://www.slideshare.net/makingx/spring-4spring-boot-spring-jjug-jsug

25. 早速試してみた
• Springで大変だと聞いていたxml設定ファイルや
依存関係の複雑さが解決されているし、
組み込みAPサーバもいい感じ
• 元々、SpringとDropwizardに注目していたので
いいとこ取りな感じがとても良い

26. いくつか候補をあげて
比較検討

27. 候補1
• Java EE 7(JSF) + Doma
対応する商用アプリケーションサーバが
未リリースなのでNG
(リリース時期も未定だった)

28. 候補2
• Spring Boot (Spring MVC + Thymeleaf) + Doma
JSFの複合コンポーネント的なものがない
JSPだとカスタムタグがあるが
Spring BootはJSPを推奨していないみたい

29. 候補3
• Spring Boot (Spring MVCでAPI) + Doma
+ Backbone.js
JSFの複合コンポーネント的なものがない
Backbone.jsで構造化は出来るが
生産性がもっと高いものが良い

30. 候補4
• Spring Boot (Spring MVCでAPI) + Doma
+ AngularJS
Directiveがカスタムタグの代替にはなりそう
フロントフレームワークの中では遅い部類だと
言われているが、試してみるとJSFよりサクサク動く
※当社比

31. Spring Boot, Doma,
AngularJSを
使ってみた感想など

32. Spring Boot / Spring
• Seasar2とJava EE 6を使ってきたので、
Springのコンテナ機能(DI, トランザクション, AOPなど)
は理解しやすかった
• テストライブラリが充実していて良い感じ
• 起動が早く快適に開発できる
※当社比
• サーバのリソース消費が少ない

33. Doma
• SQLでゴリゴリ書きたい派には、とてもオススメ
• 依存ライブラリが無いのも、とてもいい感じ
• 便利機能がいっぱい
・Java8対応
・コンパイル時チェック
・SQLファイル内の変数チェック
・SQLファイルの存在チェック
・ページング (Limit, Offset, 総レコード件数)
他にも沢山あります。詳しくはドキュメントを
http://doma.readthedocs.org/ja/latest/

34. AngularJS
• 学習コストは確かに高いが、現在は日本語の書籍も
あるので、多少は改善されているのかも
• Directiveにてデザインと動作を共通化した部品が
作成でき便利
• ライブラリはangular-bootstrapだけ使う事にした
(その他で必要なものは自分たちで作る方針にした)
• バージョンアップで後方互換性が保たれない
(弊社の場合はアプリを改修して、バージョンアップ
に追従していく方針にした)

35. 弊社でのAngularJSの
使い方を少しだけご紹介
• Directiveに画面レイアウト情報とデータを与えて
画面項目を動的に生成
マルチテナントなアプリなので、
顧客ごとのカスタマイズをマスタで行えるようにしています

36. <hoge-form-grid
layout-src="layout.formLayout"
model-src="model" >
</hoge-form-grid>
<hoge-table-grid-paging
layout-src="layout.tableLayout"
model-src="model" >
</hoge-table-grid-paging>
<hoge-table-grid
layout-src="layout.tableLayout"
model-src= model">
</hoge-table-grid>

37. モジュール構成 (概要)
• Javaのビルドルーツ: Maven
• フロントエンドのタスクツール: Grunt
maven-grunt-pluginを使ってMavenから起動される
jshint, karma(Jasmine), concat, cssmin, uglifyを実行する

38. Spring BootやDomaに
関するブログを
いくつか書いてます

39. • Spring BootでO/Rマッパーの比較
• Spring Bootのコネクションプーリングの比較
• Spring Bootのアプリケーションサーバの比較
• Spring BootでISUCON4予選のJava実装を作った
• Spring Bootで現在捌いているリクエスト数を
取得する
• Spring + Domaで実装したアプリのユニットテスト
http://matsumana.info/blog/categories/spring/

40. AngularJSは業務システムに
使えるのか？
• 品質的には業務で使っても問題ないと思う
• 画面モック(素のHTML)を元にアプリ作成可能
• AngularJSに限った事ではないが、
現在流行っているフロントフレームワークが
5年後、10年後も互換性を保った状態で流行っている
とは考えにくい
「動かなくなったらフロントだけ作りなおせば良い」
という意見はあると思うが、フロントフレームワーク
を使わなければ、発生しない不要なコストなのかも

41. 弊社の今後
• Spring Boot + Doma + AngularJSは
弊社にはあっているので今後も使い続けるつもり

42. ご清聴
ありがとう
ございました！