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
@Environment(\.keyPath)那么好我不允许你们不知道！ / atEnvironment keyPath is so good and you should know it!
Avatar for Elvis Shi lovee
0
120
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
1
540
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
Avatar for Tomoya Miwa tomoya0x00
0
1.5k
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
270
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
760
Ruby Parser progress report 2025
Avatar for yui-knk yui_knk
1
440
testingを眺める
Avatar for matumoto matumoto
1
140
print("Hello, World")
Avatar for 高見龍 eddie
2
530
アルテニア コンサル／ＩＴエンジニア向け 採用ピッチ資料
Avatar for ALTENIR altenir
0
110
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
590
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
Avatar for JaiChangPark itsmedreamwalker
0
150
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
240

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k

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