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
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
590
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
590
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
170
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
150
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
100
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
120
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
72
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120

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