What 3.0 改版上線

~尋找生活新鮮事~

  • Knockout JS: Filter an Array

    Knockout JS: Filter an Array

    雖然只在兩個小型專案中使用過 Knockout JS，儘管語法稍嫌囉嗦了點，但能大幅減少前端頁面互動功能開發的難度。 最近碰到一個功能是頁面載入後，透過 AJAX 向 Server 端取回 JSON 資料，接著用 KO 顯示成列表。需求是能像 Mac OS 的 Spotlight 那樣，輸入文字即時顯示搜尋結果。 因為這串資料的變動頻率不高，所以從 KO 的 observableArray 過濾就可以了。

    繼續閱讀全文…

  • Xcode "PCH file built from a different branch" Error

    最近更新 Xcode 開發工具到 4.6.2 版後，編譯一些之前寫的舊程式會出現如下的錯誤。 PCH file built from a different branch ((clang-425.0.27)) than the compiler ((clang-425.0.28)) 看來這是 Xcode 4.6.2 所造成的問題，根據官方文件說明，只要選擇 Xcode > Product > Clean 後就可以正常編譯了。  

    繼續閱讀全文…

  • 移除 Git Repo 中的敏感資料… [solved]

    原本我的程式碼都託管在 BitBucket.org 上，選擇這家服務是因為他們的計費方式是算人頭的，而不是算專案數，對於我個人的小專案來說等於是無限的免費使用。 最近和幾個對程式開發有興趣的朋友、同事在 GitHub 上弄了 Private Repository，開始有了將幾個小專案丟過去讓大家參與開發的念頭。不過因為許多專案在初期我就把帳密等一些敏感訊息也跟著 commit 出去了，年輕不懂事。 需要把 repo 裡的敏感檔案刪除。 GitHub 有一篇教學文 Remove sensitive data。但是第一次耍蠢，忘記切換到 master 就下刪除指令，結果 history 變成這樣…. 於是 git branch -D phpQRCode 移除了整條線。重下一次指令… 這樣的情況有點囧…. Tag 沒有移過去，不曉得是不是因為沒下 –tag-name-filter cat 的關係。總之，現在感到相當困擾。繼續研究怎麼處理。     [Updated: 2013-04-22] 後來用 rebase 先整理過 history 後，用以下指令移除檔案。 git filter-branch -f –tag-name-filter cat –index-filter ‘git rm –cached –ignore-unmatch — path/file’ –prune-empty…

    繼續閱讀全文…

  • How to create MySQL configuration file (my.cnf) on MAMP?

    因為想修改 MySQL 的一些設定，卻遍尋不著 MAMP 的 my.cnf 寫在哪，後來才在一篇日文的教學裡找到蛛絲馬跡。 用以下指令可以找到 MAMP 裡的 .cnf，一開始並沒有出現 my.cnf，而是些預設的範本。 $ find /Applications/MAMP/ -name my*.cnf /Applications/MAMP//Library/support-files/my-huge.cnf /Applications/MAMP//Library/support-files/my-innodb-heavy-4G.cnf /Applications/MAMP//Library/support-files/my-large.cnf /Applications/MAMP//Library/support-files/my-medium.cnf /Applications/MAMP//Library/support-files/my-small.cnf 接著用以下指令，會看到一大排資訊。 $ /Applications/MAMP/Library/bin/mysql –help 其中可以找到這麼一行… 這一行就是 MySQL 讀取 my.cnf 的順序。 Default options are read from the following files in the given order: /etc/my.cnf /etc/mysql/my.cnf /Applications/MAMP/conf/my.cnf ~/.my.cnf 接著把我需要的設定寫在其中一個就可以了。為了方便記憶和下次再找檔案，我會建議寫在這裡。 /Applications/MAMP/conf/my.cnf

    繼續閱讀全文…

  • PHP FIG Group PSR standard 程式風格

    這兩天在查資料的時候才知道有 PSR 風格。這是由 PHP FIG Group 所訂的規範。FIG 這個組織是由一群開發 Open Source PHP 專案的開發者所組成，目的在於以最低程度的限制來統一各個專案的 coding style，避免各家自行發展的風格阻礙了程式設計師撰寫的困擾。 PSR 規範有四套，分別為 PSR-0 (Autoloading standard) PSR-1 (Basic Coding Standard) PSR-2 (Coding Style Guide) PSR-3 (Logger Interface) 依順序有繼承性，每一篇都很簡短，蠻建議看看。

    繼續閱讀全文…

  • How to find out CPU model on Mac?

    一時好奇如何查詢自己 Mac 上的 CPU 型號是什麼，在 Google 上找到了解答，只需要在 Terminal 下個指令就可以了。 sysctl -n machdep.cpu.brand_string 得到以下字串 Intel(R) Core(TM) i5-2415M CPU @ 2.30GHz 查看完整的 CPU 資訊 system_profiler SPHardwareDataType 得到以下資訊 Hardware Overview: Model Name: MacBook Pro Model Identifier: MacBookPro8,1 Processor Name: Intel Core i5 Processor Speed: 2.3 GHz Number of Processors: 1 Total Number of Cores: 2 L2 Cache (per…

    繼續閱讀全文…

  • Bookmark: Knockout.js

    Bookmark: Knockout.js

    忘了是什麼時候知道有 Knockout.js 這玩意兒，當時沒用到，玩了一下 knockout.js 網站上的互動教學後只覺得很強大，然後就沒理它了。 前些時候在某個專案的後期有個需要整合許多資料的動態表單頁面。表單內容之多，又有許多互相連動的 <input> 元素，即使有 jQuery 加持也備感吃力，靈光一閃，好像有個 MVVM 的 js 實作…. 所以又回頭開始看起了 Knockout.js，不過這次有比較認真了解怎麼用 (笑)。 在專案 Git 上開了分支，導入 knockout.js。基本的使用蠻簡單的，實際開始寫撰寫相關的 MVVM 函式大概一天半就把主要的功能都完成了。之後再微調、增加次要功能等等，前後五天就把這個超難搞的表單頁面收拾乾淨，往結案邁進一大步。

    繼續閱讀全文…

  • PHP: Finding the year quarter for a date

    在工商業應用中，時間紀錄是系統中非常基本的東西，不過時間的表示方法就五花八門了。最近碰到一個需求是同一個時間欄位可能是 Y-m-d (ex. 2012-11-29)、quarter (Q4 2012)、month (Nov 2012)，或是 year (2012)，甚至是 TBA (to be announced)。 其中轉換成季 (quarter) 會用到一點點技巧，在此筆記如下： <? $timestamp = mktime(0, 0, 0, 11, 29, 2012); echo ceil(date(“m”, $timestamp)/3); ?> 只要前面再加個 ‘Q’ 就是第幾季了。 在資料庫部份如何分辨客戶是儲存哪種型態，我的做法是多開一個 date_type 的欄位。 CREATE TABLE `calendar` ( `c_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `c_date` date NOT NULL, `c_date_type` char(1) NOT NULL DEFAULT…

    繼續閱讀全文…

  • Git: Archive modified files only

    專案上線後通常還會視需求追加功能或修正臭蟲，公司的政策是每次的版更都只佈署變動過的檔案，以減少不必要的風險。 不過每次版更，都要從版本紀錄裡把修改過的檔案一支一支挑出來，打包成 ZIP 檔寄給 MIS。這個步驟非常消耗腦細胞，一次佈署可能動輒數十支檔案，一支一支挑出來非常麻煩，還有可能漏失檔案。 科技始終來自於人性，在這樣手動更新了幾次後就受不了了，來研究一下可行的方案。 Git 有 archive 指令可以打包檔案，但看來只能打包一整個版本的全部檔案 (?)。 另外有 git diff 指令可以查詢特定版本之間的差異。跟 Mac OS bash 的指令結合一下就可以了。 zip <filename>`git diff –name-only 版號1 版號2` filename 就是要輸出的檔名，我通常會用 PROJECT_NAME_patch_revXXXXX.zip 的方式命名，讓 mis 能馬上看懂這是什麼專案 (PROJECT_NAME) 的第幾個版本 (revXXXXX) 以什麼型式封裝 (patch) 的檔案，如果是整個專案的檔案而非變動檔的話，用 full 的字樣代替。 所以指令長這個樣子： zip qodingus_patch_rev23c5ae.zip `git diff -name-only HEAD df923h` 版號可以用 tag 名稱代替。接著我只要把這個熱騰騰的 zip 傳送給 mis，我的工作就結束了，輕鬆愉快。

    繼續閱讀全文…

  • SVN: How to get list of files changed between two revisions

    公司在更新客戶的程式碼時慣例上是只傳送有變動的程式碼。 老實說我覺得還挺麻煩的，不是每個 SVN Client 都有提供這方面的功能，目前我還只會手動處理，希望能有更方便的方法匯出特定版本區間的變動檔案。 列出 x 與 y 兩個版本區間的變動檔案列表 svn diff -r x:y –summarize 打包變動過的檔案 zip patch_vXXX.zip `svn diff -r x:y –summarize . | grep . | awk ‘{print $2}’ | grep -E -v ‘^\.$’` 列出資料夾裡的所有檔案 find . -type f 計算檔案數量 find . -type f | wc -l

    繼續閱讀全文…

  • IE9 JavaScript 註解之謎

    最近接手了一個不大的系統升級案，雖然是不大的案子，但客戶的 PM 對需求的描述有點不夠清晰，而我也不是原開發者，因此溝通的過程拖延了不少時間。不好容易完成了程式碼，在測試主機上持續修正調整了數週，客戶最終點頭 OK，佈署到正式主機的時候就爆炸了… 扣除一些交接時人為疏失所造成的錯誤外，處理到最後還是有一個奇妙的問題。在某個表單頁面上，客戶反應 IE 無法送出表單。不過因為公司主要開發機都是 Mac，僅有少數電腦是 Windows 平台，而且還被裝了剛出的 Windows 8，用 win8 內建的 IE10 切換相容性測試，7, 8 , 9 模式全部都沒有出現問題。 最後才又找了一台裝 Win7 的筆電，用純正血統的 IE9 做測試才重現了客戶反應的問題，看來是 JavaScript 出包了。出包點在這一段程式… function CheckForm1(inForm){ if( CheckA() && CheckB() && //CheckC() && CheckD() ){ return true; }else{ return false; } } 這是前人留下的程式，其中 CheckC() 因為不再用到而被我很直覺地加了兩條斜線註解。這個寫法在 Chrome, Firefox 以及 IE 的相容模式都正常執行，所以沒想到 IE9 無法處理…

    繼續閱讀全文…

  • Mac OS X: Fix Duplicate Items on「Open With…」List

    在 Mac OS X 的 Finder 中，對檔案按右鍵會有一個 Open With 的選單，選擇用哪一個軟體開啟檔案。隨著系統安裝的軟體越來越多，當然選擇也增加了。但 Mac 卻有個鳥問題，當這些軟體版本更新後，選單項目不會自動更新，而會一直增加…. 超瞎… 在一張 .JPG 圖片上 Open With 的選項居然有這麼多重複的，這其實是在催眠我該重灌 Mac 了吧? 其實是有解法的，打開 Terminal 輸入以下指令： /System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/\ LaunchServices.framework/Versions/A/Support/lsregister -kill -r -domain local\ -domain system -domain user 執行需要幾秒的時間，然後在 Dock 上的 Finder 圖示上按下 Control + Option + 左鍵，選重新啟動 (Relaunch)。然後就會還你一個乾淨的 Open With 了，噢耶，又不用重灌了。

    繼續閱讀全文…

  • Objective-C: Use regular expression to replace string in NSString

    在寫一個關於字串處理的小作業時想到的，先留個紀錄。 NSString * strPNum2 = @”(886)02-3356873″; NSError *error = NULL; // regex 用 \ 做跳脫，但是在 C 裡斜線本身也要跳脫，所以寫成 \\( 來跳脫左括號 NSRegularExpression * regex = [NSRegularExpression regularExpressionWithPattern:@”[\\(\\)-]” options:NSRegularExpressionCaseInsensitive error:&error]; NSString *modifiedString = [regex stringByReplacingMatchesInString: strPNum2 options:0 range: NSMakeRange(0, [strPNum2 length]) withTemplate:@””]; NSLog(@”%@”, modifiedString); 電話號碼 (886)02-3356873 會改成 886023356873。

    繼續閱讀全文…

  • The correct meta viewport syntax

    根據 Apple Web Content Guide 的說明，在撰寫手機版或給特定裝置的網站時，可以在 <head> 中用 <meta> 標籤來設定 viewport 相關的設定。 不過通常這段設定都是 copy / paste，然後再根據需求調整參數。在開新專案的時候也貼了前人的 code，但是卻注意到 Chrome 裡會有錯誤訊息，無法識別這段設定。 Viewport argument value “device-width;” for key “width” not recognized. Content ignored. Viewport argument value “1.0;” for key “initial-scale” was truncated to its numeric prefix. Viewport argument value “1.0;” for key “maximum-scale” was truncated to its numeric…

    繼續閱讀全文…

  • Creating Retina Images for Website

    最近在撰寫一個給 iOS UIWebView 用的迷你網站，在等待設計師繪製網站圖片的時候，好奇地看起來了一些關於視網膜螢幕 (retina display) 的資料。順便找了些用 CSS 顯示 retina image 的資料。 感謝行動平台上的瀏覽器對 CSS3 的普遍支援性，透過 CSS3 的 media queries 來分辨平台就可以切換內容了。 .navbar { background-image: url(‘../img/button01.png’); background-size: 320px 49px; } /* — for Retina Display — */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio:…

    繼續閱讀全文…

  • WordPress: Stop changing the quotes

    WordPress 部落格系統有時候貼心過頭了，對於文章中出現的單引號、雙引號會自動轉換。一般文章中的引號被轉換不是什麼大不了的事情，而且往往看起來也比較美觀，但是在技術性文章中，單雙引號是有特別意義的，被自動轉換成別的符號，整串指令就不對盤了。例如…. 單引號…. 輸入 McDonald’s 會變成 McDonald’s

    繼續閱讀全文…

  • File type validation with Javascript

    前些時候寫的簡單版測試程式，在表單送出前用 JavaScript 檢查檔案副檔名。當然這只是第一步驗證，在 PHP 端還是要對 Content Type 做一次檢查。 <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>File Type Validation in JavaScript. ver 0.1</title> </head> <body> <form method=”post” enctype=”multipart/form-data” onsubmit=”return checkAllFile();”;> <input class=”file-selector” type=”file” name=”userfile1″ size=”20″/></br> <input class=”file-selector” type=”file” name=”userfile2″ size=”20″/></br> <input class=”file-selector” type=”file” name=”userfile3″ size=”20″/></br> <input class=”file-selector” type=”file” name=”userfile4″ size=”20″/></br> <input class=”file-selector” type=”file” name=”userfile5″ size=”20″/></br> <input…

    繼續閱讀全文…

  • [unfinished] CentOS Server Git Setup

    http://cse.csusb.edu/turner/wiki/CentOS_Server_Git_Setup http://netlog.jpn.org/r271-635/2008/01/apache_ssl_on_fedora_8_1.html http://memo-off.blogspot.tw/2012/03/centosgit.html http://www.bluevariant.com/2012/05/comprehensive-guide-git-gitolite-synology-diskstation/    

    繼續閱讀全文…

  • Sharpen an image using PHP and GD

    同事正在開發一個購物平台，店家可以上傳商品照片，由系統自動縮圖到適合版面的大小，不過 resize 後圖片品質明顯下降，於是同事問我有沒有解法。同事問我並不是因為我比較強，只是因為我的位子在他旁邊。 跟同事討論了一下，試用了 imagecopyresized 和 imagecopyresampled 兩個函式來縮圖，前者的細節比較好，但部份線條出現明顯的變形，後者圖形正確，但看起來比較模糊。所以先用後者縮圖，再想辦法銳化圖片。 印象中 PHP GD Library 並沒有直接提供 sharpen (銳化) 相關的函式，但是 Google 一下，發現有 imageconvolution 濾鏡可以用，真是有趣，沒想到可以自訂濾鏡，以前在學校修過影像處理課程的回憶…. 都忘光光了。還好不難找到幾組範例。 <?php // create the image resource from a file $i = imagecreatefromjpeg(‘otter.jpg’); // define the sharpen matrix $sharpen = array( array(0.0, -1.0, 0.0), array(-1.0, 5.0, -1.0), array(0.0, -1.0, 0.0) ); // calculate the sharpen…

    繼續閱讀全文…

  • How to use the MAMP Mysql command line client in a terminal

    這篇是寫給自己的筆記，因為我老忘了路徑…. Mac 用 Terminal 登入 MAMP MySQL 的路徑如下 /Applications/MAMP/Library/bin/mysql -uroot -p

    繼續閱讀全文…