[Ruby On Rails] Todo list

任務目標

實做一個 : todo list

功能包含

1. 可以使用 fb 登入 
2. 建立個人專屬的待辦事項(包含事項:大綱,是否有打星星) 
3. 待辦事項可以調整狀態(待做,進行中,完成) 可以根據狀態過濾待辦事項(i.e. 只顯示 進行中 的事項,或是顯示打星星的待辦事項) 
4. 可以針對特定待辦事項留言 
5. 其餘功能或未提到之畫面呈現可自由發揮

------------------------------------------------------------------------------------------------------

由於手邊並沒有Mac，所以決定練習採用雲端開發平台 (這算是PaaS嗎? 算了，名詞的東西，Fuck it)

至於是使用 Heroku 還是 Cloud9

我想說測試自己的極限在哪裡，所以都來試試看吧

不過我還是會先以 Heroku 這個最多人採用的平台當作首次初體驗

這篇就當作我這一個月以來的開發日誌吧，

不論結果是成還是敗，我至少都學到了寶貴的一課


2015/7月，重新讓我檢視了我自己，找到人生的樂趣與學習方法

我想，是時候走自己的路了

就從2016開始吧

註 : 

Heroku : Heroku是一個支持多種程式語言的雲平台即服務。在2010年被Salesforce.com收購。

Heroku 作為最開始的雲平台之一，從2007年6月起開發，當時它僅支持Ruby，但後來增加了

對Java、Node.js、Scala、Clojure、Python以及PHP和Perl的支持。 維基百科

Cloud9 : EdX線上課程 BerkeleyX: CS169.1x Engineering Software as a Service, Part 1採用Cloud9

---------------------------------------------------------------------------------------------------

2016/1/5 1/6

本週目標 :

任務 1-可以使用 fb 登入

任務 2-建立個人專屬的待辦事項(包含事項:大綱,是否有打星星)

個人感想 : 論文程式進度稍微有點進展，決定趕快開始著手完成任務1、2

想起大四時，在自己的ACER的windows NB上胡搞瞎搞，想用Rails建立一個簡單的blog就弄得

滿頭大汗。

所以這次經驗告訴我，要嘛使用MAC、Ubuntu不然就是線上編寫環境，做事前先把工具跟環

境準備好，才有機會事半功倍，更何況是我這種非資工系的門外漢。


Inside上面有一系列的文章，我把我看過的都PO上來。

有些是初學者可以拿來當作參考索引，有些拿來當故事看看即可，當作一個紀錄

Inside系列文章

學習 Ruby 與 Rails 的最佳時機就是現在！

Ruby語言的雲端運算平台：Heroku

【以ROR開發Facebook應用程式】Rails on Facebook for Beginners

【Facebook應用程式開發教學2】用Ruby on Rails輕鬆開發第一支App，傻瓜入門術！

初學者教學文章

Ruby on Rails 自學推薦資源以及注意事項  (該買Macbook了嗎...)

本文中有詳細列出一系列的技能需要學習者學會，尤其是Git這些是資訊工程師必備的技能

我沒有不掌握的道理

線上基礎課程

Xdite 所開設的 Rails 101


2016/1/7

按照 Heroku ，練習了佈署一個Hello World等級的應用程式

[Ruby On Rails] 如何在Heroku 上佈署應用程式

(1)遇到了 DL is deprecated, please use Fiddle 的問題，我確認了一下我目前Ruby的版本是2.1.5

雖然是一個警告，不是錯誤，但是看來真正的原因應該是我使用的OS是Windows。

(2) 在升級 rails 4.2 的時候，遇到了無法從 https://rubygems.org/ 下載資料的狀況

