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
1.9k
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
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
280
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
0
330
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
250
「Cursor/Devin全社導入の理想と現実」のその後
Avatar for Ryoichi Saito saitoryc
0
700
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
1.8k
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
400
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
250
iOS 26にアップデートすると実機でのHot Reloadができない？
Avatar for Aoi Umigishi umigishiaoi
0
110
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
0
300
新メンバーも今日から大活躍！SREが支えるスケールし続ける組織のオンボーディング
Avatar for HonMarkHunt honmarkhunt
3
1.4k
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
640
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
1
2.6k

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
400
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
It's Worth the Effort
Avatar for 3n 3n
185
28k

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