2014-01-14

Marionette.js を使ってみる準備

先日見つけたブログ記事を見ながら、Marionette.js を使ってみる準備をした

Marionette.js(Backbone.js)のチュートリアル with yeoman その１(準備からサーバー側実装まで)

nodebrew をインストール

$ curl -L git.io/nodebrew | perl - setup
$ nodebrew install v0.10.24
$ nodebrew use v0.10.24

http://nodejs.org/ によると、今現在のcurrent versionが v0.10.24 だったのでこれにした。

よく使いそうな grunt と yomen おじさんをインストール

$ npm install -g grunt yo

ここからようやく Marionette

yomen の generator をインストールする

$ yo
[?] What would you like to do?  
> Install a generator
[?] Search NPM for generators: 
> Marionette
[?] Here's what I found. Install one? 
> generator-marionette
[?] What would you like to do? 
> Run the Marionette generator (0.1.5)
     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

こんなおじさんが出てくる。

ログがだーーーーっと流れていく中に、Error. って見えた。

mocha-amd が必要なようだ。先に yo コマンドで generator-mocha-amd をインストールしておく

さらに、mongodbとphantomもインストール

$ brew install mongodb
$ brew install phantomjs

Macに直接mongodb入れるのはちょっと、、、と思いつつも、そんなところでハマリポイントになるのも辛いので、つべこべ言わずに入れておいた。不要になったら消す。

もう一度やり直したら、エラーも出なく最後までインストールを終えた。

  3 tests complete (222 ms)

pre-build test passed successfully, skipping build...

お、テストも通ってる。

2014-01-14

Spika-Server の処理を追ってみるその後

etc/app.php でurlに対するコントローラーを登録
src/Spika/UserController.php の各メソッドでその下の階層のpathに対する挙動が設定されている
他のコントローラーではメソッド分けせずに、connect() にベタ書きしているものもあり、このあたりは統一されていないようだ。

src/Spika/Db/CouchDb.php にCouchDBへのアクセスはまとめられている。

CouchDB に対してHTTPでアクセスしているところまでは理解したが、
例えばメールアドレスからユーザーを探す箇所が、どうしてこういうパスになるのか、理解できなかった。CouchDBを使うときの決まり文句なのか、Spikaの独自ルールなのか？

$this->couchDBURL . "/_design/app/_view/find_user_by_email?key=" . $emailQuery

デバッグ用にDebugController を新設して、自分でCouchDBとのデータやりとりも見よう見まねで書いてみた。

$controllers->get('/user', function (Request $request) use ($app, $self) {

        $output = "デバッグ画面";
        $output .= "<pre>";

        $email = "<メールアドレス>";

        $Result = $app['spikadb']->findUserByEmail($email);
        $output .= print_r($Result, true);

        $output .= "</pre>";
        return $output;
});

最後、return した文字列が画面に表示される。デバッグ目的だったのであればこれで十分。
ちゃんとHTMLで画面を作りたい場合は、twigを使うこともできる。

Futon というツールを使うとブラウザで中のツールが見られるのだけど、これも使うのが今回が初めて。

http://localhost:5984/_utils/

SpikaServerからアクセスすると自分のユーザー情報は取得できたものの、Futon 画面上からそのデータにたどり着くことができなかった。 CouchDBのデータ構造上こうなるんだろうな、と予想ついたけど、PhpMyAdminのように簡単にはいかなかった。ここはまだまだ勉強不足。

Spika作者のブログを見ると、DB接続部分は大幅な改修が行われているようだ。MySQLで使えるようになるようなので今後に期待したい。

SPIKA近況 - ヨーロッパで働く社長のブログ

本業が忙しいようで、Spika-Server は最後の更新が22日前、MySQL（PDOになるのかな？）関係のコミットはまだ上がっていないようだ。

MySQLが使えるようになったら、本気出す！

2014-01-13

Spika-Server のユーザー認証処理を追ってみる

https://github.com/cloverstudio/Spika-Server

AndroidもiOSも、エミュレータ上ではアプリが起動するところまで出来たので、ログインしようとするも認証が失敗してしまう。
仕方ないので、サーバー側のソースコードを読んでみる。

