Meteorすごい - 標高+1m

みなさんこんにちは。

最近僕のfeedlyにMeteorの記事がいくつか流れてきたので、気になって使ってみました。

MeteorはJavaScriptのフルスタックWebフレームワークです。詳しい説明はこちらの連載がわかりやすかったです。体感！JavaScriptで超速アプリケーション開発－Meteor完全解説：連載｜gihyo.jp … 技術評論社

僕が感動した点だけ書きます。

プラグイン

サードパーティのライブラリはnpmのものも使えるようですが、Meteor用のプラグインがいくつか用意されています。プラグインはとても親切で、例えばmeteor add coffeescriptとかすればその時からコードの結合、サーバの再起動、ブラウザリフレッシュのフローに.coffeeファイルのコンパイルを挟んでくれます。

他にも、twitter、facebook、google、githubなんかのメジャーどこのOAuthをテンプレートタグ一個埋めるだけでできるようにしてくれるプラグインがあったりします。しかもこれ、OAuthの設定用にGUIが用意されます。

<template name="foo">
  {{loginButtons}}
</template>

DB

今のところDBのサポートはMongoDBだけなんですが、MongoDBのAPIもMeteor.Collectionによって厳重にラップされて、非常に簡単に扱えるようになっています。あと、後述しますがクライアントからDBに直結したMeteor.Collectionをいじれるのすごいです。ViewからModelを直接見れるのでらくちんです。

<template name="bar">
  <ul>
  {{#each users}}
    <li>{{this.profile.name}}</li>
  {{/each}}
  </ul>
</template>

Template.foo.users = -> Meteor.users.find {}

Model(DB上のデータ)が変わるとテンプレートが走ってViewが自動的に更新されるので、オブザーバパターンでModelの変更を見てjQueryでDOMをいじるみたいな従来のちまちました作業は全く必要なくなります。つまりViewはhandlebarsテンプレートだけで完結します。

サーバ

個人的に一番感動しているのは、サーバ側のコードがとても簡単に済むところです。Meteorではクライアントからサーバにある関数を呼び出せたり、クライアントのコードから直接DBのデータをいじれるので、Web APIを作る必要がなくなります。

普通のAPIサーバで、あるAPIを作るときは

URLを決めて
コントローラでリクエストを解釈して、モデルを呼んで
モデルがDBからデータを取ってきて加工して (またはその逆)
モデルの返り値をコントローラがJSONに丸めて返す

おおまかにこんな手順を踏むと思いますが、Meteorでは③の関数を一個書くだけでお仕舞です。これは開発スピードの向上にかなり貢献していると思います。JSON拡張のEJSONていうのをWebSocketに乗せてるっぽいです。

#普通なら

### サーバ ###

findUsers = (sel, opt, f) ->
  DB.users.find sel, opt, (err, result) -> f (gonyogonyo result) unless err

app.get "/users" (req, res) ->
  {selector, option} = gonyogonyo(req) #リクエストの解釈
  findUsers selector, option, (err, result) -> res.send(result)


### クライアント ###
Users.fetch()

Users.on "add", (x) -> #...

#Meteorなら

### サーバー ###

Meteor.methods
  findUsers: (sel, opt) -> gonyogonyo (Users.find sel, opt)

### クライアント ###
Meteor.call "findUsers", {}, {limit: 10}, (err, result) -> #...

#究極的にはサーバ側用のコードはいらない