Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Learning Ember CLI
Search
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
Satoru Kawahara
July 30, 2014
Tweet
Share
More Decks by Satoru Kawahara
See All by Satoru Kawahara
本当に必要ですか?そのステージング環境〜Web制作を Docker でちょっと便利にしよう〜
esukei
1
290
How to publish Sakura icons-set on Cacoo
esukei
1
2k
Tries for creating a UXD culture
esukei
1
1.7k
Creating a UI Design culture
esukei
2
2.5k
Other Decks in Programming
See All in Programming
クラシルを支える技術と組織
rakutek
0
190
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
460
ソフトウェア設計の実践的な考え方
masuda220
PRO
3
390
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
2
130
XP, Testing and ninja testing ZOZ5
m_seki
2
250
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
880
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
360
Swift Concurrency - 状態監視の罠
objectiveaudio
2
440
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
210
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
140
開発生産性を上げるための生成AI活用術
starfish719
1
150
パフォーマンスチューニングで Web 技術を深掘り直す
progfay
18
4.9k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
How to train your dragon (web standard)
notwaldorf
96
6.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
RailsConf 2023
tenderlove
30
1.2k
Done Done
chrislema
185
16k
Code Reviewing Like a Champion
maltzj
525
40k
How to Ace a Technical Interview
jacobian
280
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Transcript
-FBSOJOH&NCFS$-* &NCFSKT5PLZP.FFUVQ!4",63"*OUFSOFU CZ!FTVLFJ 4BUPSV,BXBIBSB
&NCFS$-*
IUUQXXXFNCFSDMJDPN “The command line interface for ambitious web applications.”
node -v v0.10.x npm install -g bower npm install -g
phantomjs 1SFSFRVJTJUFT
npm install -g ember-cli *OTUBMMBUJPO
ember new ember generate ember serve ember test ember build
$PNNBOET
ember new <app-name> <options...> (FOFSBUFTBO"QQMJDBUJPO4USVDUVSF
'PMEFSMBZPVU app/ &NCFSBQQDPEFT dist/ EJTUSJCVUFTZPVSBQQ public/ TUBUJDBTTFUT JNBHFT GPOUT tests/
UFTUDPEFT tmp/ UFNQPSBSZ vendor/ CPXFSDPNQPOFOUT .jshintrc .gitignore Brocfile.js CVJMETQFDJDBUJPOGPS#SPDDPMJ bower.json package.json
'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST
app/components/ app/controllers/ app/helpers/ app/routes/ app/views/
ember generate <generator-name> <options...> (FOFSBUFTBTQFDJD&NCFS0CKFDU 3PVUF $POUSPMMFS .PEFM
ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT 3VOBMJWFSFMPBE
ember test 3VOBUFTU 2VOJU
ember build #VJMEZPVSBQQ
"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/*
DPNNBOETBSF7&3:6TFGVM #VU ember
5IFSFBTPOXIZ*VTF&NCFS$-* JT
.PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO
&4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS
3FTPMWFS/BNJOH$POWFOUJPO
8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU
&NCFSKTXBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });
&NCFS$-*XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model:
function () {}; }); "OE
4BWFBT app/controllers/post/comments/index.js
/BNJOH$POWFOUJPOTGPS'JMFOBNF
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
Ԩ "WPJEHMPCBMWBSJBCMFT Ԩ "WPJEUPPMPOHWBSJBCMFTˏOBNF Ԩ &BTZUP3FGBDUPS Ԩ ,FFQTUSVDUVSF$MFBO
JT .03& UIBO KVTUB$-* &NCFS$-*
IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP,
use at your own risk.” 8"3/*/(