26
怖くない

【LT】 怖くない恐怖のScala.js

Embed Size (px)

Citation preview

Page 1: 【LT】 怖くない恐怖のScala.js

怖くない

Page 2: 【LT】 怖くない恐怖のScala.js

自己紹介

• 鈴木雄登

• @moc_yuto

• scala/python/NLP

Page 3: 【LT】 怖くない恐怖のScala.js

Scala.jsって知ってますか?

Page 4: 【LT】 怖くない恐怖のScala.js

Scalaでjavascriptが書けるクールなやつ

Page 5: 【LT】 怖くない恐怖のScala.js

いわゆる TypeScriptみたいな存在

Page 6: 【LT】 怖くない恐怖のScala.js

いいところ型がある!

プラグインなどを突っ込んでも動く!

Scalaで書ける!!!

Page 7: 【LT】 怖くない恐怖のScala.js

今日のテーマ

Scala.jsから Scalaに親しみを持ってもらう!

Page 8: 【LT】 怖くない恐怖のScala.js

すごい簡単に動きます。

なんと、

Page 9: 【LT】 怖くない恐怖のScala.js

フォルダ階層

build.properties

project

plugin.sbt

src/main/scala/webapp

App.scala

build.sbt

最小限で試すならこれだけ!!

Page 10: 【LT】 怖くない恐怖のScala.js

build.sbt

build.properties

plugin.sbt

Page 11: 【LT】 怖くない恐怖のScala.js

App.scala

Page 12: 【LT】 怖くない恐怖のScala.js

ここからコンパイル!

$ sbt

> fastOptJS

これだけ!!

Page 13: 【LT】 怖くない恐怖のScala.js

フォルダ階層

build.properties

project

plugin.sbt

src/main/scala/webapp

App.scala

build.sbt

target/scala2.11

scala-js-tutorial-fastopt.js

JSが生成されるよ!

Page 14: 【LT】 怖くない恐怖のScala.js

あとはHTML

Page 15: 【LT】 怖くない恐怖のScala.js

あとはHTML

こんな

Page 16: 【LT】 怖くない恐怖のScala.js

あとはHTML

感じ

Page 17: 【LT】 怖くない恐怖のScala.js

デモhttps://github.com/moc-yuto/scalajs-tutorial

Page 18: 【LT】 怖くない恐怖のScala.js

実はいろんな プラグインが出てる。

Page 19: 【LT】 怖くない恐怖のScala.js

• Jquery

• React

• AngularJS

• Vue

• Ractive

• pouchDB

• Three.js

• D3.js

• Velocity.js

• For ChromeApp

• unitTest

Page 20: 【LT】 怖くない恐怖のScala.js

と、

Page 21: 【LT】 怖くない恐怖のScala.js

ここまでは良かったのだが。。

Page 22: 【LT】 怖くない恐怖のScala.js
Page 23: 【LT】 怖くない恐怖のScala.js

exampleは動くけど、 ゼロから作ると動かない。。。

Page 24: 【LT】 怖くない恐怖のScala.js

そもそもng-appすら

呼んでくれない!

Page 25: 【LT】 怖くない恐怖のScala.js

追って進捗共有します!

Page 26: 【LT】 怖くない恐怖のScala.js

ご清聴ありがとうございました。