RxJSの練習のための環境

RxJSの練習 - Qiita がいいなと思ったので、それをするための環境を作るスクリプトを書いてみた。

RxJSのリポジトリ

• https://github.com/Reactive-Extensions/RxJS

リアクティブプログラミングについては以下の記事がわかりやすい

• http://ninjinkun.hatenablog.com/entry/introrxja
• http://system.blog.uuum.jp/entry/%E3%83%AA%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%B8%E3%81%AE%E7%90%86%E8%A7%A3%E3%81%8C%E3%82%A4%E3%83%9E%E3%82%A4%E3%83%81%E3%81%A0%E3%81%A3

導入

node 前提

# rxjs のインストール
npm install -g rx

# ターミナルで ES6 (ES2015) のスクリプトを試すのに便利
npm install -g babel-cli

スクリプト

簡単に構成を自動化するスクリプトを書く

rxgen.sh

#!/bin/bash

CMDNAME=`basename $0`
if [ $# -ne 1 ]; then
    echo "Usage: $CMDNAME project_name" 1>&2
    exit 1
fi

# 新規ディレクトリの作成
if [ -f $1 ]; then
   echo "$1 is exits" 1>&2
   exit 1
fi
mkdir $1 && cd $1

# package.json の記述
cat > package.json <<EOF
{
  "name" : "$1",
  "version" : "0.0.1",
  "description" : "",
  "scripts": {
    "start" : "babel-node app.js --presets es2015-node"
  },
  "babel": {
    "presets": ["es2015-node"]
  }
}

EOF

# npm install の実行
npm install --save-dev rx
npm install --save-dev babel-preset-es2015-node@6
npm install --save-dev rxjs
npm install --save-dev rx-dom

# app.js の生成
cat > app.js <<EOF
import Rx from 'rxjs/Rx';

// write your code under this line !!

EOF

# ディレクトリを抜ける
cd ../

これを使ってサクッと作業ディレクトリを作成する

./rxgen.sh rxtutorial

運用

app.js にメインコードを書く。
npm start でコンソール上でRxが動く。

以上