Dicky 生活日記 && 雜趣。

Sublime Text 2 加強外掛 plugin

2013-04-26T03:40:00.002-07:00

SideBarEnhancements 增強側欄功能

gitgutter 顯示 ++ — 的 git diff
Git Plugin

[Prototyping] JetStrap 簡易拖拉設計網頁頁面

2013-04-16T19:21:00.002-07:00

JetStrap https://jetstrap.com/

一個簡單製作網站Prototyping的網站，製作出來的頁面會以 Bootstrap interfaces 為主使用方法很簡單，只需要拖拉移動就可以定義頁面上的元素，對於第一次的使用者也很好上手。

製作時只要切換右上角的 Test ，可以即時預覽製作的效果

頁面也直接支援 responsive 即時預覽效果，可以直接切換成瀏覽器、平板、手機的瀏覽介面

而且做後製作完成，可以直接下載頁面，包含有 css , js , image 真是佛心的網站

對於不太會設計頁面的工程師因該是蠻有用的，功能簡單實用。

Pop Danthology 2012 - Mashup of 50+ Pop Songs

2013-04-14T02:01:00.004-07:00

實在是很厲害～把那麼多首歌 Mix在一起

介紹網站好用的 Js Chardin.js

2013-04-02T18:17:00.002-07:00

Before

After

只要在 HTML attribute 放置想要說明的文字，call function 就可以有這樣的效果，真的很方便，對於網站功能比較複雜的頁面，可以使用這套 js ，輕鬆的做出說明

http://heelhook.github.com/chardin.js/

https://github.com/heelhook/chardin.js

Android 一鍵 root ＆＆備份 / 救回 line 資料

2013-04-01T07:54:00.004-07:00

本身是 Apple 愛用者

But 老婆使用S2 發生了在 iPad 使用手機號碼登入

導致無法進入原本在 S2 的 Line

找了很多方法，以下是我找到最簡單的方法 Note 一下

Android 一鍵 root

Samsung Galaxy 系列裝置最強大的 Root 工具 — ExynosAbuse 1.40

http://www.mobileai.tw/2013/01/14/samsung-galaxy-root-exynosabuse-1-40/

使用 SQLite Editor 備份還原Line

如何用鈦備份完整備份LINE的對話及貼圖(讓你貼圖免下載)
http://www.android4tw.com/forum.php?mod=viewthread&tid=3179

(更新1/16)備份LINE訊息+恢復LINE訊息方法 http://www.mobile01.com/topicdetail.php?f=423&t=2997796

apache 如何關閉 other_vhosts_access.log 和 access.log

2012-10-02T21:29:00.003-07:00

open

/etc/apache2/conf.d/other-vhosts-access-log

#CustomLog /var/log/apache2/other_vhosts_access.log vhost_combined

from :

http://www.bookofzeus.com/articles/how-to-easily-disable-log-in-apache/

open

/ etc/apache2/sites-enabled/000-default

#CustomLog ${APACHE_LOG_DIR}/access.log combined

[jQuery] 圖片多張選擇

2012-06-01T21:18:00.000-07:00

1. jQuery-Facebook-Multi-Photo-Selector

2.Jquery image selector Facebook style

[jQuery] 30種不同的 jQuery Tooltip

2012-05-27T20:05:00.001-07:00

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

[ROR] rails 轉換 HTMLEntities

2012-05-17T00:37:00.000-07:00

今天在轉換資料從 MSSQL (BIG5 編碼) to MySql (UTF8)

遇到文字內有   ♥ 等 HTMLEntities

在 MSSql 需要 encode 才能儲存

但現在 MySql 已經可以一直接存放 ♥ = ♥

在Ruby 有好用的gme 可以直接轉換

HTMLEntities

https://github.com/threedaymonk/htmlentities

範例

Decoding

require 'htmlentities'
coder = HTMLEntities.new
string = "&eacute;lan"
coder.decode(string) # => "élan"

Encoding

