酒と泪とRubyとRailsと

Ruby on Rails と Objective-C は酒の肴です!

JSフレームワーク Meteor 入門 & Heroku デプロイまで

10/10に開催された JavaScript Framework - Meteor のハッカソン でいろいろ話を聞いて興味を持ち始めて、Meteorのチュートリアル を触って Heroku に push した時に少しハマったのでメモです。

Meteor は簡単に言うとクライアントもサーバーも一緒にJSで書ける、リアルタイムWebアプリケーションのためのフレームワークのようです。 チュートリアルを触るとわかりますが、SPA(シングルページアプリケーション)が簡単に作れるのは確かに感動ものです。 その代わりにデメリットとして割り切っている部分も多い印象です。

基本的には Meteor の特徴を理解して、「特徴にマッチする」アプリのアイデアがある時に使うことをオススメします。


Meteor 入門

Meteor 入門時に参考になりそうなページはこちら。

Meteor Mac環境構築の手順

MacのMeteorのインストール手順はこれだけ。

1
curl https://install.meteor.com/ | sh

(もしかしたら Node.jsとか、MongoDBのセットアップが必要かも知れません…)

Heroku への公開

公式チュートリアルがすごく良く出来ているので今回は、サンプルアプリができた時にHerokuにプッシュする手順を書いておきます。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
# サンプルアプリの作成(チュートリアルを作成済の場合は省略)
meteor create --example todos

# アプリのプロジェクトフォルダに移動
cd todos

# git リポジトリの作成
git init

# git first commit!
git add . -A
git commit -m "Sample todos app!"

# 一番人気のbuildpackはこちら => https://devcenter.heroku.com/articles/third-party-buildpacks
# 一番人気のbuildpackは、残念ながらnode.jsのバージョンが少し古いので今回はforkしたものを利用
# (0.10.40が必要だか、0.10.36が指定されている)
heroku create --buildpack https://github.com/TFarla/heroku-buildpack-meteor.git

# mongolabのアドオンを追加
heroku addons:create mongolab:sandbox

# MongoDBのURLを設定
heroku config:add MONGO_URL=<insert_value_of_MONGOLAB_URI_here>

# MongoDBのルートURLを設定
heroku config:add ROOT_URL=<insert_url_created_above_here>

# 1つのdynoで動かすための設定
heroku labs:enable http-session-affinity

# Heroku に deploy
git push heroku master

これで、2015/10/12時点ではうまくいきました。多分、Meteorは頻繁にアップデートがあると思うので動かなかったら、 @zunnosukeに声をかけてください!

Meteorのサンプルソース

触り始めたばかりですが、サンプルが結構充実しているので、サンプルを見ながらMeteorの実装を勉強していきたいと思います!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
meteor create --list
Available examples:
  clock
  leaderboard
  localmarket
  simple-todos
  simple-todos-angular
  simple-todos-react
  todos

# こんな感じでサンプルソースを取得できます!
meteor create clock

# github にはここにあります。
https://github.com/meteor/meteor/tree/devel/examples

その他 GitHubで気になったリポジトリです。今度じっくり読んでみます。

リンク集


Speical Thanks

おすすめの書籍