Ampersand.jsを使ってみる

Preview:

DESCRIPTION

2014/10/28 ファンタラクティブ・オープンミーティング #2で使用した資料です。

Citation preview

Ampersand.jsを使ってみる

https://funteractive.co.jp/

自己紹介

井村 圭介K E I S U K E I M U R A

ファンタラクティブ株式会社CEOWordPressが大好きです。 Node.js勉強中。@imura_design

http://ampersandjs.com/learn

Homebrew

npm !

!

!

Composer

Bower

Ruby

RubyGems !

!

!Bundler

Node.js PHP

Ampersand.jsをどう使う?

JavaScriptアプリケーションフレームワーク

Ampersand.jsでできること

• ルーティング

• データバインディング:data-hook属性

• イベントハンドリング

Backbone.jsの思想を強く継承

ユーザー

リクエスト

JSONJSフレームワーク

リクエストJS CSS

バックエンド アーキテクチャは何でもOK

Ampersand.jsのいいところ

• ドキュメントが充実

• デフォルトテーマがしっかり作られている

Ampersand.jsの悪いところ

• 現場の情報が少ない

• 枯れていないので急にリニューアルしたり、アップデートがなくなる可能性あり

• 学習コストはある

http://ampersandjs.com/learn

英語の勉強にも最適!

advanced…

• form-viewを使ってUXの高いフォームを作る

• DBと連携する

• Expressと連携する

• PHPフレームワークと連携する