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
860

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
300
How to publish Sakura icons-set on Cacoo
Avatar for Satoru Kawahara esukei
1
2.1k
Tries for creating a UXD culture
Avatar for Satoru Kawahara esukei
1
1.8k
Creating a UI Design culture
Avatar for Satoru Kawahara esukei
2
2.6k

Other Decks in Programming

See All in Programming
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
390
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
110
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
600
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
830
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170

Featured

See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
72
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
220
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
200
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k

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/*/(