プログラミング生放送勉強会@大阪 第23回

1. Scala.jsプロジェクト作成まで
すわっち（@tsuwatch）
2013.06.22 プログラミング生放送勉強会@大阪
13年6月23日日曜日

2. 自己紹介
すわっち（@tsuwatch）
和歌山出身
大学院生
言語
PHP
Node.js
つくったサービス
ニコニコトレンド
13年6月23日日曜日

3. Scala
オブジェクト指向＋関数型
スケーラブル
シンプルな記述
短いコード量
13年6月23日日曜日

4. Scala.js
http://lampwww.epfl.ch/~doeraene/scala-js/
13年6月23日日曜日

5. Scala.js
ScalaをJavaScriptにコンパイル
他に
GWT, Scala/GWT
CoffeScript, Dart, TypeScript, etc...
13年6月23日日曜日

6. サポート
クラス，トレイト，ケースクラス
型システム
コレクション
パターンマッチ
内包表記
13年6月23日日曜日

7. 事前準備
brew install scala
brew install sbt
13年6月23日日曜日

8. Scala.jsの準備
$ git clone git://github.com/lampepfl/scala-js
$ cd scala-js
サブモジュール
$ git submodule init
$ git submodule update
sbtを使用する
sbt > package-js
scalajs-runtime.jsが生成される
sbt > publish-local
13年6月23日日曜日

9. 補足
sbt > package-js
sbt > publish-local
上記実行時に，JVMがMaxPermSizeを超えて
エラーが出た
~/.sbtconfig
SBT_OPTS=-XX:MaxPermSize=256m
ここに書いておくとsbt起動時に設定を読み
こんでくれる
13年6月23日日曜日

10. サンプル実行
sbt > examples/package-js
examples/以下
13年6月23日日曜日

11. プロジェクト作成（1/2）
まずサンプルプロジェクトをclone
$ git clone git://github.com/sjrd/scala-js-example-app
js
scalajs-runtime.jsを入れる
project
ビルド関係
src
ソースコード
13年6月23日日曜日

12. プロジェクト作成（2/2）
jsディレクトリに，Scala.jsの準備時に生成し
たscalajs-runtime.jsをコピー
sbt > package-js
index.htmlを見て，It works!と出れば完了
13年6月23日日曜日

13. サンプルコード
13年6月23日日曜日

14. htmlファイル
13年6月23日日曜日

15. まとめ
Scala.js
ScalaをJavaScriptにコンパイル
Scala.jsのプロジェクト作成
Let’s Scala.js！
13年6月23日日曜日

16. ご清聴ありがとうございました
13年6月23日日曜日