答案是這個：authenticate_or_request_with_http_basic

把這個加在application_controller.rb內用before_filter去弄就好，像是

然後，另外一個比較簡單的方式是：http_basic_authenticate_with，用了這個我們就不需要再自己寫before_filter弄了，像是：

其中，realm是會提示給使用者看的訊息。

    now = Time.now
    objs = Obj.where({created_at: (now..(now+1.minutes))})

這樣執行後我發現會有問題，因為我其實只要把精準度調到分鐘，但是傳入的卻是到秒，也就是說我要的是類似 2012-01-01 10:20:00 這樣的格式，但是傳入的會是 2012-01-01 10:20:30 這樣的格式

所以為了解決這個辦法，我只好寫了很髒的code

    now = Time.now; now -= now.sec.seconds

這真的夠髒了 …

後來為了某個功能(也許下篇會說)跑去APIDock查API，發現到Rails擴充了DateTime加入了change這個功能，才發現原來我API真的不熟啊 … Orz

所以要怎麼用呢？

假設我現在時間是2012-01-02 03:04:05，想要把秒數改為30的話，我可以這樣做：

    now = "2012-01-02 03:04:05"
    now.change({sec: 30})

除了改秒數，也能改年份，所有可以改的參數：

• year
• month
• day
• hour
• min
• sec
• offset
• start

但是要注意，如果修改時間部分的話(也就是hour、min、sec)會根據順序去重新設定值。這是什麼意思呢？

假設我只修改hour的話，會把min跟sec給改為00；如果我只修改min的話，那只有sec會被改變為00。

所以如果我只要修改hour而其餘不變的話，就得把整個hour,min,sec都給傳進去才會正常。

Okay，上網找了一下，知道了該怎做才對

另外，Bundler如果要用到Github上的套件，可以這樣寫

除了可指定branch外，也能指定ref或者是tag，十分彈性。

詳情可參考：http://gembundler.com/git.html

打完收工。

在Rails中有個ActiveRecord，它可以很容易產生資料庫關連、操作的東西。

但是關連這種東西一用不好就有可能造成災難，看看範例。

範例？

我有一個CrashLog model belongs_to Product，然後在CrashLog內用Delegate對應到Product的name

    # crash_log.rb
    delegate :name, to: :product, prefix: true

如此一來可以用c = CrashLog.first; c.product_name來直接存取到product.name

可是當你用迴圈的時候就有可能遇到 N+1 Query。

譬如說我在首頁上面寫的是 @crash_logs = CrashLog.all

結果SQL跑出上百筆類似以下的東西：

但是如果當我改成 @crash_logs = CrashLog.includes :product 就會變成另外一種結果

怎麼樣？很恐怖吧！

先在 Gemfile 內寫：

    gem 'rspec-rails'
    gem 'factory_girl_rails'

執行 bundle install

上面這種方式會順便把RSpec給裝起來，反正沒壞處

接著打開 config/application.rb

加入

    config.generators do |g|
      g.test_framework :rspec, :fixture => true, :views => false, :fixture_replacement => :factory_girl
      g.fixture_replacement :factory_girl, :dir => "spec/factories"
    end

這樣做的話會在建立Model的時候一併建立相關檔案。

第一步

假設我們建立 Post model

rails g model Post title:string content:string author:string state:string; rake db:migrate

現在可以開始建立測試資料了，打開 spec/factories/posts.rb

我們先新增一個正常的資料結構

    FactoryGirl.define do
      factory :post do
        title "MyString"
        content "MyString"
        author "HeChien"
        state "public"
      end
    end

這樣子，我們就可以在rails console內透過FactoryGirl.create :post來建立一筆Post資料了

怎麼了？你忘了？說好的，亂數呢？

誰跟你說好了=_= … 不過要亂數的話 …

假設我們要讓title變亂數，那就把title改為

    title "MyString" # 原本是這樣
    sequence(:title) { |n| "Title -- #{n}" } # 改成這樣

