將Rails專案佈署至Heroku

最近因為三不五時要交作業，而雖然上傳至github可以讓老師也看到程式碼，但無法直接觀看到執行結果，所以讓我們將程式佈署至Heroku，就可直接觀看執行結果，但不曉得為什麼一直佈署不成功><，先簡單敘述一下基本步驟。

Ruby on Rails：form_for 與 simple_form，下拉式清單

在ruby on rails中要顯示表單可以使用內建的form_for或是Plataformatec開發的simple_form，以下以form_for和simple_form顯示相同的表單欄位，讓大家看看2個不同的地方

Ruby on Rails scaffold新增欄位、bootstrap美化、kaminari分頁

今天介紹的是使用scaffold建立資料表後，使用bootstrap來美化，並加上上分頁功能
使用scaffold建立資料表時，程式會自動將顯示、新增、修改、刪除的功能頁面都做好，但畫面非常簡單，而最方便的美化方式就是套上bootstrap

先使用scaffold建立一個資料表
rails g scaffold namecard name tel address company
rake db:migrate

Ruby on Rails 資料表一對多、多對多關聯

這次要介紹的是如何在ruby on rails 中設定2個資料表之間的關聯
首先，先建立2個model
rails g model Product

rails g model Store

再來建立Product、Store的資料表結構

Ruby on Rails 手工打造新增&顯示頁面

開始自己使用MVC架構手動打造一個網頁，不透過程式自動產生頁面

第一步先新增一個新的專案
rails new my_library
然後將目錄切換到my_library專案之下

routes.rb指定使用者進入某個網頁時的要對應到哪個controller
root 'static_pages#index'
代表連到網頁時要將使用者導向static_pages controller的index
若有寫controller，但在routes中沒有指定，那麼使用者還是連不到

Ruby on Rails 環境建置、基本網站建立

照理來說應該是要在本機端操作，但系統是windows，在windows平台底下使用ruby會有些問題，一些熟悉的指令無法直接在windows的終端機使用，原本是使用VM(虛擬機器)裝ubuntu，但大家的環境都有問題，要一個一個除錯要花非常多時間，就決定使用網路版的開發環境nitrous.io，結果又有問題，nitrous進不去！一直卡在starting的畫面，卡了10多分鐘，後來改使用另一個線上服務Cloud9功能跟nitrous差不多，才終於順利開始課程。

2015.02.12 CSS學習 (CSS3 Styles)

背景顏色

我的好情人-Vim

終端機指令
ctrl+w 一次刪除一個單字
ctrl+u  一次刪除一整行指令
ctrl+r   找尋與輸入字串相符的最近執行過的指令

2015.02.05 HTML5學習(HTML5 Forms)

HTML5提供一些新的input類型：

• Search
• Email
• URL
• Tel
• Number
• Range
• Date
• Month
• Week
• Time
• Datetime
• Datetime-local
• Color

2015.02.05 HTML5學習(HTML5 Elements)

從HTML的標籤可以知道一份文件的大綱

以下幾個標籤都有標出大綱的作用：

• Article 定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章、來自 blog 的文章 、來自論壇的文章
• Aside 定義 article 以外的內容。aside 的內容應該與 article 的內容相關
• Nav 定義導航連結的部分(文件中有「前後」按鈕或是menu，則應該把它放到 <nav> 中)
• Section 定義文件中的節（section）。比如章節、頁首、頁尾或文件中的其他部分

2015.02.03 HTML學習(HTML5 + CSS3 overview)

HTML5是一個HTML最新的修訂版本，包含以下幾點

• New HTML elemements and attributes  新增HTML元素和屬性
• Full CSS3 Support CSS3完整的支援
• Video and Audio elements 為開發者提供了一套通用的、整合的、腳本式的處理音頻與視訊的API，而無需安裝任何外掛程式
• 2D/3D graphics 即時二維/三維繪圖
• Local storage 離線儲存資料庫
• Local SQL database

2015.02.03 CSS學習(Web Forms)

Web Forms
Form是網頁要取得使用者輸入資料的一種方式
通常包含像是label、input、text area、submit

2015.02.03 CSS學習(Fonts)

網頁上的文字可以透過CSS來控制

2015.01.29 CSS學習(Images)

大部分網頁上的圖片屬於底下這3種類型

1. content images
2. layout images
3. user interface images

2015.01.27 CSS學習(Class、div)

Q:若是想讓單獨一個<ul>套用CSS該如何實作？
A:使用class，將<ul>加上class屬性，這樣CSS就可以直接存取特定的tag

2014.12.27 & 2015.01.25 開開心心學Ruby

ruby是一種物件導向程式語言

Ruby on Rails 是一種使用Ruby建構出來的網站開發框架(Web Framework)

ruby -v 查詢所安裝的ruby版本
gem package_name install '安裝套件
gem env   '查詢套件安裝到哪gem install rails 安裝rail套件

2015.01.22 CSS學習(顏色、Box Model)

CSS的顏色可以使用文字表達，也可使用16進制的顏色代碼
#FFFF00

前面2個設定紅色
中間2個設定綠色
後面2個設定藍色
每個顏色範圍從0~255(10進位)或00~FF(16進位)

2015.01.20 CSS學習(Selector)

CSS selector

早期使用HTML定義文字如何展示，但HTML不應該定義如何展示，應該只定義內容的架構

2015.01.22 GitHub課程

git是甚麼？
一個版本控制系統

2015.01.20 HTML學習(tags、links)

The language of a webpage is HTML

HTML是編寫網頁的語言

HTML的全稱是「HyperText Mark Language」，中文是「超文件標示語言」