AMD basic and practice

896 views
817 views

Published on

Published in: Business, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
896
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

AMD basic and practice

  1. 1. AMD basic & practice 2013.11.11 HTML5 Caravan Tokyo Bathtimefish 村岡 正和
  2. 2. むらおか まさかず 村岡正和 @bathtimefish Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jp
  3. 3. 監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
  4. 4. JavaScript
  5. 5. Suited to Large-scale dev?
  6. 6. JS disable import | “include” | “require”..
  7. 7. JS Java etc.. moduleA() main() moduleB() ..... main() import(a) moduleA() import(b) moduleB()
  8. 8. Hard to inherit... & OOP
  9. 9. AMD Asynchronous Module Definition
  10. 10. https://github.com/amdjs/amdjs-api/wiki/AMD
  11. 11. AMD API • • • ID base module management loading asynchronously difining module dependencies
  12. 12. implementation..
  13. 13. http://requirejs.org/
  14. 14. requirejs features • • • • AMD using require API cross-platform browser / node.js includeing optimization tool r.js
  15. 15. Demonstration
  16. 16. http://yeoman.io/
  17. 17. http://www.slideshare.net/bathtimefish/yeoman-html5-web20130424-2
  18. 18. https://github.com/yeoman/generator-webapp
  19. 19. main.js modules location dependencies require callback
  20. 20. app.js define callback
  21. 21. use jQuery in app.js
  22. 22. requirejs for multipage
  23. 23. https://github.com/robdodson/requirejs-multipage-shim-tutorial
  24. 24. in Yeoman https://gist.github.com/bathtimefish/7080839
  25. 25. Thanks!

×