This is slightly more complicated, due to the various options. The encode method takes a variable number of parameters, which tell it which instructions to carry out.

require 'htmlentities'
coder = HTMLEntities.new
string = "<élan>"

Escape unsafe codepoints only:

coder.encode(string) # => "&lt;élan&gt;"

Or:

coder.encode(string, :basic) # => "&lt;élan&gt;"

[MAC] 如何讓MAC顯示隱藏檔

2012-05-14T21:22:00.003-07:00

1 啟用顯示隱藏檔

在終端機下輸入指令"defaults write com.apple.finder AppleShowAllFiles -bool true",然後強制重新啟動Finder(左上角小蘋果圖示-->強制結束-->選擇"Finder")

2 關閉顯示隱藏檔

在終端機下輸入指令"defaults write com.apple.finder AppleShowAllFiles -bool false",然後強制重新啟動Finder即可(左上角小蘋果圖示-->強制結束-->選擇"Finder")

[ROR] 使用 validates_acceptance_of

2012-05-07T19:47:00.002-07:00

validates_acceptance_of

http://guides.rubyonrails.org/v2.3.8/activerecord_validations_callbacks.html#validates-acceptance-of

attr_accessible :terms

validates_acceptance_of :terms

Yahoo 15 個 SEO 內幕

2012-02-01T23:48:00.000-08:00

是在國外的blog看到的是 2007年的文章

雖然有點時間了但，

資料參考

http://www.entrepreneurs-journey.com/590/top-16-yahoo-seo-tips/

[jQuery] Date Range Picker ,類似 google 時間選擇器（like google analytics datepicker )

2012-01-04T03:32:00.001-08:00

Date Range Picker

可以快速的選擇時間，以及區間時間的 jquery Datepicker
預設快速選擇有

今天
最近7天
這個月
今年
上個月
選擇一日
選擇一日以前
選擇一日以後
日期區間

真是個很方便的 jQuery Datepicker 套件

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

html to haml 協助轉碼的網站

2012-01-02T18:50:00.001-08:00

協助將html 轉成haml 的網站

http://html2haml.heroku.com/

Ubuntu常用命令與技巧

2011-12-19T02:45:00.001-08:00

Ubuntu常用命令與技巧
sudo apt－get install 軟體名安裝軟體命令
sudo nautilus 打開文件（有root權限）
su root 切換到“root”

ls 列出當前目錄文件（不包括隱含文件）
ls -a 列出當前目錄文件（包括隱含文件）
ls -l 列出當前目錄下文件的詳細資訊

cd .. 回當前目錄的上一級目錄
cd - 回上一次所在的目錄
cd ~ 或 cd 回當前使用者的宿主目錄
mkdir 目錄名創建一個目錄
rmdir 空目錄名刪除一個空目錄
rm 文件名文件名刪除一個文件或多個文件
rm -rf 非空目錄名刪除一個非空目錄下的一切

mv 路經/文件 /經/文件移動相對路經下的文件到絕對路經下
mv 文件名新名稱在當前目錄下改名
find 路經 -name “字符串” 搜尋路經所在範圍內滿足字符串匹配的文件和目錄

fdisk fdisk -l 查看系統分區資訊
fdisk fdisk /dev/sdb 為一塊新的SCSI硬碟進行分區
chown chown root /home 把/home的屬主改成root使用者
chgrp chgrp root /home 把/home的屬組改成root組

Useradd 創建一個新的使用者
Groupadd 組名創建一個新的組
Passwd 使用者名為使用者創建密碼
Passwd -d使用者名刪除使用者密碼也能登陸
Passwd -S使用者名查詢賬號密碼
Usermod -l 新使用者名老使用者名為使用者改名
Userdel–r 使用者名刪除使用者一切

tar -c 創建包 –x 釋放包 -v 顯示命令過程 –z 代表壓縮包
tar –cvf benet.tar /home/benet 把/home/benet目錄打包
tar –zcvf benet.tar.gz /mnt 把目錄打包並壓縮
tar –zxvf benet.tar.gz 壓縮包的文件解壓恢復
tar –jxvf benet.tar.bz2 解壓縮

