第三回かわいいKotlin勉強会の資料です

1. Server Side Kotlin
Kotlin Webフレームワークの現状
第3回 かわいいKotlin勉強会 #jkug
@yy_yank

2. 自己紹介
こいつです
・vimmerなのに
サクラエディタアイコン
・小物SIer
・JavaとKotlinが好き
ヤンク(@yy_yank)

3. ・関西Kotlin勉強会参加(2014/09)
・Kotlinアドベントカレンダー2014とか書いた
・逆引きKotlinというサイトを作った
・twitterでKotlinで検索して巡回(毎日)
僕のKotlin活動

4. What is Server Side?

5. ・Client Side <-> Server Side
・Http (Get,Post,Put,Delete...)
・MVC 2.0
・Component
・REST
・Servlet
・Apache Stru…
What is Server Side？

7. Web Frameworkの話
をしよう

8. ・KotlinのWebフレームワーク
・JavaのWebフレームワークとかも考える
・まとめ
Agenda

9. KotlinのWebフレーム
ワーク、いくつ知って
ますか？

10. ・Kara
・wasabi
・Node.kt
・Kool
・vertx-kotlin
Kotlin製のWebフレームワーク

12. ・Kara
・wasabi
・Node.kt
・Kool
・vertx-kotlin
Kotlin製のWebフレームワーク

13. ・Kara
・wasabi
・Node.kt 6 months ago
・Kool 3 years ago
・vertx-kotlin 3 years ago
Kotlin製のWebフレームワーク

14. 誰も保守しない
オレオレフレーム
ワークやない
か！！！

15. ・GitHubでKotlinを検索すると、
3 years agoとか2 years agoが多い
・我々は今を生きている
Kotlin製のWebフレームワーク

16. ・Kara
・wasabi
・Node.kt
実質はこの3つ

17. ・Kara
・wasabi
・Node.kt
Kotlin製のWebフレームワーク①

18. ・名前通りNode.jsの模倣的なもの
・ベースはNetty
・Node.ktは割とActiveな方だが
大体wasabiで同等の機能が網羅されている
・独自にベーシック認証や暗号化復号化機能を
持っているぐらい
Node.ktは正直微妙

19. 何が微妙かってソース
が汚い