國外的鄉民也遇到了一樣的問題( gem unable to download data from https://rubygems.org/ )

好吧，先試試看如何解決無法安裝的問題，順便練習如何利用cmd從Github下載更新檔

額外課題 : 30天學會Git 


2016/1/8

了解各個資料夾內，檔案的用處。(From Railsbridge)

ihower網站上介紹的基本的MVC架構

在Stack Overflow搜尋碰到的問題

Ruby on Rails “Template is missing” Error
註 : 發現是中間步驟有漏，所以補上之後便沒有問題

Rails ExecJS::ProgramError in Pages#home?
註 : 經過測試，windows 平台上面，兩個application都要改成default

5    = stylesheet_link_tag    "application", media: "all"   -->  default
6    = javascript_include_tag "application"                     --> default

同時，將疑似Tab變成兩個空格

2016/1/10

*將檔案上傳到Github的指令，為了幫助自己之後複習，順便將指令copy下來

著手解決網頁沒辦上套上Bootstrap套件的問題。

2016/1/11
在RoR社群中提問，發現嘗試過改sass的Gem檔案並沒有效果。所以決定一怒之下，改用安裝需擬機，並運行Ubuntu14.04。在Windows上開發RoR，是

Ubuntu安裝RoR筆記 => 後來是在VMware player 12上順利安裝 Ubuntu 14.04

2016/1/12
終於順利在Ubuntu上面安裝完成
Ruby 2.1.5p273
rvm 1.26.11
Rails 4.2.5
git 1.9.1

2016/1/14
順利完成教學文章的前半部分，但是現在卡在無法順利render出 js.erb 的 FOO 小視窗。
後來發現是new.js.erb前面不小心加上了一個空白鍵，所以導致無法render出new的FOO 小視窗

另外，有加上了respond_to的ㄧ小段指令。詳細可以參考以下連結的說明
http://api.rubyonrails.org/classes/ActionController/MimeResponds.html

目前檢核自己的狀態，對於rails的基本概念還需要複習的更佳純熟
像是MVC、CRUD、RESTful這些基本觀念。當然還有Ruby以及JavaScript的基本觀念需要補強。否則開發的時候，絕對會不斷碰壁。

同時告訴自己，學習要腳踏實地，練習ㄧ次開發ㄧ個小的專案或是新功能
參考博文 : 軟體開發初學者如何順利完成自己的練習專案？

附上目前自己自修的教材

Ruby教學

• Codecademy 的 Ruby 課程
• Learn Ruby The Hard Way 

HTML/CSS

• Codecademy 的 HTML/CSS 課程

Rails教學

• Ruby on Rails 實戰聖經 使用 Rails 4.2 及 Ruby 2.2   by ihower
• Rails 101(線上課程) 、 Rails 101S by xdite

2016/1/21

前幾天都在用Codecademy的教材惡補HTML/CSS 以及 Ruby 的基礎知識，目前進度大約已經完

成一半。

閱讀後，學習 Rails 的文章，我覺得不錯

How I TRAINed to learn Rails (by Medium)

What's the best way for a beginner to start learning Ruby on Rails? (Quora 討論串)

利用Rails 101課程，複習Rails的MVC觀念、RESTful

本週目標 : 完成能夠設定每個條目的狀態(Ex. 工作中，已完成)

找到網路上有一個Rails的開發者在它的網站上分享做Todo list，裡面實做也有完成與否的欄位

網頁連結在此 :  Week 6: How To Build A Todo App With Rails 4

2016/1/29 

研究進度關係，中間撥了ㄧ些時間去搞定Lab的工作

Facebook的認證是利用OmniAuth以及dotenv這兩個gem來完成

( dotenv的教學文 : https://goo.gl/kzqayu )

其中OmniAuth是用來處理FB的登入驗證，dotenv則是用來管理APP創造者不同網頁應用程式的

帳號資訊，避免重要資訊外洩

可以參考下篇 Stack Overflow上的問題

Facebook的login問題 (已解決)

Rails - Omniauth-facebook App_id required error

修正 : Favebook的KEY和SECRET在等號前號都不能夠有空白鍵(space)，改謝Rails 新手村的大大 Tim Wu

2016/1/30 

Ruby on Rails - Railscasts #360 Facebook Authentication

按照Railscast的教學照做，絕對會做出一身病。因為版本上的差異，所以中間常常出現ㄧ些差錯

但是不得不提，自己在打omniauth常常會把auth打成outh...

以下附上今天遇到的問題

login using omniauth-facebook “undefined method `slice' for nil:NilClass” error

Rails 4.1.5 omniauth strong parameters

註 : 以railscast的程式碼無法運行，用以下的程式碼方可運行

where(provider: auth.provider, uid: auth.uid).first_or_create do |user|