make 編譯
make install 安裝編譯好的源碼包
reboot Init 6 重啟LINUX系統
Halt Init 0 Shutdown –h now 關閉LINUX系統

uname -a 查看內核版本
cat /etc/issue 查看ubuntu版本
lsusb 查看usb設備
sudo ethtool eth0 查看網卡狀態
cat /proc/cpuinfo 查看cpu資訊
lshw 查看當前硬體資訊
sudo fdisk -l 查看磁盤資訊
df -h 查看硬碟剩余空間
free -m 查看當前的記憶體使用情況
ps -A 查看當前有哪些進程
kill 進程號(就是ps -A中的第一列的數字)或者 killall 進程名( 殺死一個進程)
kill -9 進程號強制殺死一個進程

常用apt命令：

apt-cache search package 搜索包
apt-cache show package 獲取包的相關資訊，如說明、大小、版本等
sudo apt-get install package 安裝包
sudo apt-get install package - - reinstall 重新安裝包
sudo apt-get -f install 修復安裝”-f = –fix-missing”
sudo apt-get remove package 刪除包
sudo apt-get remove package - - purge 刪除包，包括刪除配置文件等
sudo apt-get update 更新源
sudo apt-get upgrade 更新已安裝的包
sudo apt-get dist-upgrade 昇級系統
sudo apt-get dselect-upgrade 使用 dselect 昇級
apt-cache depends package 了解使用依賴
apt-cache rdepends package 是查看該包被哪些包依賴
sudo apt-get build-dep package 安裝相關的編譯環境
apt-get source package 下載該包的源代碼
sudo apt-get clean && sudo apt-get autoclean 清理無用的包
sudo apt-get check 檢查是否有損坏的依賴

清理所有軟體緩存（即緩存在/var/cache/apt/archives目錄里的deb包）
sudo apt-get clean

刪除系統不再使用的孤立軟體
sudo apt-get autoremove

mysql 簡單語法 if else ~~

2011-12-01T08:43:00.001-08:00

mysql 簡單語法 if else ~~

SELECT IF(1 = 2,'true','false'); -- false
SELECT IF(1 = 1,' true','false'); -- true

insert into `test`(`id` , `is_true`) values (1 , if(1=1 , `true` , `false` ) ) ;

在沒有其他語言的判斷只使用 sql 的情況下，是不錯的用法。

from : http://www.mysqltutorial.org/mysql-if-function.aspx

Redis 中文版命令參考

2011-10-04T21:16:00.000-07:00

http://redis.readthedocs.org/en/latest/index.html

最近正在學Redis ，對於 English 不太好的我，真是幫助蠻大的，在這邊分享給和我一樣需求的朋友們。

Redis NoSql Datebase 介紹

2011-10-04T20:21:00.000-07:00

Redis是一個開源的使用ANSI C語言編寫、支援網路、可基於內部記憶體亦可持久化的日誌型、Key-Value資料庫，並提供多種語言的API。從2010年 3月15日起，Redis的開發工作由VMware主持。

一個很棒的Redis介紹PPT

下面slide来自gr8conf 2011大会，内容包括了：

Redis的存儲方式描述

Redis的功能特點列舉

Redis幾種數據格式的操作圖解及代碼示例

Redis實際應用案例及代碼演示

Redis and Groovy and Grails - gr8conf 2011

View more presentations from Ted Naleid

[ROR] add_index 注意小事項

2011-09-27T10:17:00.000-07:00

今天在新增 model 修改 migrate

並在 migrate 裡新增

add_index(:user_msgs ,[:from_user_id,:to_user_id,:parent_user_msg_id])

但在跑 rake db:migrate

出現 error

真是QQ rails 自動取 index name ，很貼心但太長還是不能用

所有只好幫 index取個名字就ok了

add_index(:user_msgs ,[:from_user_id,:to_user_id,:parent_user_msg_id],:name => "for_parent")

