Learning Ember CLI

Summary of Ember CLI and the reason why I choose Ember CLI.
@ Ember.js Tokyo Meetup 2014-07-30

Transcript

1. -FBSOJOH
   &NCFS
   $-* &NCFSKT
   5PLZP
   .FFUVQ
   
   !
   4",63"
   *OUFSOFU
   CZ
   !FTVLFJ
   
   4BUPSV
   ,BXBIBSB
   
2. &NCFS
   $-*
3. IUUQXXXFNCFSDMJDPN “The command line interface for ambitious web applications.”
4. node -v v0.10.x npm install -g bower npm install -g phantomjs 1SFSFRVJTJUFT
5. npm install -g ember-cli *OTUBMMBUJPO
6. ember new ember generate ember serve ember test ember build $PNNBOET
7. ember new <app-name> <options...> (FOFSBUFT
   BO
   "QQMJDBUJPO
   4USVDUVSF
8. 'PMEFS
   MBZPVU app/ &NCFS
   BQQ
   DPEFT dist/ EJTUSJCVUFT
   ZPVS
   BQQ public/ TUBUJD
   BTTFUT JNBHFT
   GPOUT tests/ UFTU
   DPEFT tmp/ UFNQPSBSZ vendor/ CPXFS
   DPNQPOFOUT .jshintrc .gitignore Brocfile.js CVJME
   TQFDJDBUJPO
   GPS
   #SPDDPMJ bower.json package.json
9. 'PMEFS
   MBZPVU
   XJUIJO
   BQQ app/app.js FOUSZ
   QPJOU app/index.html app/router.js SPVUF
   DPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST app/components/ app/controllers/ app/helpers/ app/routes/ app/views/
10. ember generate <generator-name> <options...> (FOFSBUFT
    B
    TQFDJD
    &NCFS
    0CKFDU
    3PVUF
    $POUSPMMFS
    .PEFM
11. ember serve #VJME
    ZPVS
    BQQ
    3VO
    B
    MPDBM
    TFSWFS
    FYQSFTT
    3VO
    B
    MJWFSFMPBE
12. ember test 3VO
    B
    UFTU
    2VOJU
13. ember build #VJME
    ZPVS
    BQQ
14. "TTFU
    $PNQJMBUJPO app/styles/app.{css,less,sass} assets/<app-name>.css app/**/*.js assets/<app-name>.js app.import(‘*.css’) assets/vendor.css app.import(‘*.js’) assets/vendor.js public/assets/* assets/*
15. 
    
    
    
    
    
    
    
    
    
    
    
    
    
    DPNNBOET
    BSF
    7&3:
    6TFGVM
    #VU ember
16. 5IF
    SFBTPO
    XIZ
    *
    VTF
    &NCFS
    $-*
    JT
17. .PEVMFT
    3FTPMWFS
    /BNJOH
    $POWFOUJPO
18. &4
    NPEVMF
    TZOUBY
    &4
    .PEVMF
    5SBOTQJMFS
19. 3FTPMWFS
    
    /BNJOH
    $POWFOUJPO
20. 8IFO
    ZPV
    XBOU
    UP
    DSFBUF
    B
    DPOUSPMMFS
    GPS
    *OEFY
    QBHF
    PG
    $PNNFOUT
    GPS
    B
    1PTU
21. &NCFSKT
    XBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });
22. &NCFS
    $-*
    XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model: function () {}; }); "OE
23. 4BWF
    BT app/controllers/post/comments/index.js
24. /BNJOH
    $POWFOUJPOT
    GPS
    'JMFOBNF
25. NBLFT
    JU
    FBTZ ember generate ember generate controller post/comments/index create app/controllers/post/comments/index.js create tests/unit/controllers/post/comments/index-test.js
26. Ԩ "WPJE
    HMPCBM
    WBSJBCMFT
    Ԩ "WPJE
    UPP
    MPOH
    WBSJBCMFTˏ
    OBNF
    Ԩ &BTZ
    UP
    3FGBDUPS
    Ԩ ,FFQ
    TUSVDUVSF
    $MFBO
27. 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    JT
    .03&
    UIBO
    KVTU
    B
    $-* &NCFS
    $-*
28. IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP, use at your own risk.” 8"3/*/(