2016年2月29日星期一

[Rails]deploy to Heroku

完成一個階段後，更新git，上傳到heroku

資料庫
https://mysterious-gorge-11470.herokuapp.com

deploy 新版程式的方法

步驟 1：把所有異動都 commit 進 git
Heroku 只受理我們有 commit 進本地 git repo 的程式，所以要確定修改過的檔案都有 commit 進去了。
在終端機打這些字：
git status
git status 顯示你還沒 commit 進 git 的異動。如果沒有輸出任何東西的話，那你可以 deploy 了！不然的話就要 commit 程式碼進去：
在終端機打這些字：
git add .
git commit -m "Some helpful message for your future self"
Commit message 應該要可以描述你這次修改了什麼東西，像是：「把投票數加到 topics 列表頁」
步驟 2：把異動 push（上傳）到 Heroku
在終端機打這些字：
git push heroku master
這樣子會把本地所有已經 commit 進去的異動都 push 到 Heroku。
步驟 3：在 Heroku 跑資料庫的 migration
在終端機打這些字：
heroku run rake db:migrate
這是叫 Heroku 在它的資料庫跑 migration，作用就像我們在本地跑 rake db:migrate。Heroku 的資料庫跟你電腦上的資料庫是分開的，也就是說每一次你更改了資料庫的結構，你都要在 Heroku 的資料庫更新一次。這也就是說在 Heroku 上面你不會看到你電腦上的 sqlite3 資料庫裡面的資料。
步驟 4：上網看你的程式
在終端機打這些字：
heroku open
會在瀏覽器打開你上傳到 Heroku 的程式。

以上轉至 http://railsbridge-docs-zh-tw.herokuapp.com/初探-rails/deploy_到_heroku?back=設定首頁#every-time

Git

git add

在 Git 裡，有多個指令可以做到類似的事：

git add foo.txt 把名叫 foo.txt 的檔案加進追蹤修訂。
git add . ("git add dot") 把所有新檔案和改過的檔案加進追蹤修訂，但「保留」你刪掉的檔案。
git add -A 全部加進追蹤修訂，包括刪掉的檔案。

「把刪掉的檔案加進來」聽起來很奇怪，但如果你把版本控制系統想像成是追蹤「修改」的工具，或許就會懂了。多數人用 git add . 但 git add -A 會比較安全。無論無何，git status 都能幫上你的忙。

http://railsbridge-docs-zh-tw.herokuapp.com/初探-rails/把專案加進_git_repo?back=開始吧！

git add .

git commit -m "Added all the things"

2016年2月28日星期日

[Rails]Land Dream Rails Job第二部分

剖析面試標準 

在這章，我們會先談一般會開出 Rails Developer 職缺的公司面試錄取標準。再來談談具體要怎麼做才能達到這個標準。   

徵才廣告主要內容不脫這幾項：    

* Ruby on Rails 或 MVC 架構開發經驗    * Web Application 開發經驗，對於 JavaScript / jQuery / CSS 不陌生    * 使用過 MySQL 或類似 RDBMS    * 能流暢閱讀英文技術文件    * 會獨立解決問題、Trouble Shooting    * 主動接觸技術新知    * 具有團隊開發精神   
    以下條件非必備，但為加分：   
    * 熟悉 Git，有 Github 帳號    * 熟悉 HTML 標準    * 熟悉 CSS 、 Sass 、 Compass 、 Bootstrap    * 熟悉 JavaScript / jQuery 的使用    * 熟悉 Backend / Frontend Performance Tuning  

不過即使這樣寫。想要應徵的面試者，可能還是會覺得很模糊。不知從何準備起。 

這是因為其實每一家公司的狀況不一，所以多半的公司在職缺上也只能將技能列表條列式列出來。   
    真實的招募狀況分幾種：   
    * 只需要可以把工作完成的人 （也就是有獨立開發能力的 Rails 工程師）   * 需要無 Rails 開發經驗但有網站開發經驗的工程師   * 完全無任何網站開發經驗，但有其他背景可能學習潛力高的工程師。 

CASE 1: 錄取無 Rails 開發經驗的新手 

一般的狀況來說，如果你想要進入的公司裡面，已經有資深工程師的話。   

那麼這間公司願意收「無 Rails 經驗」的工程師狀況是比較大的。     
      不過值得注意的是，這些公司其實會收的是「無 Rails 開發經驗」，而不是「無網站開發經驗」。     
     

Pre-skill for Qualified candidate (Non Rails Developer) 

如果你現在還沒有 Rails 經驗，而具備以下技能的話，面試官是會比較喜歡的。（因為進行培訓比較容易上手）   
    1. 不排斥閱讀英文技術文件    2. 會 Git    3. 會 Command Line    4. 懂得基本 HTML 標籤怎麼使用    5. 懂得怎麼使用 CSS，且能解決 基本 CSS 的問題    6. 懂得寫簡單的 JavaScript 和使用 jQuery 實踐一些簡單的特效    7. 使用過其他 Backend 語言開發過網站 

1. 不排斥閱讀英文技術文件   

