「zephyr」の版間の差分
提供: Eospedia
(→インストール) |
|||
行1: | 行1: | ||
= インストール = | = インストール = | ||
+ | == Node.js(v4.2.4)のインストール == | ||
+ | Node.jsのバージョン管理システムnvmを用いてインストールする。(https://github.com/creationix/nvm) | ||
+ | # nvmのインストール | ||
+ | $ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash | ||
+ | $ source .bashrc | ||
+ | # Node.js(v4.2.4)のインストール | ||
+ | $ nvm install v4.2.4 | ||
+ | |||
+ | # .bashrcに追記 | ||
+ | $ echo nvm use 4.2.4 >> ~/.bashrc | ||
+ | |||
+ | |||
+ | == Zephyrのインストール == | ||
+ | $ git clone git://git.osdn.jp/gitroot/eos/zephyr.git | ||
+ | $ cd zephyr | ||
+ | |||
+ | # 必要なnpmのパッケージをインストール | ||
+ | $ npm install | ||
+ | |||
+ | # .bashrcに追記し、PATHを通す | ||
+ | $ echo export PATH=/path/to/zephyr/node_modules/.bin:/path/to/zephyr/bin:$PATH >> ~/.bashrc | ||
+ | $ echo export ZEPHYR_HOME=/path/to/zephyr >> ~/.bashrc | ||
= ドキュメントAPI = | = ドキュメントAPI = |
2016年1月18日 (月) 10:08時点における版
目次
インストール
Node.js(v4.2.4)のインストール
Node.jsのバージョン管理システムnvmを用いてインストールする。(https://github.com/creationix/nvm)
# nvmのインストール $ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash $ source .bashrc
# Node.js(v4.2.4)のインストール $ nvm install v4.2.4 # .bashrcに追記 $ echo nvm use 4.2.4 >> ~/.bashrc
Zephyrのインストール
$ git clone git://git.osdn.jp/gitroot/eos/zephyr.git $ cd zephyr
# 必要なnpmのパッケージをインストール $ npm install
# .bashrcに追記し、PATHを通す $ echo export PATH=/path/to/zephyr/node_modules/.bin:/path/to/zephyr/bin:$PATH >> ~/.bashrc $ echo export ZEPHYR_HOME=/path/to/zephyr >> ~/.bashrc
ドキュメントAPI
参考にしたWebサイト
AngularJS と TypeScript
- 【AngularJS x TypeScript デザインパターン】 Controller と Routing 篇 - AngularJS + TypeScript #4
- TypeScriptで書くAngularJSのMVC
- How to use angular-ui-bootstrap (modals) in typescript?
AngularJS
Webpack
AngularJS と Webpack
TypeScriptとWebpack
TypeScript
問題点
- UIの機能のコンポーネント化できてない
- メインページのcontrollerにベタ書きしているので、密結合になっている。
- 機能追加や修正に時間を要してしまう。
- ライブラリの管理
- パッケージ管理システムによる管理を整えられていない。
- ユーザに配布する際に、自動で環境を整えることができない。
- 機能追加の際のプロセス・ワークフローを構築できていない。
- 今は自分以外の人が開発しようとすると、ソースを全部読まないといけない。
- 各機能を疎結合にする+開発プロセス決めることで、自分の開発も効率化できる。
- APIドキュメントがない
- JSDoc等を使ってドキュメントが生成されるようにすべき。
- JSDocでドキュメントが作れるように設計することで、システムの見通しもよくなるはず。
解決策のアイデア
- AngularJSのCommonJS?的な使い方探す(Browserify, Bowerを使う)
- ディレクティブを細かく作る。特に、コマンド実行の部分。
- ページ遷移の際の、REST APIの呼び出しはresolveに押し込む。