Mac Lion 支援 Samsung kies (Samsung Kies for Mac OS X Lion)

2011-09-18T05:38:00.000-07:00

samsung 原廠的kies 軟體不支援 lion

還好google 到國外有支援的 blog 文章

http://nicholasworkshop.wordpress.com/2011/07/24/samsung-kies-for-mac-os-x-lion/

[ROR]Could not find a JavaScript runtime.

2011-08-28T21:49:00.000-07:00

執行 rails server 發生下列錯誤：

/usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.2.0/lib/execjs/runtimes.rb:46:in `autodetect': Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)

解決方式：

參考

https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

安裝 node.js

sudo apt-get install python-software-properties

sudo add-apt-repository ppa:chris-lea/node.js

sudo apt-get update

sudo apt-get install nodejs

如果還是不行：

安裝 gem

gem install execjs --no-ri --no-rdoc

gem install therubyracer --no-ri --no-rdoc

並且修改專案目錄內的 Gemfile

加入

gem 'execjs'

gem 'therubyracer'

之後在執行

 rails s

git-clone指定branch

2011-08-22T21:12:00.000-07:00

有时git clone下来会出现很多branch，更麻烦的是如果主分支没代码那你就只能看到.git目录了。如下面的这个:

$ git clone git://gitorious.org/android-eeepc/mesa.git

　　发现本地就只有一个.git目录，那么这个时候就需要checkout了。

　　进入你的本地目录，如这个是mesa，利用

$ git branch –r

　　查看branch信息（当然你也可以用git show-branch查看，不过有时并不好用），获得如下branch信息：

origin/android
origin/mesa-es
origin/mesa-es-dri

　　此时我们需要的是android分支的代码，那么此时就要进行checkout了。

$ git checkout origin/android

　　你再看你的目录（mesa）下是不是有了代码了？其它的branch同理。

from : http://wangliping.net/git-clone-spec-branch

Balsamiq Mockups - 軟體企劃好幫手

2011-08-15T02:24:00.000-07:00

website : http://balsamiq.com/

介面非常的可愛，也很好上手
很多大公司製作軟體企劃也使用 balsamiq

NGEN

eJzzzU/OLi0odswsqvFzd/WrsUQCNc41hmBRAO9oC9s=

rails 常用的 gem

2011-08-03T23:18:00.001-07:00

Rails的插件很豐富，並且大部分都放在github，非常方便修改
這裡簡單介紹我使用過的Rails插件

實體相關

restful_authentication

[必備]生成用戶實體，restful登錄project

mislav-will_paginate

[必備]分頁project

annotate_models

在實體類文件頭部顯示字段信息project

paperclip

用於上傳附件，並可對圖片進行縮放(需要imagemagick)
可對上傳的附件進行文件大小的校驗project

視圖相關

haml

[必備]替換掉rails自帶的erb
此插件可以使得view代碼變得非常簡潔
與RedCloth結合就可以使用:textile標記直接格式化了project

sass

[必備] haml作者的又一力作
讓css代碼也變得簡潔project

bundle-fu

[必備]非常易用，一行代碼將js,css多個文件打包project

jrails

用於將rails的prototype替換為jQuery project

calendar_date_select

js日期控件jquery support project home

fckeditor

富文本編輯器project demo

super_inplace_controls

實現頁面輸入框即點即編輯project demo

open-flash-chart2

open-flash-chart2的rails接口
可以生成炫麗的flash圖表，簡單易用project home

swf_fu

生成swfobject js，用於顯示flash

project

prawn

生成PDF，報表
中文字體最好自己下載仿宋，google simfang.ttf

Prawn::Document.generate("bug.pdf") do #這一句配置才能支持中文換行，但仍不完善text_options.update(:wrap => :character, :size => 16) end

project

sitemap_generator

[必備] 生成網站的sitemap

#生成sitemap文件rake sitemap:refresh:no_ping

project

測試相關

rspec

[必備]替換rails自帶的test project

cucumber

TDD測試，用於編寫可讀性強、且可運行的測試用例
測試網站時依賴webrat project code

selenium-on-rails

[必備]用於驗收測試，類似於QTP
即錄製操作過程各個步驟，然後回放project code

factory_girl

[必備]替換rails的fixture
靈活構造關聯性的測試數據project

faker

用於生成隨機的測試值,不支持中文project

populator

結合faker，構造大數量的測試數據，用於性能測試

#填充測試數據rake db:populate

rake任務
project

blue-ridge

js tdd測試，挺好用的
由於使用了rhino(a Java-based JavaScript interpreter),所以你需要安裝sun-java6-jre

project

定時相關

javan-whenever

ruby語法編寫定時任務，再轉成cron project

部署相關

capistrano

[必備] 遠程部署

#查看所有可運行的部署任務cap -T [search] #部署cap deploy #運行數據庫migrate cap deploy:migrate #直接運行以上兩步cap deploy:migrations

project

deprec

用於快速搭建rails服務器生產環境
運行少量命令就幫我們安裝好ruby,rails,各種依賴軟件及gems project

其他相關

exception_logger

異常日誌查看project

handsoap

webservice客戶端詳細說明

from : http://wenbin151.iteye.com/blog/599391

使用simple form 生成 select

2011-08-02T23:54:00.000-07:00

使用下列語法可以生成select

<%= f.input :cat_id, :collection => @cats , :label => "分類" %>

但用這方法生成的select 的第一個選項會是空白

使用下列語法，可以把第一個空白選項取消

<%= f.input :cat_id, :collection => @cats ,:include_blank => false, :label => "分類" %>

或者可用 :prompt ，預設第一個選項的文字

<%= f.input :cat_id, :collection => @cats ,:include_blank => false,:prompt=>'請選一個分類' , :label => "分類" %>

Dicky 生活日記 && 雜趣 。

Sublime Text 2 加強外掛 plugin

[Prototyping] JetStrap 簡易拖拉設計網頁頁面

Pop Danthology 2012 - Mashup of 50+ Pop Songs

介紹網站好用的 Js Chardin.js

Android 一鍵 root ＆＆ 備份 / 救回 line 資料

Samsung Galaxy 系列裝置最強大的 Root 工具 — ExynosAbuse 1.40

apache 如何關閉 other_vhosts_access.log 和 access.log

[jQuery] 圖片多張選擇

[jQuery] 30種不同的 jQuery Tooltip

[ROR] rails 轉換 HTMLEntities

Decoding

Encoding

[MAC] 如何讓MAC顯示隱藏檔

[ROR] 使用 validates_acceptance_of

Yahoo 15 個 SEO 內幕

[jQuery] Date Range Picker ,類似 google 時間選擇器（like google analytics datepicker )

Date Range Picker

html to haml 協助轉碼的網站

Ubuntu常用命令與技巧

mysql 簡單 語法 if else ~~

Redis 中文版命令參考

Redis NoSql Datebase 介紹

一個很棒的Redis介紹PPT

[ROR] add_index 注意小事項

Mac Lion 支援 Samsung kies (Samsung Kies for Mac OS X Lion)

[ROR]Could not find a JavaScript runtime.

git-clone指定branch

Balsamiq Mockups - 軟體企劃 好幫手

rails 常用的 gem

實體相關

restful_authentication

mislav-will_paginate

annotate_models

paperclip

視圖相關

haml

sass

bundle-fu

jrails

calendar_date_select

fckeditor

super_inplace_controls

open-flash-chart2

swf_fu

prawn

sitemap_generator

測試相關

rspec

cucumber

selenium-on-rails

factory_girl

faker

populator

blue-ridge

定時相關

javan-whenever

部署相關

capistrano

deprec

其他相關

exception_logger

handsoap

使用simple form 生成 select

Dicky 生活日記 && 雜趣。

Android 一鍵 root ＆＆備份 / 救回 line 資料

mysql 簡單語法 if else ~~

Balsamiq Mockups - 軟體企劃好幫手