20. Node.ktは正直微妙
fun listen(port: Int? = null) {
var aPort = port;
if (aPort == null) {
aPort = get("port") as Int
}
if (aPort == null) {
throw IllegalStateException("hogehoge")

21. Node.ktは正直微妙
fun listen(port: Int? = null) {
var aPort = port;
if (aPort == null) {
aPort = get("port") as Int
}
if (aPort == null) {
throw IllegalStateException("hogehoge")
デフォルト値
がnull
２回目のnull
チェック
変数使いまわ
して代入

22. しぶい

23. せめてこうとか…
fun listen(port: Int?) {
var aPort = port ?: get("port")?.toInt()
if (aPort == null)
throw IllegalStateException("hogehoge")
}

24. ・Kara
・wasabi
・Node.kt
Kotlin製のWebフレームワーク②

25. ・JetBrainsのHadi Haririのプロジェクト
・Http FrameWork(らしい)
・ベースはNetty
・Interceptorが優秀
・ModelやViewは含まれず、かなり軽量
・WebSocketにも対応したっぽい？
wasabi

26. ・Nettyのアップ/ダウンストリームに合わせ
てライフ・サイクルが形成されている
PreRequest
PreExecusion
PostExecusion
PostRequest
Error
wasabi

27. server.get("/", {
val log = Log()
log.info("URI requested is${request.uri}")
next()
},{ response.send("Hello World!") }
)
wasabi

28. server.get("/", {
val log = Log()
log.info("URI requested is${request.uri}")
next()
},{ response.send("Hello World!") }
)
wasabi
ルーティング

29. server.get("/", {
val log = Log()
log.info("URI requested is${request.uri}")
next()
},{ response.send("Hello World!") }
)
wasabi
Requestの
処理

30. server.get("/", {
val log = Log()
log.info("URI requested is${request.uri}")
next()
},{ response.send("Hello World!") }
)
wasabi
Response
の処理

31. ・逆引きKotlinをwasabiで作ってみました(宣
伝)
Html + bootstrap + wasabiという感じ
https://github.com/yyYank/kotlin-rev-
solution-wasabi
wasabi

32. ・Kara
・wasabi
・Node.kt
Kotlin製のWebフレームワーク③

33. ・TinyMissionというアメリカのミネソタ州の
Webサービスとモバイル系の会社が開発開始
・(M)VCフレームワーク
・全てが.ktになる(htmlもcssもロジックも)
・Jetty + kootstrap(bootstrapのKotlin版) +
Kotlin製Htmlテンプレートエンジン
Kara

35. ( ˘⊖˘) 。o(ん、待てよ
…？)

37. JetBrains
JetBrains
JetBrains
JetBrains
JetBrains
TinyMission

38. ＿人人人人人人人人人人＿
＞ ほとんどJetBrains ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y￣

39. ‘’Currently, it is actively developed by JetBrains,
the company behind Kotlin.‘’
Kara
・現在Karaを引っ張っているのは
JetBrains

40. ( ˘⊖˘) 。o(あんしん)

41. Get("/test")
class Test() : Request({
TextResult("This is a test action, yo")
})
Get("/crash")
class Crash() : Request({
error("This resource crashes")
})
Karaのルーティング

42. Get("/test")
class Test() : Request({
TextResult("This is a test action, yo")
})
Get("/crash")
class Crash() : Request({
error("This resource crashes")
})
Karaのルーティング
ルーティング

43. Get("/test")
class Test() : Request({
TextResult("This is a test action, yo")
})
Get("/crash")
class Crash() : Request({
error("This resource crashes")
})
Karaのルーティング
Response
の処理

44. Get("/test")
class Test() : Request({
TextResult("This is a test action, yo")
})
Get("/crash")
class Crash() : Request({
error("This resource crashes")
})
Karaのルーティング
Viewのクラス

45. table {
setClass(fields)
tr {
td {
setClass(cLabel)
labelFor("title")
}
td {
submitButton("Submit")
}
}
}
}
KaraのView

46. table {
setClass(fields)
tr {
td {
setClass(cLabel)
labelFor("title")
}
td {
submitButton("Submit")
}
}
}
}
KaraのViewのメリット
・タグの対応が簡単
・もちろん静的型付け
→書き間違いなし！！

47. table {
setClass(fields)
tr {
td {
setClass(cLabel)
labelFor("title")
}
td {
submitButton("Submit")
}
}
}
}
KaraのViewのデメリット
デザイナーさんとの分
業とかだとちょっと覚
えてもらう必要がある
…。

48. table(fields) {
td {
padding = box(6.px, 3.px)
}
td.c(cLabel) {
textAlign = TextAlign.right
}
td(cLabel, top) {
verticalAlign = VerticalAlign.top
}
KaraのCSS

49. なぜ、Kotlinライブラ
リとして、vert.xや
node.jsライクにやろ
うとするのか

50. ・ルーティング処理などの関数の引数として関
数渡しをするようなシグネチャが作りやすい
->必然的にnode.jsのような書き方になる
関数リテラルと相性が良い

51. inline fun HtmlBodyTag.table(contents:
TABLE.() -> Unit) = contentTag(TABLE(this),
contents)
大体こういう感じ

52. inline fun HtmlBodyTag.table(contents:
TABLE.() -> Unit) = contentTag(TABLE(this),
contents)
大体こういう感じ

53. ・ライブラリ実装
TABLE.() -> Unit
・使う側
table {
}
大体こういう感じ

54. その他も考える

55. ・Spring Boot
・JAX-RS(JSR339)
・MVC 1.0(JSR371)
JavaのWebフレームワーク

56. ・Spring Boot
・JAX-RS(JSR339)
・MVC 1.0(JSR371)
JavaのWebフレームワーク①

57. ・やってみた
【Kotlin】KotlinでもJava EE 8 の
MVC1.0(Ozark)は動くよ
・結構辛さあった
MVC1.0(JSR371)

58. ・Spring Boot
・JAX-RS(JSR339)
・MVC 1.0(JSR371)
JavaのWebフレームワーク②

59. ・うらがみ(backpaper0)さんがやってた
KotlinでJAX-RS + おまけ
・あんまりJavaと変わらなかった
JAX-RS(JSR339)

60. ・Spring Boot
・JAX-RS(JSR339)
・MVC 1.0(JSR371)
JavaのWebフレームワーク③

61. ・しおしお(@_siosio_)さんがやってた
KotlinでSpring Bootしてみた
・Hadi Haririもやってた
Creating a RESTful Web Service with Spring
Boot
・地味に辛さあるけどまあまあ
Spring Boot

62. ・Java EEはJavaで使ったほうが良い
・使うとしたらSpring Bootかも知れない
JavaのWebFW with Kotlin?

63. ・Karaの低レイヤな部分が参考になりやすいの
でそれをベースに作ってみるのも良いかも
-> HttpServletを継承してその上にApplication
クラスを上乗せするような形
情報の受け渡しはApplicationContextがやって
いる様子
自分でつくるから安心！負担は増える！
オレオレWebフレームワーク

64. ・一番手厚くて今後見込みありそうなのはKara
・wasabiもすでに完成形なので使えるけどフル
スタックというよりは軽量なもの
・Spring Bootもまあまあアリ
・更なるKotlinらしさを求めるならプルリクか
自作だ
まとめ