Ruby on Rails Kickstart 101 & 102

Ruby on Rails Kickstart 101 & 102.
Presentation file for NCCU Trend Tech Club.

Transcript

1. Ruby on Rails #101 伛猋絑ह
2. ౯襑ᥝՋ讕牫 1. 螞ਝ POSIX 秂伛ጱ֢禂羬翄 (ֺই Mac OS X ౲ Linux) 2. HTML, CSS/SASS, 膏 JavaScript/CoffeeScript ጱፘ橕Ꭳ蘷
3. Windows牧笔
4. Cloud9 娄Ӥ IDE 䒻眅薹究Ӟ獥㺔氂牧ᴻԧ翕᪠䥁娄...
5. 虏౯㮉樄তމ 1. 戢㲘Ӟ㮆 GitHub ጱ癱蒈 2. 犥 GitHub 癱蒈ጭ獈 Cloud9 • ୌ捍ֵአ Google Chrome • 櫒簁౯፥ጱ፥ጱ盄懵玬 Google Chrome 牧֕ Cloud9 磧蜱 ጱๅ碝盅胼䄪ਠ碉咳䠁ۑ胼ጱ犲Ԓݝ磪 Google Chrome 3. ୌ缏Ӟ㮆 Private workspace 牧觊ࣳ螡 Custom
6. ౯䨝䋊کՋ讕牫 • ୌ缏Ӟ㮆 Ruby on Rails 䌕礯
7. suspenders thoughtbot 禛虄ڊߝ
8. ਞ蕕 suspenders 1. ਞ蕕 Ruby 2.2.3 (Ruby 磧碝粚๜) 2. ਞ蕕஠ᥝጱፘ狅௔ॺկ 3. ਞ蕕 suspenders
9. ਞ蕕 suspenders (媲) # 傶ԧ Capybara WebKit ਞ蕕஠ᥝጱፘ狅௔ॺկ # 犋䁆ᤈ蝡Ӟྍࣁਞ蕕 suspenders ጱ碻狡䨝ڊ㺔氂 $ sudo apt-get install qt5-default libqt5webkit5-dev # ਞ蕕ፓ獮 suspenders ᥝ穩ጱ磧犵 Ruby 粚๜ $ rvm install 2.2.3 # ޞ藗羬翄ֵአ㴄㴄ਞ蕕ጱ Ruby 粚๜ᘒ犋ฎ羬翄獉ୌጱ Ruby 粚๜ $ rvm use --default 2.2.3 # ਞ蕕 suspenders $ gem install suspenders
10. 碝ी Ruby on Rails 䌕礯 1. ֵአ suspenders 碝ी䌕礯 2. 犥 SQLite3 玲դ PostgreSQL • Cloud9 Ӥ犋অਞ蕕 PostgreSQL 3. 犥 .sample.env 傶萠๜ୌ缏絑ह虋碍戔ਧ䲆礯 .env
11. ֵአ suspenders 碝ी䌕礯 $ suspenders demo --database sqlite3 • 疥 demo 硬౮֦ጱ䌕礯ݷ圸 • 蝡㮆瞲犤䛑扗䨝०硻牧ࢩ傶螭䷱磪ਞ蕕ಅ磪஠ᥝጱፘ狅௔ॺկ
12. 犥 SQLite3 玲դ PostgreSQL group :development do ... gem "sqlite3" ... end 1. ಑樄 Gemfile 2. 疥 sqlite3 碝ीک :development ᗭ奲愊ᶎ 3. cd ک䌕礯虻碘䄸 4. 䁆ᤈ bundle 瞲犤
13. 絑ह虋碍牫 • ౯㮉磪碻狡䨝疩獈Ӟ犚ᒫӣො๐率牧ֺই AWS • ᘒ犢㮉蝢ଉ䨝൉׀Ӟ奲 application ID 膏 secret key 妔౯㮉Ԁ 蝫犢㮉ጱ๐率 (觊犲癱蒈/ੂ嘨ጱ禊盢) • ֕蝡奲䚣挨犋胼硯ࣁ纷ୗ嘨愊牧ࢩ傶蝡ฎӞկ覍ଉܧ檺ጱԪ • ಅ犥౯㮉಩蝡犚硵眤虻碘硯ࣁ絑ह虋碍愊牧膏纷ୗ嘨玟獤樄㬵
14. GitHub 硌獅膊恝疏樄咳Ո㹓ᰂ槄क़丽 10 獤楮牧AWS 癱蒈泷Ӥ ᤩ緱አ 6500 聅ز牦 http://www.ithome.com.tw/news/98497
15. 絑ह虋碍戔ਧ䲆萠๜ .sample.env # http://ddollar.github.com/foreman/ ASSET_HOST=localhost:3000 APPLICATION_HOST=localhost:3000 RACK_ENV=development SECRET_KEY_BASE=development_secret EXECJS_RUNTIME=Node
16. 絑ह虋碍戔ਧ䲆萠๜ .sample.env (媲) • ASSET_HOST: 硯瑽粙牏 CSS 䲆礯牏 JavaScript 䲆礯ጱԆ秚֖ ᗝ牐ইຎ翕ᒊ磪ֵአ CDN (Content Distribution Network) 磪 ݢ胼䨝ฎ膏䛑አ纷ୗ犋ݶጱԆ秚牐 • APPLICATION_HOST: 䛑አ纷ୗጱԆ秚֖࣎牐 • RAKE_ENV: Ruby on Rails አ㬵玟獤樄咳 development 牏介手 testing 膏ྋୗӤ娄 production ጱ絑ह虋碍牐妃䌘犋胼ࣁӤ 娄絑हӾֵአ樄咳秇ୗ牐
17. 絑ह虋碍戔ਧ䲆萠๜ .sample.env (媲) • SECRET_KEY_BASE: Ruby on Rails አ㬵䒻ੂ嘨ےੂጱ烡૬牧䔶 篇ୌ捍蝚螂 rake secret 瞲犤叨ኞ • EXECJS_RUNTIME: አ㬵䁆ᤈ JavaScript 脻๜ጱ䁆ᤈ୚砻牧ֺই SASS (翥捌౮ CSS) ౲ CoffeeScript (翥捌౮ JavaScript) ጱ翥 捌纷ୗ
18. 犥 .sample.env 傶萠๜ୌ缏絑ह虋碍戔 ਧ䲆礯 .env # 蕦蕣萠๜䲆礯 $ cp .sample.env .env # 叨ኞ̿烡૬̀㪔಩̿烡૬̀蕦蕣ӥ㬵 $ rake secret # ಑樄 .env 㪔ࣁ SECRET_KEY_BASE 盅ᶎ揳Ӥ̿烡૬̀ # 虏 SECRET_KEY_BASE=development_secret # 虋౮ SECRET_KEY_BASE=XXXXXX ጱ䰬ৼ
19. 珸㵕 Ruby on Rails ֑๐瑊 $ rails server -b $IP -p $PORT • server: 䁆ᤈ Ruby on Rails ֑๐瑊 • -b: 瞲ਧ IP ֖࣎ • $IP: ℂ絑ह虋碍玲஑ IP ֖࣎ • -p: 瞲ਧ蝫矑ओ • $PORT: ℂ絑ह虋碍玲஑蝫矑ओ蒈
20. य़ۑޞ౮ ইຎ֦፡ک蝡㮆向ᶎ牧դ蔭֦౮ۑԧ
21. One more thing 螭磪ӞկԪ
22. ਞ蕕 simple_form Forms made easy for Rails! It's tied to a simple DSL, with no opinion on markup rails generate simple_form:install --bootstrap • generate 叨ኞ simple_form gem ጱ戔ਧ䲆 • --bootstrap 膏 Twitter Bootstrap 碉ݳ
23. End of Ruby on Rails #101
24. Ruby on Rails #102 ୌ缏覌眲殷ᶎ
25. High voltage Linkin park
26. high_voltage gem Easily include static pages in your Rails app. (݈ฎ) ኧ thoughtbot 禛虄ڊߝ
27. 傶Ջ讕ᥝ脒慁ৼ硯疵牫 • Ruby on Rails ฎӞ㮆朼䌘㵕眲獉਻樄咳ጱ໛礍 • 櫒簁౯㮉ݢ犥಩覌眲෈կ硯ࣁ public/ ፓ袅愊牧֕磪碻狡֦䨝 襑ᥝࣁ HTML ෈կ愊્獈 Ruby 纷ୗ嘨 • 犥 high_voltage gem 薹究
28. 虏౯㮉樄তމ 1. ਞ蕕 high_voltage 2. ୌ缏Ӟ㮆覌眲殷ᶎ 3. 戔ਧ䛑አ纷ୗጱ᪠ኧ
29. ਞ蕕 high_voltage 1. ౯㮉犋஠ݚक़ਞ蕕 high_voltage gem 牧ࢩ傶 suspenders ૪ 妿䒻౯㮉۱ࣁ䌕礯愊ԧ 2. ᮎ疰ฎ傶Ջ讕౯㮉ᥝֵአ suspenders ୌ缏䌕礯ጱܻࢩ
30. ୌ缏Ӟ㮆覌眲殷ᶎ 1. ࣁ app/views/pages ፓ袅ӥ碝ीӞ㮆䲆礯牧褰׎玲Ӟ㮆অ懿 ጱݷਁ牐౯಩䲆礯玲ݷ home.html.erb 2. ࣁ䲆礯愊ᶎ䌃ӥ犨֦֜మᥝ䌃ጱ獉਻牧ӥො纷ୗ嘨ฎӞྦྷֺৼ 3. ਂ䲆 <h1>Hello, Ruby on Rails!</h1> <p>Current time: <%= DateTime.now %></p>
31. 戔ਧ䛑አ纷ୗጱ᪠ኧ 1. ಑樄 config/routes.rb 䲆礯 2. ࣁ䲆礯愊碝ीӞྦྷ碝ጱ᪠䕩牧 id ฎ֦ᛔ૩傶䲆礯玲ጱݷਁ 3. ਂ䲆 Rails.application.routes.draw do root "high_voltage/pages#show", id: "home" end
32. ᮎӞᤈฎՋ讕఺௏牫 root "high_voltage/pages#show", id: "home" 1. root դ蔭౯㮉మ疥覌眲殷ᶎ膏᪠䕩 "/" 翉ࣁӞ蚏 2. high_voltage/pages#show դ蔭蝡㮆᪠䕩ᥝ蚤ᮎ㮆 controller/action 翉ࣁӞ蚏牧蝡㮆ਁԀฎ磪粬ਧ໒ୗጱ 3. id: "home" ฎ౯㮉ᥝ㯽獈 action ጱ㷢碍
33. ̿粬ਧ໒ୗ̀ high_voltage/pages#show [package_name]/[controller_name]#[action_name] show ฎ౯㮉ᥝ蚤᪠䕩翉ࣁӞ蚏ጱ action牧ᘒ蝡㮆 action 痀ෝ㬵 ᛔ high_voltage gem ጱ pages controller
34. ᯿碝珸㵕 Ruby on Rails ֑๐瑊 Ctrl+C 簁盅䁆ᤈ rails server -b $IP -p $PORT 瞲犤
35. 㺔氂矎ᴻ Sass::SyntaxError in HighVoltage::Pages#show File to import not found or unreadable: refills/flashes. 1. https://github.com/thoughtbot/suspenders/issues/568 2. ࣁ䲆礯 app/assets/stylesheets/application.scss 戢薹 ധ @import "refills/flashes"; 3. ᯿碝珸㵕֑๐瑊
36. 奾ຎ
37. 手茐ୌ缏ݚक़Ӟ㮆覌眲䲆礯 • 蝚螂᪠䕩 pages/:page_name 倵薩覌眲䲆礯 • 疥 :page_name 矦౮֦ጱ覌眲䲆礯ݷ圸牧㪔Ӭ݄ധ ".html.erb"
38. End of Ruby on Rails #102
39. ࢧ疑֢禂 1. ℂ毣蝚螂 suspenders ୌ缏Ӟ㮆 Ruby on Rails 䌕礯 2. 蝚螂 high_voltage gem ୌ缏ӣ㮆覌眲䲆礯 3. ے獤֢禂: 傶ӣ㮆覌眲䲆礯ୌ缏瞲ݻஂ種ጱ᩻蝫奾