code test

module M
  class << self
    def m_method_2
      puts "m_method_2"
    end
  end
end

class MyClass
end

M.m_method_2

Sublime Text 2 Note

Sublime Text 2

快捷鍵：

cmd + /

快速加上註解，或把選取得多行加上註解

cmd + k + b

開啓/關閉Side Bar

-->

ctrl + 0

跳到Side Bar

-->

cmd + shift + p

Command Palette

在 Blogger 貼上程式碼 (使用Syntax Highlighter增加辨識度)

要在Blogger貼上程式碼，需要先改造一下template

教學方法：
http://oneqonea.blogspot.tw/2012/04/how-do-i-add-syntax-highlighting-to-my.html


Syntax Highlighter
http://alexgorbatchev.com/SyntaxHighlighter/


Reference:
http://blog.chrisflicker.com/post/36729926566

git note: global .gitignore

bundle exec rake dev:fake

因為使用上述指令，產生後台的一些假資料，其中有些圖片產生到專案的下列資料夾

public/images


不想要動專案的.gitignore，因為這個檔案已經被前人commit到github上面，
但是又不想要每次commit都要避開public/images的所有檔案


解法：

git config --global core.excludesfile ~/.gitignore

在此檔案中，放入
public/images/
即可


如果是放入
~/...project.../public/images/
 則會失敗

Ruby/Raisl: CSV, Excel 下載問題

最近的CSV/Excel問題大整理及整個解法歷程：

Q1: 下載下來的CSV檔案(UTF-8格式)，在Windows下，使用Excel直接打開都是亂碼？

Windows解決祕技：

1. 先用"筆記本"打開CSV檔案，可以看到中文是正常，選擇另存新檔，編碼選擇ANSI後存檔
2. 再使用Excel打開重新編碼後的CSV檔案，中文就可以正常顯示

問題發生的原因：

為什麼"筆記本"可以正常打開顯示中文，Excel卻沒有辦法，
研究後發現Excel只接受有BOM表頭的UTF-8檔案，否則中文無法正常顯示，
這點只能怪微軟作手腳，也無可奈何。

所以除非把CSV(UTF-8)檔案加上BOM表頭，否則Excel無法正常打開。

Windows下的vbscript的解法：

• 為了下載的CSV (UTF-8)檔案，沒有辦法打開，於是寫了一個vbscript (csv_addbom_v3.vbs)，可以用滑鼠把下載的CSV檔案，丟到這個csv_addbom_v3.vbs，就可以自動轉檔成有BOM表頭的CSV檔案

從源頭下載的程式著手：
Ruby/Rails

Solution1:
直接在程式中，先塞入BOM表頭
最後產生有BOM表頭, UTF-8編碼的CSV檔案

  # excel csv fromat (BOM + UTF8)
  def export_csv_excel
    ....

    # Add BOM to make excel using utf8 to open csv file
    head = 'EF BB BF'.split(' ').map{|a|a.hex.chr}.join()

    csv_str = CSV.generate(csv = head) do |csv|
      csv << [ , , , ...]
      @invoices.each do |invoice|
        csv << [ , , , ...]
      end
    end

    send_data csv_str, filename: "Invoices-#{Time.now.strftime("%y%m%d%H%M%S")}.csv", type: "text/csv"
end 

Solution2:
使用xml格式, 存成附檔名.xls

reference to
http://railscasts.com/episodes/362-exporting-csv-and-excel


Q2. 下載的CSV檔案，使用Excel打開後，電話欄位的0開頭，總是會被去掉？

把電話資料改成

="0988-888-888"

從源頭下載的程式著手：
Ruby/Rails

"=\"#{invoice.attendee.try(:mobile)}\""

Marketing Tools & Integration

Facebook

Facebook - 各種圖片大小的資訊

正確使用圖片的尺寸，才會有最佳的效果

Static iFrame Tab

!!這個facebook app，可以選擇轉址使用跳出網頁的方式，自己的官網才有辦法顯示，
也很容易更改Tab圖片

在粉絲頁上面加上特別訂製Tab及圖片，可以轉址到網站或網頁
Wide Page Tab Support
Custom Tab ICONS
Input Forms
Friend-Gate
WYSIWYG
STATS

Facebook Page:
    Tab image size:111px wide by 74px

reference:
用Static Iframe Tab設定facebook粉絲團頁籤_暴增粉絲安裝篇

Static HTML: iframe tabs

!! 轉址還是使用在facebook頁面裡面顯示，我們的官網無法顯示
!! 要更改Tab圖片的方式，還不如自己自己去設立FB app

使用界面，非常不錯，可套用多種版型

設定Mailchimp電子報訂閱表格到Facebook Page上面的Tab(專頁分頁)

1. 設定好Mailchimp的List，每一個List都會產生signup forms，複製"signup form URL"
2. 到Facebook Developers中，新增一個應用程式(沙盒模式, 不用提交)
1. 啓用專頁分頁
2. 專頁分頁名稱: 課程速報
3. 專頁分頁網址（URL）: 貼上signup form URL
4. 加密專頁分頁網址（URL）:  貼上signup form URL (注意http加上s, 雖然真的連會有問題)
3. 執行下面連結，
• YOUR_APP_ID = 改成剛剛新增的Facebook app的ID
• YOUR_URL = "signup form URL"
  
  https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

Chrome extentions

Chrome extensions

Google Dictionary

Google Translate

Screen Capture (by Google)

Yet Another Drag and Go

TJDict

Tabs Outliner (session manager / tab)