AMD

2013.11.11 HTML5 Caravan TokyoBathtimefish 村岡 正和

basic & practice

HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバーGDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など

むらおか　まさかず

村岡正和

HTML5-WEST.jp

Webアプリケーション開発　IT業務システム設計/開発Webサービス導入/事業戦略コンサルティング

@bathtimefish

監修しました。

実例ごとの実装例がたくさん書いてあります。ウェブサイト制作やCMSの運用時に便利です。

好評販売中！！

JavaScript

Suited to Large-scale dev?

JS disable “import”

| “include” | “require”..

Java etc..JS

import(a) import(b)

main()

moduleA() moduleB()

moduleA()

moduleB()

.....

main()

Hard to inherit... & OOP

AMDAsynchronous Module Definition

https://github.com/amdjs/amdjs-api/wiki/AMD

AMD API

• ID base module management

• loading asynchronously

• difining module dependencies

implementation..

http://requirejs.org/

requirejs features

• AMD

• using require API

• cross-platform browser / node.js

• includeing optimization tool r.js

Demonstration

http://yeoman.io/

http://www.slideshare.net/bathtimefish/yeoman-html5-web20130424-2

https://github.com/yeoman/generator-webapp

main.js

modules location

dependencies

require callback

app.js

define callback

use jQuery in app.js

requirejs for multipage

https://github.com/robdodson/requirejs-multipage-shim-tutorial

in Yeoman

https://gist.github.com/bathtimefish/7080839

Thanks!