1. FirefoxOS に
enchant.js を食わせてみた

2. 自己紹介
名前:
# るっか和尚 (@lucca0show)
お仕事:
# 京都でWebプログラマっぽいな
にか
趣味：
#ゲーム、漫画とかアレな感じ。
#若干懐古厨ゲーマー気味

3. やりたかったこと
● マルチプラットフォームなゲームを作成
○ 移植の難しさの確認とかバッドノウハウを調べて
みる

4. マルチプラットフォームな
ゲームを作ってみる
● FirefoxOSはHTML5な技術が使われてる
○ マルチプラットフォームに対応したゲームアプリ
を開発できるのでは？
○ 既存のJSライブラリを使えば簡単に作成出来る
気がする

5. 準備するもの
● Firefox for Desktop (ブラウザ)
○ Firefox OS Simulator 4.0 インストール
● enchant.js
● やる気

6. そもそもenchant.js とは？
● ㈱UEI社が開発したオープンソースなHTML5
ベースなゲームエンジン
○ わざわざゲーム用のコードをゴリゴリ書かなくても
ライブラリがいい感じに用意されてる
○ PC / iOS / Android 主要なプラットフォームに対
応
○ jsdo.itあたりにサンプルが結構ある（らしい）

7. 何故enchant.jsなのか？
● ぶっちゃけレシピ本を積読してたから
○ 一応enchant.jsがFirefoxOS上でもきちんと動作
するか検証するという建前もあったりなかったり

8. とりあえず動かしてみる
● まずは最小構成でアプリの雛形作ってみる

9. とりあえず動かしてみる
● manifest.webapp
○ FirefoxOSに必須なマニフェストファイル

10. とりあえず動かしてみる
● htmlファイル

11. とりあえず動かしてみる
● …出来た、超簡単すぎて逆に不安。

12. enchant.js入れてみる
● クマを動かしてみる。
○ enchant.js入れる
○ ゲーム部分のJSでenchant()呼び出す
○ 任意のコードをガリガリ書く
○ SimulatorにAddする
○ コイツ動くぞ！←これ目標

13. enchant.js入れてみる
● クマを動かしてみる。

14. enchant.js入れてみる
● …正直順調に行き過ぎた
○ ここで躓いた！的なバッドノウハウなどをネタに
するつもりだったのでこれは予想外。

15. enchant.js入れてみる
● つ、つまりそれぐらい簡単にenchant.jsで
ゲームが作れるってことだったんだよ！

16. enchant.js入れてみる

17. jQueryで非同期通信
● さすがにこれで終了は残念すぎる
○ みんな大好きjQueryでお茶を濁すしかねえ！
○ 非同期通信って言っとけばきっと見逃してくれる
はず。

18. やりたかったこと
● マルチプラットフォームなゲームを作成
○ 移植の難しさの確認
● jQuery使える？※急遽追加
○ ajaxを使った非同期通信とか使えたらいい
なー。

19. jQueryで非同期通信
● クマを押したら非同期通信が走るようにして
みる
○ 配列をJSONで返す簡単なPHPをサーバにアップ
ロードして確認してみた

20. jQueryで非同期通信
● きちんと取れてる

21. jQueryで非同期通信
● ソースコードはチョーテキトーなヤツ

22. 触ってみた感想とか
● オフラインでも動くWebアプリケーション以上
の価値を見いだせない
○ ただ選択肢としては面白いと思うので応援したい
ところ
● 解像度の問題
○ 今のところあまり端末が出回ってないことなどもあ
り、今後に注目？
● 端末買えない、KEONェ…
● 専用IDEが欲しい
○ なくてもなんとかなるけど微妙に不便

23. まとめ
● FirefoxOSはWeb開発を経験した人にとって
非常にわかりやすい
● 既存のライブラリなども使いまわせると思われ
るので参入ハードルが低い…かも
● enchant.jsを使えばすごく簡単にライトゲー
ムを量産出来る
● とりあえず開発してみればいいと思うよ！

24. ご静聴ありがとうございました。