小学生から始めるBluemix始めの一歩（第一回）

Bluemixを使って小学生向けにプログラミングを教えたい。・・・・でも何から始めたらいいのかわからない。という人にオススメするのがBluemixとゲームエンジンの組み合わせです。

（そんな人いるのか・・・私ぐらいでしょうか・・・。）

小学生でも飽きずに楽しんでプログラミングが可能で、Bluemix上で動かすことで一般のPCやスマホからでもURLさえ教えれば遊べるモノができあがり、楽しみながらもちょっと自慢できる制作物になるというわけです。

ゲームエンジンというのは、ゲーム開発に必要なフレームワークが入ったライブラリのようなモノで、国内有名どころだと以下のようなモノがあります。

1.Unity
言わずと知れた最強ゲームエンジン（？）コロプラでも有名。スマホのドラクエなどもこのゲームエンジンでできているそうです。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/60867ac7-7f0a-50f5-10c6-706ae045727a.png)

2.Cocos2d-x
2Dゲームならcocos2d-x。ディズニーツムツムはCocos2d-xでできているそうです。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/4767f14a-b24a-b8c3-8081-bc85e3541a0a.png)

3.Playground
Klabが独自に開発した2D/2.5Dスマホゲームに特化したゲームエンジン。言語はLua、C+、C++、C#に対応していて、iOS、Androidに対応。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/81ba6318-deae-bf30-53cd-27eef1503877.png)

4.enchant.js
プログラミング学習のために2011年に生まれた2Dゲームエンジン。その最大の特徴は、HTML５＋Javascriptで動かせるということ。ゲーム制作・プログラミング学習の導入に使われることが多いので、デザイナーでもゲーム作りに挑戦してみたい方にオススメ。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/897820cd-1261-7456-4e93-ec4a2f39b7e8.png)

ここまでを比較してみると、あきらかにenchant.jsは敷居が低いといのが感覚的にもわかります。事実、プログラミング学習用として開発されている時点で、小学生向けに教えるにはenchant.jsをまず選ぶのが妥当でしょう!

さて、enchant.jsは以下のような特徴があります。（ホームページより抜粋）
>* 簡単ににゲームやアプリを開発できる HTML5 + JavaScript フレームワーク
>* 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。
>* オープンソース (MITライセンス) で、無料で利用できます。
>* ドキュメント・書籍・チュートリアルサイトが充実しています。
>* たくさんのプラグインで機能を拡張できます。
>* UEI/ARC を中心としたメンバによって開発・メンテナンスされています。
>* プログラミング教育のためにも利用されています。



"HTML+JavaScriptで開発可能だから、ローカル環境で作れば簡単だね!できあがった.jsファイルとindex.htmlをBluemix上にアップすれば簡単!"


事実、そうなんです。・・・・そうなんですが・・・。以下の理由から今回はコーディングからデプロイまでの作業は全てIBM DevOps Servicesを利用することとしました。

* ローカル環境からのデプロイ作業はコマンド操作となり小学生には敷居が高いと感じる
* ローカル環境とサーバー環境を行ったり来たりしながらの作業は混乱するため、統一したい。


それではさっそく作って参りましょう。(MOCO'Sキッチン風に)

1. Bluemixへログインしてみよう
[Bluemix](http://bluemix.net)へログインしてください。
ここでポイントとして言えることは小学生でE-mailアカウントを持っていない子が多いと思いますので、親御さんにアカウントを作ってもらうなどしておいてください。
アカウントの作成方法は[こちら](http://ibm.biz/bluemixfree)


2. Node.jsのサーバーを立ててよう
JavaScriptのアプリケーションなので、Node.jsのランタイム環境をBluemixに用意してあげます。

ログイン画面の上部にあるカタログをクリック。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/9af14e6a-9d1f-b602-c985-0d8111fefe1b.png)

カタログにあるサービス一覧から、「ランタイム」内にあるNode.jsを選択してください。.jsとなっているアイコンです。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/efb41d34-d2e4-c7f2-3a5f-b835a13d05fa.png)

アプリケーション名とホスト名を入れる画面に変わるため、ユニークな名前を入れてください。このホスト名の欄が公開されるURLの一部になります。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/af27ed68-107f-28c4-b603-06adbfa596a4.png)

そのまま作成のアイコンをクリックしてください。
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/19fc070d-2b1a-7e5b-4d15-fbb09c8a6a78.png)

ステージング中という状態になるので、お待ちください。1分〜1分半ほどでクラウド環境にNodejsのサーバー環境が立ち上がります!
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/cfcb3b8f-b716-947e-9865-594bf20c4825.png)

"アプリは稼働しています。"というメッセージがでたら完了です !!
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/ed11d370-6be1-c886-dbb8-5fbf4b34ef05.png)

青字で書かれているURLをクリックしてみてください。"Hi there!"というメッセージがでたらデフォルトのアプリの稼働確認まで完了です!お子様と一緒にこの喜びを味わってください!
![image](https://qiita-image-store.s3.amazonaws.com/0/87213/83bf8769-a3a0-ae01-be3c-dcadbea54f1e.png)


今回はここまで。
次回はDevops Servicesを利用して、Javascriptアプリのデプロイを行なっていきます。

***
Next >>

- [小学生から始めるBluemix初めの一歩（第二回）](http://qiita.com/mxm/items/a02d1e4b5f196c71f091)