如此一來就會產生"Title -- 1"、"Title -- 2"之類的資料了

但是有的時候我們想要產生客製化的資料，譬如像是又亂數標題又是state為closed的文章的話要怎辦？

那就看下一節啊

第二步 - 不同狀態不同內容

同樣都是定義在Post中，我們可能需要不一樣的狀態、內容，所以我們可以這樣做

    # 1. title為亂數，content為亂數，發佈為published，author為亂數，叫做 :random_life
    # 2. title為"Hello, world"，content為"XD"，發佈為closed，author為預設，叫做 :posted_by_hechien
    # 改成以下這樣

    FactoryGirl.define do
      factory :post do
        title "MyString"
        content "MyString"
        author "HeChien"
        state "public"

        factory :random_life do
          sequence(:title) { |n| "Title -- #{n}" }
          sequence(:content) { |n| "Randome #{n} Content" }
          state "published"
          sequence(:author) { |n| "Author: #{n}" }
        end

        factory :posted_by_hechien do
          title "Hello, world"
          content "XD"
          state "closed"
        end
      end
    end

如此一來，我們就可以用

FactoryGirl.create :random_life 來產生幾乎都亂數的資料，以及用 FactoryGirl.create :posted_by_hechien 來產生與我本人有關的資料XD

第三步 - Relationship :”>

臉紅個屁！

總是會需要建立關連的，譬如說Post與Comment。

    FactoryGirl.define do
      factory :comment do
        post do
          FactoryGirl.create :post
        end
        author "MyString"
        content "MyString"
      end
    end