Ruby on Rails 大部份的學習資源都是以英文撰寫的。要能夠深入進階 Ruby on Rails，必須要有能夠持續進修的能力。     
      所以如果對英文教材畏懼的候選人，通常面試官比較不會列入考慮。 

2. 會 Git 

Git 是一種版本控制系統。也是世界上目前開放原始碼界最流行的版本控制系統。     
      Ruby on Rails 開發生態圈更是重度倚賴 Git 作為開發中版本控制、與程式套件發行。     
      不誇張地說，Git 現在幾乎已被列為 Modern Web Developer 的第一必備技能。     
      Rails 面試官履歷收到履歷多半最先看的重點，也是這個應徵者的 Github 帳號「關注」和「實做」了什麼「項目」。     
    所以務必   
    * 註冊一個   Github 帳號    * 上   TryGit學習 Git 基本指令    * 把自己平時練習的小作品，上傳到自己的 Github 帳號。  

3. CommandLine   
      開發 Ruby on Rails 的過程中，Command Line 也是必備的基本技能。     
      有些開發者是從 Windows 跳槽過來 Linux 或 Mac。對指令列並沒有那麼熟悉。     
   

可以參考 Pluralsight 的 Meet Command Line 來惡補教學。 

4. HTML 標籤使用 與 CSS 使用   

網站開發其實不是只有撰寫後端程式。其實開發網站功能的時候，絕大多數的時間都在跟 HTML 打交道。     
      如果你對 HTML / CSS 只是粗淺會使用，而不是相當熟悉。     
      TreeHouse 的     
      *   HTML Deep Dive      *   How to Make a Website   

都是不錯的準備教材。
 

5. 解決 CSS 常見問題   
    大部份的網頁開發者都會使用 CSS，但是卻不一定人人會解 CSS Bug (在瀏覽器顯示不一的問題、無法精確定位的問題)   
    CodeSchool 曾經出了一份教材：   CSS Cross Country，可以帶領你對於這些常見的疑難雜症進行有效地認識以及學習到解決方法。   
 

6. JavaScript 與 jQuery 

一般網頁上的效果目前多半是以 JavaScript 呈現。而開發者又習慣以 jQuery 對 HTML 元素進行操作，達到使用者界面的需求。   
    如您想快速上手這個議題，可以由以下幾份教材進行：   
     * 撰寫基本的  JavaScript Foundations
 * CodeSchool 的   JavaScript Road Trip 1
 * CodeSchool 的   JavaScript Road Trip 2
 * CodeSchool 的   JavaScript Road Trip 3
 * CodeSchool 的   Try jQuery
 * CodeSchool 的  jQuery The Return Flight 

實作作業 #3 

請完成以下事項： 

* 註冊 Github 帳號，並將 Github 帳號貼到底下的討論區。 
  * 完成 TryGit 作業 
  * 完成 CSS Cross Country 作業 
  * 將 RailsBridge 的作業套上 Bootstrap CSS 
  * 上傳成品到 Heroku，並將成品網址貼到底下的討論區。 

[rails]筆記

RailsBridge Docs
http://railsbridge-docs-zh-tw.herokuapp.com/docs/

rails101

http://courses.growthschool.com/courses/rails-101/lectures/792006

Rake

rake (ruby make) 這個工具讓你可以執行小型的 Ruby 程式（稱為 tasks），這些程式是你的程式常常會用到的。

這裡的 rake db:migrate 是由 Rails framework 提供的 task。它會使用我們剛建立的 migration 檔 (db/migrate/201xxxxxxxxxxx_create_topics.rb) 來更改資料庫。資料庫的 migration 檔對於合作寫程式是非常重要的。

你可以執行 rake -T 來看看目前你的應用程式認得什麼樣的 rake 指令，還會附上簡單的說明

http://railsbridge-docs-zh-tw.herokuapp.com/初探-rails/建立_migration?back=在本機執行你的程式

更改網站root對應網頁位置

在編輯器打開 config/routes.rb。

搜尋 root，用 Rails 4 的話會在最上方。

解除下面這一行的註解，方法是把行頭的 # 刪除掉。接著改成 root 'topics#index'。完成後會長得像這樣：

root 'topics#index'

在終端機輸入 rake routes。你會看到像這樣的東西：

$ rake routes

    Prefix Verb   URI Pattern                Controller#Action
    topics GET    /topics(.:format)          topics#index
           POST   /topics(.:format)          topics#create
 new_topic GET    /topics/new(.:format)      topics#new
edit_topic GET    /topics/:id/edit(.:format) topics#edit
     topic GET    /topics/:id(.:format)      topics#show
           PATCH  /topics/:id(.:format)      topics#update
           PUT    /topics/:id(.:format)      topics#update
           DELETE /topics/:id(.:format)      topics#destroy
      root GET    /                          topics#index

這樣就可以顯示所有你的應用程式會處理的 URL 了。有些冒號（:）開頭的是變數， :id 表示資料的 id 編號。括號框起來的是可以省略的。

