Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Learning Ember CLI

Avatar for Satoru Kawahara Satoru Kawahara
July 30, 2014
Programming
4
850

Learning Ember CLI

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

Avatar for Satoru Kawahara

Satoru Kawahara

July 30, 2014
Tweet

More Decks by Satoru Kawahara

See All by Satoru Kawahara
本当に必要ですか？そのステージング環境〜Web制作を Docker でちょっと便利にしよう〜
Avatar for Satoru Kawahara esukei
1
290
How to publish Sakura icons-set on Cacoo
Avatar for Satoru Kawahara esukei
1
2k
Tries for creating a UXD culture
Avatar for Satoru Kawahara esukei
1
1.7k
Creating a UI Design culture
Avatar for Satoru Kawahara esukei
2
2.5k

Other Decks in Programming

See All in Programming
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
690
ソフトウェア設計の実践的な考え方
Avatar for 増田 亨 masuda220
PRO
4
590
TFLintカスタムプラグインで始める Terraformコード品質管理
Avatar for bells17 bells17
2
190
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
150
Writing Better Go: Lessons from 10 Code Reviews
Avatar for Konrad Reiche konradreiche
0
1.3k
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
510
CSC305 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
570
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
910
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
2
580
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
230
Software Architecture
Avatar for Henning Schwentner hschwentner
6
2.3k

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.3k
Fireside Chat
Avatar for paigeccino paigeccino
40
3.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
61k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k

Transcript

  1. -FBSOJOH&NCFS$-* &NCFSKT5PLZP.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...> (FOFSBUFTBO"QQMJDBUJPO4USVDUVSF

  8. 'PMEFSMBZPVU app/ &NCFSBQQDPEFT dist/ EJTUSJCVUFTZPVSBQQ public/ TUBUJDBTTFUT JNBHFT GPOUT tests/

    UFTUDPEFT tmp/ UFNQPSBSZ vendor/ CPXFSDPNQPOFOUT .jshintrc .gitignore Brocfile.js CVJMETQFDJDBUJPOGPS#SPDDPMJ bower.json package.json

  9. 'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST

    app/components/ app/controllers/ app/helpers/ app/routes/ app/views/

  10. ember generate <generator-name> <options...> (FOFSBUFTBTQFDJD&NCFS0CKFDU 3PVUF $POUSPMMFS .PEFM

  11. ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT  3VOBMJWFSFMPBE

  12. ember test 3VOBUFTU 2VOJU

  13. ember build #VJMEZPVSBQQ

  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. DPNNBOETBSF7&3:6TFGVM #VU ember

  16. 5IFSFBTPOXIZ*VTF&NCFS$-* JT

  17. .PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO

  18. &4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS

  19. 3FTPMWFS/BNJOH$POWFOUJPO

  20. 8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU

  21. &NCFSKTXBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });

  22. &NCFS$-*XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model:

    function () {}; }); "OE

  23. 4BWFBT app/controllers/post/comments/index.js

  24. /BNJOH$POWFOUJPOTGPS'JMFOBNF

  25. NBLFTJUFBTZ 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. Ԩ "WPJEHMPCBMWBSJBCMFT Ԩ "WPJEUPPMPOHWBSJBCMFTˏOBNF Ԩ &BTZUP3FGBDUPS Ԩ ,FFQTUSVDUVSF$MFBO

  27. JT .03& UIBO KVTUB$-* &NCFS$-*

  28. IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP,

    use at your own risk.” 8"3/*/(