CouchDB を使うのは今回が初めて。標準(?)のGUIツールはここにある。
※Vagrantfile にポート転送の設定が書いてあるので localhost で指定する

http://localhost:5984/_utils/

関係ファイル

init.php
- CouchDB 接続先設定
src/Spika/Controller/ 以下のコントローラーファイル郡
- 各url に対する挙動が設定されている
- InstallerController.php
  - wwwroot/install にアクセスした時の処理、初期ユーザーを1人作成される
- UserController.php ユーザー関連のコントローラーで、ログイン認証もここ
  - wwwroot/install にアクセスした時の処理
src/Spika/Db/CouchDb.php
- コントローラーから呼んでいる CouchDBの処理が書かてれいる
logs/debug.log
- ログファイル

処理

PHP の Silex というフレームワークが使われている。
symfony2 のコンポーネントが多数使われている。

UserController::setupAuthMethod() 認証処理のendpoint

$authResult = $app['spikadb']->doSpikaAuth($email,$password);
// -> CouchDb::doSpikaAuth($email,$password) が呼ばれる

2014-01-09

オープンソースのメッセンジャープロジェクト Spika

技術・勉強メモ

MITライセンス

公式サイト

http://spikaapp.com/ja/

ソースコード

Spika-Server
- Silex
Spika-iOS
- iOSネイティブアプリ
Spika-Android
- Androidネイティブアプリ

作者のブログ

ニュース系

世界初メッセンジャーアプリ「Spika」を完全オープンソースで公開、フロントからバックエンドまで提供【増田 @maskin】 : TechWave
世界初・完全オープンソースのメッセンジャーアプリ『Spika』にE-Tridentが対応～監視機能付きのメッセンジャー機能の提供開始～

(前略)「Spika」に、学習型AI機能搭載の投稿監視システム「E-Trident」の接続を開始いたしました。「Spika」は単純な1対1のメッセンジャー機能だけでなく、グループチャットや、掲示板のような利用が可能な公開チャット機能など、多数のコミュニティ機能を備えております。そして企業が「Spika」の導入を検討する際には、バックヤードの管理機能整備が必要になると想定されております。この度、多数のコミュニティサイトとAPI連携し、Movable TypeなどのCMSのプラグイン連携を実現している「E-trident」を「Spika」に対応させることで、簡単に監視機能を備えた「Spika」をご利用いただくことが可能となります。

はてなブログ（比較表） http://d.hatena.ne.jp/guide/plus

2014-01-09

Marionette.js

技術・勉強メモ

http://marionettejs.com/

経緯

もともと、Backbone.js をやった時に記述量が多くてつらい思いをしていたのと、Backbone.js の上に被せるライブラリがいくつかあるという話を見かけたことがあって、導入を検討してみたいと思っていた。

このブログ記事を読んで、Marionette.js の存在を知り、調べてみた。

https://twitter.com/tek_koc/status/420346715640569858

ググって見つけたのがこのブログ

introduction to Marionette.js (jscafe14) from Ryuma Tsukano

このスライドを読んで、わかったような気になったところ。
Backbone.js を使っててどうやったら良いのかモヤモヤしていたところが、Marionette.js で少し解決できそうな気がした。
簡単なもの作ってみよう。

2013-12-18

Macのドキュメント検索アプリ、Dash.app が便利

Dash.app

Dash.app

Dash.app は Mac で動く Developer 向けドキュメントを素早く検索するためのアプリ。
Docset を Download しておけばオフラインでも開けるので、インターネット環境が無いときや公式マニュアルサイトが障害時にも使うことができます。
対応言語/ライブラリの数もかなり多くて、メジャーなものはわりと揃っているように見えます。
頻繁にアップデートされていて今後も増えていくでしょう。
Dockset のバージョンアップもかなり対応早く、起動すると自動で Download 済みの Dockset が Update されるので、そこでライブラリ等のバージョンアップを知ることも多いです。

独自 Docset を追加する方法も公開されていて、非公開ライブラリを自分で追加することもできるようです。