在 Rails 4 裡面，你也可以在開發環境從你的網站上直接看到這個資訊。請打開http://localhost:3000/rails/info

2016年2月27日星期六

[Rails]Ruby on Rails RuntimeError 解決

ExecJS::RuntimeError in Drinks#index

Showing /Users/QJpioneer/railsbridge/test_app/app/views/layouts/application.html.erb where line #5raised:
["ok"]
Extracted source (around line #5):
3
4 TestApp
5 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>6 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
7 <%= csrf_meta_tags %>
8
Rails.root: /Users/QJpioneer/railsbridge/test_app
Application Trace | Framework Trace | Full Trace
app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__2924576156849093825_70238220062660'
Request
Parameters:
None

修改 Gemfile 加上一行

gem 'therubyracer'

然後輸入 bundle，重開 rails

Gemfile 位置 ~/railsbridge/test_app/Gemfile

2016年2月25日星期四

Choose a website builder: 14 top tools

OpenShift 教學(一)：申請免費空間、安裝WordPress

怎樣在OpenShift上使用自訂域名？

怎樣在OpenShift上架設WordPress？

How to Use a CDN with Your OpenShift Application

12 Tips for Hosting WordPress on OpenShift

正確加載 JAVASCRIPT 和 CSS 到 WORDPRESS

使用 WordPress 的子主題（Child Themes）功能快速製作自己的主題

jQuery教學－簡單好用的視差滾動特效 Parallax Effect

2016年2月20日星期六

Bubbles 視差單頁 WordPress主題 v1.3

Bubbles WordPress主題，視差單頁主題，主要特點：響應設計,自適應，Visual Composer 頁面搭建，Revolution幻燈片，多個顏色，極簡設計，Retina 支持，字體圖標，提供演示和說明文檔等！

Bubbles WordPress主題演示地址：

演示地址

Bubbles v1.3 WordPress主題下載地址：

百度網盤免費下載

如果以上網盤下載地址失效，請試試備用下載：備用下載 備用2

2016年2月19日星期五

[景點][嘉義]竹崎觀音瀑布

嘉義秘境-觀音瀑布
因泉水掛壁飛空傾瀉而下，氣勢雄偉，
飛瀑形似觀音菩薩手持淨水瓶般的高雅，故名「觀音瀑布」。

《綠箭俠》(Arrow)，CW電視網全新改編DC長壽英雄漫畫的犯罪動作影集，在一次慘烈的船難之後，身價億萬的花花公子奧利佛·昆恩失踪了五年並被認定死亡，直到他被發現在一個偏遠的太平洋小島上生還了下來。當他回到位於星城的家時，迎接他的有他充滿愛心的母親莫伊拉，感情深厚的妹妹西婭，還有他最好的朋友湯米。但他們發現，奧利佛經過島上嚴酷的生活，已經改變了許多。奧利佛隱藏了改變後的自我，想要彌補自己年輕時的所作所為。更主要的，他想要與前女友勞蕾爾·蘭斯和好。在他重新與當初親近的人聯繫上後，奧利佛秘密的給自己了一個新身份–一個名叫綠箭俠的治安維持者，來為自己家族所犯錯誤進行補償，與社會的醜惡戰鬥，保護星城的榮耀。

第一季

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12　EP13　EP14　EP15

EP16　EP17　EP18　EP19　EP20

EP21　EP22　EP23(完)

第二季

特別回顧集

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12　EP13　EP14　EP15

EP16　EP17　EP18　EP19　EP20

EP21　EP22　EP23(完)

第三季

視覺特效幕後花絮

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12　EP13　EP14　EP15

EP16　EP17　EP18　EP19　EP20

EP21　EP22　EP23(完)

綠箭俠 Arrow vs.星塵(Stardust)

綠箭俠 Arrow 出賽 WWE SummerSlam 2015 Stephen Amell & Neville vs. Stardust & King Barrett 完整比賽

第四季

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12　EP13　EP14

相關影集：《閃電俠》(The Flash)

[美劇]金裝律師(Suits)

《金裝律師》(Suits)，Mike Ross是一個年輕聰明的大學輟學生，他遠離了過去販毒的生活，來到紐約最著名的律師Harvey Specter所在的律師事務所面試。Harvey已經看厭了千篇一律的法學院畢業生，他在見識到Mike的天賦和過目不忘的能力後絕對賭一把，讓他做副手。“訴訟雙雄”攜手展開了他們的正義之旅。

Mike Ross和Harvey Specter組成了常勝隊伍，儘管Mike是一個天才，但他還是有很多法律上的東西需要學。而儘管Harvey看上去像是冷面無情的鐵血律師，但Mike對案件和客戶的同情和關心不斷提醒著Harvey當初選擇律師職業的初衷。

(若影片、連結有任何問題請留言反映)
第一季

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12(完)

第二季

EP01　EP02　EP03　EP04　EP05

EP06　EP07　EP08　EP09　EP10

EP11　EP12　EP13　EP14　EP15

EP16(完)

第三季

EP01　EP02　EP03　EP04　EP05