好了，你已經知道怎麼做了 (誤

與 db/seeds.rb 邂逅

    100.times { FactoryGirl.create :random_life }
    10.times  { FactoryGirl.create :posted_by_hechien }
    20.times  { FactoryGirl.create :post }

rake db:seed 打完收工

但事實上，假資料要用這個建立 => https://github.com/ryanb/populator

其實Ajax這種話題應該是已經被講到爛了才對，不過我還是做一下註記好了，畢竟這種方式很Cool … Rails 把這些東西包在rails.js內了，所以我們可以很簡單的就去實作Ajax的功能。

最近這幾年比較流行的JavaScript寫法似乎是Obtrusive JavaScript，所以我在這邊會簡單的聊一下。

在以往常見的JavaScript寫法，是把一些Event會發生的事件直接寫在HTML Tag上，例如：

<p onclick="alert('Hello, world');">Click me</p>

直接把onclick寫在p標籤內，這種inline的寫法就有點像是直接把CSS寫在style屬性內一樣噁心。之後好像Prototype、jQuery之類的JavaScript framework出來了，因為能夠透過CSS Selector的方式去抓DOM，所以就能夠變成是：

    <p>Click me</p>
    <script>$('p').click(function(){alert("Hello, world");})</script>

這種把HTML與JavaScript分離的作法就叫做Obtrusive JavaScript，讓JavaScript隱藏在某個角落內，使HTML、JavaScript能夠各司其職。

回到我們的主題，就因為Obtrusive JavaScript的概念，所以Rails在整合Ajax的時候十分容易。

我們來看看如何修改form_for吧 … 假設原本是 form_for @murmur do |form| 的話，就變成是： form_for(@murmur, remote: true) do |form| … 剩下的Rails已經幫你搞定了

不過開始測試時會發現：「那我要怎樣處理Callback？」、「錯誤咧？怎麼辦啊？」

嘖嘖，這個時候就是交給rails.js來處理囉 … rails.js 中提供了四個Callback function：

• ajax:beforeSend: 用於在送出之前的狀態
• ajax:success: 用在執行成功的狀態，基本上Response status code為200, 201等都會進來這邊
• ajax:complete：不論結果，只要Request執行結束就會跑來這邊，適合重設表單等工作
• ajax:error：當遇到錯誤的時候會顯示這邊，像是Status code為4xx, 5xx時就會跑來這邊了

因為我是直接寫CoffeeScript的，所以我就直接貼CoffeeScript code

簡單的說，就是bind住那四個callbacks就好。只不過在Controller中要記住的就是，如果response content type不是HTML的話，可能會進不了success，這點要注意一下 ….

原本以為是Omniauth中我有參數沒設到，或者是Facebook設定不對，但是一直trace code卻什麼都沒發現，只好退而求其次，用別的方式去硬幹這部份。

我的作法是，先到 config/routes.rb 去硬刻一個route給Facebook這種不會把Querystring跟著弄回來的Providers用，所以如下

然後在App端這邊發送Request的時候就必須從 http://host/users/auth/facebook?url_identify=xxx 改成 http://host/users/auth/facebook/callback/xxx 了。

然後在 omniauth_callbacks_controller.rb 中手動加入 passthru 這個 action

這樣子在指定的provider action中就能正常吃到url_identify了。

Okay … 記錄一下實作，不過怎樣用Rails建立Paperclip上傳機制這部份我就不多說了

主要是這段JavaScript code

還有這段Rails code

是的，就只有這樣，哈

正在想著把這個部分再用jQuery封裝得好看一點 …

其實很簡單，就是JavaScript吃到drop event的時候，把收集到的檔案資訊整理起來，用FormData封裝，然後送到後台去這樣。

因為用到XMLHttpRequest，所以乾脆用jQuery來跑好了

註：drop事件、FormData似乎都是HTML 5後才有support的功能，而且不是每個Browser都有Support，所以記得還是得實作傳統的上傳機制 …

UPDATED: 2012/06/16 02:25 –

已經更改成用jQuery的ajax來上傳了，這樣就省得再用XMLHttpRequest了

一般來說，當我們要計算關連的資料有幾筆的話，我們會用 SELECT COUNT(id) FROMcommentsWHEREpost_id= 1 這種方式來計算，可是如果當request 量一大且資料量也大的時候這樣子其實超級麻煩的，所以可以透過counter_cache來直接cache住關連的資料筆數。

但是有時候可能因為某些原因導致沒有正確記錄到cache值，這時候我們就可以用reset_counters來自動重新整理這些值 …

也許你會覺得奇怪，為什麼不要直接把值寫入comments_count這種欄位內就好呢？那是因為 …. 這個值是readonly的囧！

為了保護欄位值的正確只好這樣做，所以我們只好用reset_counters來處理這個部分了。

使用的方式是 Model.reset_counters(id, association_name)

若以上面的例子來說的話，就是 Post.reset_counters(1, :comments)

如何？很簡單吧？

我原本的作法是用Namespace來寫整個站，所以View的分類就是已經有分好資料夾了，我直接貼code可以嗎XD

1
2
3
4
5
6
7
8
9
10
11
12
13
14

  %w'confirmation_instructions reset_password_instructions unlock_instructions'.each do |method|
    define_method "#{method}" do |record|
      send_mail_with_record_and_action(record, method.to_s)
    end
  end

  private

  def send_mail_with_record_and_action(record, action)
    initialize_from_record(record)
    headers = headers_for(action.to_s)
    headers[:template_path] = "#{record.from_app}/mailer"
    mail headers
  end

由於devise有confirmation_instructions、reset_password_instructions、unlock_instructions三個，而我只是要導到不同的app目錄去，所以就這樣子refactor，讓headers中的template_path可以是自訂的目錄。

原本的作法我是用一個index去當counter用，然後用setInterval的方式每秒用$(obj).css({background: 'url()'})的方式，但是這樣有一個問題就是會每次切換的時候都跟Server要圖片，這很麻煩真的 … 所以我就改成用指定class切換Background就好了。

1
2
3
4
5
6
7

  .login{
    background-image: url(/assets/common/login_2.png);

    &.star{
      background-image: url(/assets/common/login_1.png);
    }
  }

在登入的部份寫成這樣，然後Script寫成：

1
2
3

  setInterval ->
    $('.login').toggleClass('star');
  ,1000

是的，搞定。

可以在這邊看到範例：http://hechien.host22.com/html5video.html

127.0.0.1 site1.product.local site3.product.local

請務必寫上這樣，我一開始寫成 site1.local 時會一直發生找不到根目錄的問題，所以必須這樣寫。

然後要做的就是在 config/rotues.rb 內修改一下，加上 constraints({subdomain: "site1"}) do ... end 這樣，假設：

1
2
3
4
5
6
7

  constraints({subdomain: "site1"}) do
    resources :users
  end

  constraints({subdomain: "site2"}) do
    resources :users
  end

即可

但是必須注意的是，如果你原本是使用Namespace的話，就必須加上 scope module: :xxx 這個Block，如下：

1
2
3
4
5
6
7
8
9
10
11

  constraints({subdomain: "site1"}) do
    scope module: "site1" do
      resources :users
    end
  end

  constraints({subdomain: "site2"}) do
    scope module: "site2" do
      resources :users
    end
  end

如此一來，原本是 /site1/users 會變成 site1.product.local/users 並且指定到 app/controllers/site1/users_controller.rb 了。

我是一名軟體工程師、網站開發人員、網頁設計師、學生、兒子 … etc (但其中並沒有包含男朋友這個身分…)，總之，我有著很多的身分，但我為什麼不選擇大多數人用的PC，裡面裝著Windows或Linux？

國小升上三年級的暑假吧，學校開了電腦課，那個暑假我拿到一本DOS指令的書，那年可能是1997年。那是屏東縣潮州鎮的一所學校，我不知道為什麼，Windows 95已經在1995年發售的情況下，學校還在用DOS，但它真的奠定了我的基礎：「注音的第一聲要按空白鍵」。

我的人生是從微軟開始的，從它的MS-DOS、Windows 95、Windows 98、Windows ME、Windows 2000、Windows XP、Windows 2003 Server .net、Windows Vista、Windows 7我全部都接觸過，其中Windows 98、Windows XP我玩得最盛。

四年級時學校終於開始上電腦課(等我六年級的時候，五年級也開始有電腦課了)，那個時候學校電腦也還是MS-DOS，要把磁片放進去然後輸入指令，叫出小作家或者其他遊戲來玩，在那個時候對我來說是很神奇的事情(現在依舊覺得神奇，為什麼還不用Windows 95)。猶記得每次開機後畫面上都會出現 C:\>，老師說：「這個代表已經成功開機了」，然而有一天出現了E:\>還F:\>，老師這時表示：「我們學校現在已經牽了網路」，但其實我在那個時候還不懂網路到底是什麼。

1998年吧，高雄NOVA(現在倒了)似乎有辦了活動，而那次我媽有帶我過去走走，那似乎是我第一次走進所謂的資訊商場，裡面有很多人在逛在看，擺著一堆電腦螢幕、主機 … etc，剛好我站在INTEL的宣傳活動前面，PG(Promoter Girl)拿著麥克風喊說：「舉手搶答～ 請問現在最快的CPU是什麼？」(其實問題是不是這樣我忘記了，那也不是很重要)，在那當下一堆人舉手，結果那個姐姐(拜託，我當時才小四，好險小三才當過一年而已)直接把麥克風督到我嘴邊(請不要亂幻想)要我說答案，我只好很害羞的說：「Intel」 …. 嗯，當時是因為不知道Intel是什麼而害羞，至於現在….

是的，最後我拿到獎品 => Intel 的撲克牌一副 (但我比較想要那個PG的電話)

而一位參加者大哥則是把他手上的袋子送給我，裡面好像是一些教學光碟、雜誌之類的，這讓我知道了什麼叫做純愛手札(誤)。

準備升上國一了，跟媽媽去大亞電腦那邊問一些電腦的事情，最後確認學校會上電腦課(因為有電腦教室)所以才點頭買下我第一台電腦，那台是 Intel Pentium III 733 Mhz，剛買進來的時候只有64 MB RAM，40G的硬碟，後來進去國一的時候我用Front Page做網頁，當時覺得Dreamweaver很難用、覺得Flash好難 … 之後玩Access覺得資料庫很枯燥乏味。我國二學Visual Basic，寫了不少程式來玩，我在國中的時候完全就是微軟的支持者，Macintosh是只存在於我電腦字典裡面的一個名詞而已，而Apple頂多出現在台視新聞後面那個五顏六色的蘋果Logo，除此之外我根本不知道他們在幹什麼。

國三，我接觸到了Linux。我在順發買了一本書，那本裡面送的是Red Hat Linux 7.3 + CLE 1.0，我照著書把系統安裝起來、中文化後，發現到網路不能用，我只好想辦法去燦坤另外買一張NIC來用，自己根據驅動光碟內的純文字說明檔來自己編譯Driver。

那個時候整個文件都英文，在沒有網路的情況之下我只能夠一邊看單字一面猜一面拿字典來翻，雖然很苦，但我發現這讓我的英文閱讀能力好了不少

那時候的指令大概就是 cd 到Driver目錄，然後下 ./configure; make; make install 而已，但沒想到那張卡是當年出了名的惡魔卡 …. D-Link的!!!

後來到了高中，我用Linux學著架站，也同時學著用PWS(這個一定沒多少人用過)、IIS來架站，並且學ASP(王國榮的書都很不錯，強烈推薦)來撰寫網頁程式，在那個時候我也還是不知道什麼是蘋果、什麼是Mac。

高中後來讀不下去轉去五專，我在五專自修PHP，而且在那個時候我玩Linux玩得最盛，總在推廣Linux的好處，也讓我媽的電腦從Windows變成Linux，用起來也真的沒問題 … 我參加過Ubuntu Linux Install Festval、也曾經很不成熟的想要成立PTLug，但在那當時Linux是我的全部、Open Source是我的最愛，讓大家都用Ubuntu Linux是我的夢想我的目標，十分厭惡Windows那種所謂只愛錢的公司 … 直到2006年。

2006年，我開始正式接觸到Ruby on Rails，他們的screencast是用Textmate開發，用那個軟體開發起來真的是神速啊，之後我就對這個介面留上了心，也開始在Linux上裝上類似Mac的介面。

當時的Linux還有一個很炫的特效，那個特效是可以用立體的方式切換桌面等，我已經忘記那個名字了，那段時間我真的很著迷這種沒有意義的東西。

之後，我發現到Linux還是沒辦法完全模擬出我真正想要的感覺，在2007年左右我得到一份工作時我便跟該公司要求一台Mac，我用那台Mac開發網站、做作業報告 … etc。在那半年的時間裡面(我只待了半年，因為壓力實在太大，而且又重考統測)我只感覺到Mac真的只是比較好用，但其實也還好，所以把電腦退回公司後我繼續用Linux當主力系統，後來我發現我完全沒辦法習慣Linux的介面以及操作方式，後來就另外貸款買了一台Mac，那年是2008年，我現在正用這台Mac打這篇文章。

Ubuntu Linux 曾經發生過一件事情讓我很不能夠接受，也成為我當時的疙瘩。

有一次我在更新系統之後發現我不能執行gdm，整個X Server啟動不起來，後來用純文字模式上IRC問別人到底怎麼回事，用w3m搜尋才知道原來這次版本中有一個開發者不小心搞爛了顯示的Driver才發生這種事情，隨後就打了Patch重新送上線，更新過後才正常…

這種事情其實真的很嚴重，如果只是單純使用純文字模式的話倒是沒啥影響，但是對於使用者來說這個可真的是罪該萬死的，也因此Linux就失去了我的信任。不是因為Linux不好，而是因為Linux在當時還是搞不懂使用者要的是什麼。

2009年我到台南工作，因為工作是要寫iOS的App所以也一定只能用Mac，但是在這之前我還是不知道Mac到底好在哪裡，我一樣不喜歡用iTunes、覺得iPhoto麻煩 … 可是在開發軟體的過程當中我慢慢的發現到一個重點：我開始看其他的軟體介面不爽了

我在2005年的時候曾經寫了一個程式叫做「Ruby執行檔製作精靈」(這支程式後來還被Toget選上精選軟體)，那個可以讓Windows上寫的Ruby Script轉成執行檔，但是操作的介面非常複雜，可是我在當時卻覺得它非常容易使用。有看到重點了嗎？對，我開始在思考使用者介面的事情，而且是不知不覺間開始有這種意識：「我怎麼做出了一個難用的垃圾出來？」。後來，我的朋友阿白他也買了一台Mac，買了之後沒多久他告訴我一句話：「用了Mac之後我的靈感一直來」我才發現到，我之所以那段時間不想要再用Linux、Windows的原因很簡單，就是那真的太難用了！

開始真正理解到設計的重要之後，我一直在思考自己做的東西到底能不能夠更加精簡、更加好用，我開始知道什麼叫做使用者介面(UI)以及使用者體驗(UE)，這兩者不是其他公司一昧的模仿就能夠模仿出一套精神的，必須要模仿之後還要加上自己的研究跟想法才真的可以做出完美的東西。已經一個東西擺在前面給你抄了，你卻還抄得十分鱉腳的話，那真的被人家罵抄襲也是活該了 …

所以，我開始思考自己做的東西到底哪邊還能再修改，而觀察的對象就是Mac的設計，不論是硬體還是軟體還是整個操作流程，我發現我越思考越觀察就越覺得過去玩到的東西都真的太不貼近人性，所以我也就越來越排斥那些我曾經接觸過的東西。我再說一次，不是那些東西不好，而是那些東西太過自以為是，自以為使用者什麼都想要自己手動設定，把全世界的使用者都當成工程師那樣，把選項做得十分複雜、把警告訊息弄得十分嚴重、把操作介面用得十分雜亂，到頭來大家都只知道電腦要根據所謂「固定的步驟」去使用，而完全忘記電腦應該要「直覺」的去使用才對。

我在Mac上看到了這種直覺。Safari是Mac上的預設瀏覽器，它的核心是Webkit，這個東西很有趣的一個重點在於它的上傳檔案方式。我們都知道，在IE、Firefox裡面上傳檔案必須要按下「瀏覽」按鈕，然後在一層一層資料夾中找出你要的檔案之後選擇，這樣才算完全的選擇檔案。但Safari(包含Google Chrome)並不是這樣而已，你可以直接把檔案「拖」到那個「瀏覽」按鈕上面後放開，這樣就能夠瞬間選擇你要的檔案，你沒辦法打開你的檔案總管後把檔案拖到IE或Firefox的瀏覽按鈕上，你必須自己慢慢找出來，如果今天它只放在桌面那就只是小事，如果它放在十幾二十層的目錄裡面時，你會哭死。

另外一個直覺的舉例也同樣拿這個檔案上傳當例子，剛剛我們提到按下瀏覽的時候會出現選擇檔案的視窗，在Windows底下是可以把檔案拖進去的，如此一來Windows會很「自作聰明」的把檔案移動到那個目錄底下，然後選擇；但是在Mac底下卻完全不是這麼一回事！Mac會知道你拖進去的檔案到底在哪裡，然後自動切換到那個目錄並且選擇該檔案。我的天，這種小功能是多麼的貼心啊？你完全不需要擔心它會被移動到哪裡去，能夠快速簡單的指定檔案的所在位置，這個就是最基本的「直覺操作」啊！

網路上有許多這類的例子，像是國外的麥當勞有提供免費的無線上網(Wi-Fi)，所以他們印出了一份教學的DM，有人發現到Windows需要這樣做：開始 => 控制台 => 網路 => 無線網路 … 對不起，我不想打下去了

然而Mac只有三個步驟： 點選電腦右上角的無線圖示 => 選擇麥當勞的網路 => 開心上網，這讓我想起這個廣告 http://www.youtube.com/watch?v=6uXJlX50Lj8

所以為什麼我用Mac？因為我越來越想知道我還能夠替使用者處理掉多少使用者不需要真的去關心的事情，就從Mac的身上學習。2011年中，我買了一台Macbook Air，它沒有光碟機、它輕巧、它沒有太多我不需要的插孔(左邊插槽分別是電源、USB跟耳麥孔、右邊則是影像輸出、USB跟SD卡槽)，我外出只需要帶一個電源線就夠了，頂多多一個SD卡，真的很方便。

Macbook的電源變壓器上也有貼心的點，它能夠張開兩邊的東西用來當做捲線器，而且插頭的部份可以拔掉換成延長線或者是其他國家的接口，這些都是我很少有機會看到的設計(有啦，我記得最近某些公司抄很大 ….)。這是蘋果用心的地方，他們或許做的不是很完美，但是卻也很盡心盡力的在完善自己的產品。

Mac OS X在Leopard之後也內建了Ruby，甚至直接包了一個RubyCocoa.framework可以用(但這部份我沒有研究)。有很多好用的工具也都是在Mac上面有，像是Textmate(不過我最近愛上Sublime Text 2，這個則是Windows、Linux都有)，對於一個網站開發者、網頁設計師而言，真的可以從中學到很多設計的技巧、用到很多很不錯的設計工具。

為什麼我用Mac？因為近朱者赤近墨者黑，要不然孟母也不用三遷了。

討論內容在：https://www.facebook.com/hechien/posts/431153790229954

一定要做的事

1. 每天固定抄寫幾檔的最高、最低、開盤、收盤、昨收、交易量
2. 三年級下學期搞定專題 (不含 UI/UE)
3. 暑假把專題的UI/UE調好
4. 耶誕節前解決專題並且正式開始測試
5. 想好除資訊業外其他可以發展的領域
6. 撰寫好一本網頁設計的書
7. 撰寫好一本Ruby on Rails的書
8. 把CoffeeScript、SCSS、Compass、Middleman與CSS Frameworks練熟
9. 六月開始至少每個月三部Mac教學影片、一部Mac Podcast教學、一篇Mac教學文章
10. 至少今年辦兩場Mac聚會 (大小不拘)

逼自己去嘗試

1. 每天誦三次心經
2. 每天讀ㄧ篇道德經
3. 每天一篇Rework的內容
4. 每個禮拜一篇以上與工作或技術無關的文章
5. 重新學好奇門遁甲與易經

希望自己能夠好好的實踐這些事情。 今天是2012/05/12，加油。

底下這個部分我再找時間整理成表格

語法 | 說明

scale% | Height and width both scaled by specified percentage. scale-x%xscale-y% | Height and width individually scaled by specified percentages. (Only one % symbol needed.) width | Width given, height automagically selected to preserve aspect ratio. xheight | Height given, width automagically selected to preserve aspect ratio. widthxheight | Maximum values of height and width given, aspect ratio preserved. widthxheight^ | Minimum values of width and height given, aspect ratio preserved. widthxheight! | Width and height emphatically given, original aspect ratio ignored. widthxheight> | Shrinks images with dimension(s) larger than the corresponding width and/or height dimension(s). widthxheight< | Enlarges images with dimension(s) smaller than the corresponding width and/or height dimension(s). area@ | Resize image to have specified area in pixels. Aspect ratio is preserved.

大致上就是這樣吧。

參考網址

其實這篇照做就可以了，只不過因為原始碼是從http://ruby-taiwan.org那邊來的，所以有一些code是不能用的 … 需要自己稍微做調整一下

這個實作版本是Rails 3.2.3、Devise 2.0.4、OmniAuth 1.0.3

裡面的Code在omniauth_callbacks.rb中第9行左右有個問題，User必須要用includes把authorizations給引入進來，不然會噴 … XD

可能是因為原本的Code用MongoID當做Data source的關係，所以原本的Code內並沒有寫includes這一塊吧 …

然後要記得在user.rb實作bind_service，不然原本的code去bind使用者的部份會有問題 …

要把omniauth_callbacks.rb放在app/models/user底下、把omniauth_callbacks_controller.rb放在app/controllers/users底下，總之在model的資料夾是user而controller的資料夾是users就對了。

大致上就這樣。

喔對，很重要的一點就是 … 現在網路上很多範例都會叫你去config/initializers/omniauth.rb內設定provider，這樣做的話一定會噴掉 … 我在這邊花很多時間才搞定囧，請記住，不必寫在這個地方！

1
2
3
4
5
6
7
8
9
10

120505 12:08:27 mysqld_safe Starting mysqld daemon with databases from /var/lib/mysql
120505 12:08:27  InnoDB: Initializing buffer pool, size = 8.0M
120505 12:08:27  InnoDB: Completed initialization of buffer pool
120505 12:08:27  InnoDB: Operating system error number 13 in a file operation.
InnoDB: The error means mysqld does not have the access rights to
InnoDB: the directory.
InnoDB: File name ./ibdata1
InnoDB: File operation call: 'open'.
InnoDB: Cannot continue operation.
120505 12:08:27 mysqld_safe mysqld from pid file /var/run/mysqld/mysqld.pid ended

科科，炸了=_=

上網找了一下看到這篇Mysql won’t start - ibdata1 corrupt? - operating system error number 13 - permissions issue

讚，頭彩 … 馬上讀一下發現到這個指令： perror 13，輸入之後告訴我 Error code 13代表的是Permission denied，就覺得很奇怪 …

跳到 /var/lib/mysql (MySQL根目錄，資料檔都放在這底下) 後，下 ls -l發現某些檔案的權限亂掉 … 所以用 chown -R mysql *來修復權限，至少把owner改為mysql就可以了。

結束之後重新啟動，果然正常 … 開開心心匯入資料去

我也很會去評估自身能力，決定到底該不該做一些事情

但往往都會因為低估而退卻、高估而失敗

所以我對於估計這種事情也是不太在行

但我只知道一件事，那就是「現在不行，努力過後，以後可以」

我今天早上看到Mr. Jamie寫的文章，標題很有趣，就叫做「天份是什麼，能吃嗎？」

我非常認同這篇文章，因為我自己就是過來人，但也有些許不認同這些文章 … 因為我也看過一句話：「成功是九十九分的努力，加上一分的天份；大家都在闡述那九十九分的努力有多重要，但卻忘記那一分的天份才是關鍵」。

每個人都有天份，但天份不能拿來當做任何事情的藉口 …

我曾經被某人嗆過，我有天份，但不要太囂張

何其無辜，我花了十年的時間學會的東西，被人家認為是有天份，真是可笑 …

記住，每個人都有天份，但關鍵點是在於努力

不是說每個人努力就能成功，但努力過後，你可以更接近機會，而只有機會才會帶領你邁向成功。

我們常常可能寫以下的CSS code

1
2
3
4
5
6

margin-top: 30px;
margin-right: 10px;
font-size: 24pt;
font-family: Arial;
padding-top: 20px;
padding-right: 15px;

但其實這樣寫挺雜亂的，有了SCSS我們就應該要放下屠刀立地成佛啊！(誤

請改成以下寫法(與上面做比對)：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

margin:{
  top: 30px;
  right: 10px;
}

font:{
  size: 24pt;
  family: Arial;
}

padding:{
  top: 20px;
  right: 15px;
}

怎麼樣？是不是很簡潔整齊呢？