DanielChou @雙人咖啡座．山很綠．天氣晴

[UI]按鈕能被重複點選嗎?

2011-03-16T23:07:00.000-07:00

好久沒在這邊又寫文章了，一隔就是好幾個月...2011年真的是變動的一年，小朋友的誕生，職場跑道的轉換，新技術上的學習...。這變動的過程雖然很累，但不諱言在極大的壓力下真的強迫自己成長學習到很多。由於在職場上我漸漸被市場定位為FED(Front-end develope，前端介面設計師)，什麼是FED?我看過最簡要的定義就是：凡是可看到網頁原始碼的code都屬於FED的範圍，(但對我這邊來說，flow、view data、system design都算是我的，又包山包海了 ...orz)。之前設計系統都是自己決定自己開發，當然一貫的設計可以跟你當初的想法mapping，但什麼都會也代表什麼都不精。這幾個月就很容易理解為什麼當初設計出很多bug的系統。光是提供給USER操作的UI就有很多小細節，但這若沒注意到可能對網站某些功能就是掛給你看，當初都沒去想過，你安排的button

慢火煮熟的青蛙

2010-08-02T01:16:00.000-07:00

跳離熟悉的工作環境真的需要勇氣，因為怕自己像隻慢火煮熟的青蛙，窩在那邊永遠就跳不出來，怕自己跟不上新技術，怕自己競爭力稍微鬆懈就差人家好幾步，...到了新環境，果然發現很多程式的寫法跟自己差很多，重新當新人真的是很辛苦，適應環境適應所有的一切，只為了跟上腳步。...

如何判斷Javascript的變數是否存在?

2010-07-22T01:32:00.000-07:00

每次寫了一堆js，有時變數從別的*.js檔案帶過來的，若是變數沒有如預期被定義出來該怎判斷?//假設變數為aaaif(window.aaa){ ......}就這麼簡單，真令人想不到...發現困擾很久的問題，若只要有心慢慢找答案會發現其實解法都很基本...--end

SQL Server move data by Copy Paste 秘密大公開!

2010-06-03T07:49:00.000-07:00

也許是我下的標題太聳動，禁不起學長再次要求我要公開SQL Server可用Copy&Paste方式搬移資料...，說實在的以下的做法，很不值得讓我公開給大家知道，真是沒FU，讓每次搬移資料都還要下很精確的指令才能搬移的我...看到旁邊同事這樣的做法真是ORZ...當然我不確定如果資料型態或不符合會如何，還有當筆數如果是上千筆的時候可能就不能這樣做了，我只是很不能夠忍受把SQLServer當作Excel操作的人，每天都有同事問我為什麼EXCEL可以，SQL這邊就不行? SQL真難用耶...要不就是"搬資料有這麼難嗎?" 現在我才知道他們原來是這樣操作的... (真想罵人....#$%#$%^#$)看兩個完全不同欄位的資料表選編輯前200筆資料....選取你要的資料筆數，你可以像EXCEL般這樣的直覺貼上.... |||不合的欄位就用NULL替補....寫到這，還是覺得很不削咧

appengine 1.2.8 提醒你該換新版本

2009-12-07T21:42:00.000-08:00

最近公司專案真的很忙，聽主管說我這部份要是delay了可能就幾百萬無法進帳，真是很大的壓力...，以下寫的真的不是很重要的東西。前幾天appengine也release新版本1.2.8，在沒更新下，直接跑了dev_server，Eclipse console跑出提示訊息，****************************************************************There is a new release of the SDK available.-----------Latest SDK:api_versions: ['1']release: 1.2.8timestamp: 1256772143-----------Your SDK:api_versions: ['1']release: 1.2.7timestamp: 1255546941-----

Google translate 更好用了

2009-11-17T17:23:00.000-08:00

最近發現Google Translate 更好用了。不用按"翻譯"，邊打字下面的翻譯結果會一邊出來，省一個按鈕步驟體驗大不同，可是系統應該要重新設計吧? :P。

一年了Azure依然不成熟

2009-10-22T04:02:00.000-07:00

看到自己寫的這篇文章，隔了將盡快一年時間發現Azure還是依然不成熟，上個月心血來潮要來重新整理資料是玩看看，發現門檻頗多，設定條件一堆，整體感覺沒有像appengine的單純，比起appengine雖然有python需要適應，不過似乎也沒比較困難，appengine都不知道更版幾次了，好在當初沒押寶在Azure上... :P上週也還看到新聞上也在講到微軟的作業系統市佔率逐漸被瓜分，在Chrome OS、Mac OS環伺下，今年財報也指出微軟獲利下滑的消息，就不知道Windows 7、Azure能否在明年可將微軟拯救起來，不過我個人覺得是越來越不去追逐微軟的技術了，SliverLight發展至今，都沒有想碰的興趣...。

好用的Django Template - default_if_none 解決None的問題

2009-10-22T03:41:00.000-07:00

我實在是很喜歡appenige當中的template，如果習慣使用Python Django的template可幫助你解決不少瑣碎事。例如：從DataStore撈回來欄位沒有存在資料，會在網頁上顯示None，若想要換為其他顯示的字元你可以使用：{{ value|default_if_none:"nothing" }}value為欄位名稱，資料若不存在，會自動幫你轉換為"nothing"。若不用template，你可能要在Python內做轉換，或拉到前端javascript中處理，都比不上這簡單。且使用django template因為有效能最佳化過，可增加處理的效率。

sitemap製作-建構網站必要的步驟

2009-10-21T18:40:00.000-07:00

寫了好幾個月的公司專案的服務網站，在上週終於渡過初期審查，雖進行的不是很順利(並不是系統設計的問題，而是計畫範圍界定尚未釐清)，但也總算是過關了。好幾周壓力下終於釋放了一點，除了網站系統上還有很多不份需要再擴充改進，趁游刃有餘的時間就順便搜尋一下自己的心血結晶，在輸入關鍵字後，發現排名根本就找不到，雖然網站有被Google收錄進去，但若要以幾個關鍵字來查詢前十名排名，其實是很失敗的。當然，我目前的工作並不是在為該專案進行SEO，不過因為該網站有個神聖使命，就是建立台灣紡織產業也有可媲美電子產業的綠色環保法規資訊平台，協助產業中的所有廠商整理繁雜的法規資訊，提昇台灣在全球紡織產業中的競爭力，但這麼有理想的計畫，若不能夠透過網路曝光，使用的人乏人問津也是功虧一匱；況且，網站的搜尋優化又不是一蹴可及，應該是在分析、建構網站過程中一併考慮進去。話說回來，

IE瀏覽器的市佔率又降低了

2009-09-22T19:28:00.000-07:00

今天又有人跟我抱怨系統操作很慢，不但會當機且每次都要再重新登入，影響到操作效率與情緒。其實我最在意使用者的操作體驗，至於會被抱怨是因為那個畫面必須把上千條法規的load到client端畫面來。為了在有限版面空間內呈現最大量的資料，以及操作效能上的考量考慮，我會規劃、切割、分類資料，在依使用者的需求非同步下載資料到瀏覽器上，.... 但資料畢竟還是很多，若要user可以用滑鼠隨點隨出現資料，又可以同時大量修改編輯資料，困難度就很高。因為專案時程壓力越來越大，新的進度寫不完了，我也無暇再回頭再去修改提升更高的效能；我也了解到工廠端的電腦設備都很舊，每位員工也被要求要跟PC"多工"，同時開了很多視窗，所以我直接建議工廠端在維護法規資料過程，最好騰出一台專用的電腦來作業，另一個就是請他們更換瀏覽器FireFox。在企業無法提升硬體成本的情況下，FF的確可以提高不少效率，只要同時開IE與FF

Google AppEngine 雲端上的環境比Dev開發時還嚴格?

2009-09-20T08:40:00.000-07:00

這是我在使用appengine時所發現的心得:假設我有一個js檔案要引入，假設檔案為 jAutoRunInclude.js當在Develope環境時，寫成 < script type="text/javascript" src="../js/jautoruninclude.js" > </script > 可以通過。但在Deployed 到雲端的時候就不行了，檔案有區分大小寫。....

宜蘭出遊：客人城、KAVALAN酒廠、新月廣場、橘子咖啡庭園賞夜景

2009-09-12T10:11:00.000-07:00

今天難得婷婷、德哥、三郎伉儷相約去宜蘭走走，大夥坐德哥的車、在三郎兄提供景點之下，我們早上十點從中和出發，整個行程至晚上十一點結束，可供其他朋友參考。以下是我們的一日行程：客人城。一人三百多卻可以吃多樣的菜色，擺盤非常用心，十足展現宜蘭鄉村特色。金車KAVALAN酒廠。參觀酒廠製作過程，品酒。宜蘭設治紀念館。了解宜蘭早期的歷史。新月廣場。這是宜蘭最新、現代的百貨公司，裡面的誠品書局很有宜蘭特色!!好像在多花點時間在裡面逛逛。橘子咖啡庭園。很棒的賞夜景地點，可一覽無遺整個宜蘭平原。在較大的地圖上查看宜蘭20090912出遊

如果海平面上升五公尺，台北將成台北湖?!

2009-08-13T00:50:00.000-07:00

這次莫拉克重創台灣，看了連續好幾天的救災新聞畫面，傷亡人數持續在攀升。根據專家說法，起因在於全球暖化，雖這次是南台灣重創，但對於全球氣候遽變，任何人都應該有更高的危機意識，甚至歐美各國比照反恐的態度來對待暖化的惡化，其實這只是過境來台灣的第一個颱風就這麼嚴重，暖化的情況我認為也不可能會改善，南北極、格陵蘭冰山只會持續融化，海平面會持續上升。於是我很好奇，海平面多久時間會上升多少高度? 假使上升到某個高度對身在台北的我們會有什麼影響? 上網google了一下，比較多的說法是2100年後會上升少於一公尺，不過這數據是相當保守有爭議的，也有的說會上升五公尺甚至會更多。好吧，假設海平面上升，對台北影響又如何? 我找到Sea Level Rise小工具來測量看看，當然這是經由程式預估的，準確性待商榷，不過可以體驗一下淹水的感覺。假設海平面上升2公尺，松山機場、關渡、北投一帶開始淹水了海平面上升5

今天發現到GAE新標頭 X-AppEngine-Resource-Usage

2009-08-06T18:21:00.000-07:00

今天突然注意到我的GAE專案會產生兩個沒看過的標頭，如下所示；蠻有意思的，我在猜應該是設計用來了解每張網頁產生所耗用的資源。Content-Type: text/html; charset=utf-8Cache-Control: no-cacheExpires: Fri, 01 Jan 1990 00:00:00 GMTContent-Encoding: gzipX-AppEngine-Estimated-CPM-US-Dollars: $0.003313X-AppEngine-Resource-Usage: ms=83 cpu_ms=135 api_cpu_ms=46Date: Fri, 07 Aug 2009 01:18:03 GMTServer: Google FrontendContent-Length: 688

如何從Javascript的Array中篩選出唯一的元素?

2009-08-05T00:57:00.000-07:00

這是我今天寫CASE的時候遇到的問題，jQuery中有個$.unique函數，但發現這只能針對DOM元素才有效，也就是說對於陣列內的文字或數字是沒有作用的。後來考慮到將來有需求，於是就自己寫了一個函數，(包裝成API? 這函數實在太小，等我累積了很多程式碼後再說吧... :P )。下列的方法程式碼真的很小，有需要的請歡迎大家多利用與討論...函式：function uniqueArray(arr) { var obj = {}; var uniarray = []; for (var key in arr) { obj[arr[key]]=1; } for (var key in obj) { uniarray.push(key); } return uniarray;}使用範例： var ss = [123, 789, 123, 123, 789, 789, 456

HTTP狀態碼詳細列表（HTTP Status Code）

2009-08-03T22:51:00.000-07:00

最近發現可利用 304 Not Modified(HTTP Status)來檢驗是否網頁檔案有更新過，再利用快取方式來讀取曾經讀取過的網頁，減少不必要向server請求的資源。因為過去都對這些代碼不甚了解 (除了404之外...)，所以順便就在網路上找了些資料放在這邊方便自己將來可查詢使用....-------------------------------------HTTP狀態碼（HTTP Status Code）是用以表示網頁伺服器HTTP響應狀態的3位數字代碼。它由 RFC 2616 規範定義的，並得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等規範擴展。所有狀態碼的第一個數字代表了響應的五種狀態之一。1xx 消息這一類型的狀態碼，代表請求已被接受，需要繼續處理。這類響應是臨時響應，只包含狀態行和某些可選的響應頭信息，並以空行結束。

殺菌劑三氯沙的危害，你家裡有這些東西嗎?

2009-06-30T18:48:00.000-07:00

由於我所屬的公司屬於紡織業集團，若我們公司要承接歐洲國家的紡織訂單，所生產的產品就必須通過嚴格的歐盟-化學限用品的規範，而剛好我目前就是在幫公司整理並設計限用化學品規範的電腦系統，在我們的系統內查詢三氯沙，天ㄚ!，沒想到不但真的有該項目，且在我的分類下就獨占一大類，原本一直以為該限用化學品只是應用在紡織產業上，沒想到也是適用在化妝品、清潔用品上。這也表示這些有危害人體的化學物質已經已各種方式、型態滲透並濫用在我們生活週遭四周，可以說我們是生存在到處是毒性的空間中。毆州國家的環保意識我們同樣可以借鏡學習，為了自己家人健康與生存的權利，這些艱深難記的化學式不再是少數相關學者才有知道的權利，從此將三氯沙(Triclosan)背起來，透過歐盟標準-化學限用規範，找出哪些才是適合我們的生活用品，而不被廠商行銷或廣告訊息所矇蔽。該篇文章來源雖來自於Email，但後來我在搜尋了一下相關文章，

[笑話]牢獄中的兒子

2009-06-30T18:39:00.000-07:00

某個人轉寄的信，蠻好笑的，分享給大家...有個住在新澤西州義大利後裔的老先生,想要像往年一樣種蕃茄.但是地很硬,挖起來很困難.往年都幫他的兒子如今又入獄了.老先生寫了封信給兒子敘述他的難處:親愛的兒子：我很哀傷,因為今年沒法種蕃茄了.我已經太老挖不動菜圃了.如果你還在家一定會像從前一般地幫我挖.--------------------------------------------過了幾天,他兒子回了封信:老爸千萬別挖.屍體就埋在菜園裡.-----------------------------------------------第二天清晨四點,FBI和地方警察全體出動,把菜園挖翻了一遍都沒找到屍體.他們向老先生道歉後而離去.當天老先生又收到一封兒子的來信:爸,現在你可以種蕃茄了吧!在當下這個狀況,這是我能給您最大限度的幫助.

用GoogleMap看核武毀滅範圍

2009-06-29T19:54:00.000-07:00

假若有核武攻擊到台灣，你認為影響範圍有多大?http://www.carloslabs.com/projects/200712B/GroundZero.html這個網址可以讓你試看看在任何地方若遭遇核武攻擊後，你可以選擇地圖上的某個地點、武器規模大小，從最小的從二次大戰廣島的原子彈到有史以來人類建造威力最強大的核武器Tsar Bomda，紅色部分是高溫毀滅的範圍，你可以想像毀滅的面積有多大。當然，再怎樣也比不上小行星撞擊，你可以試試看，簡直是上帝的憤怒。雖不知道該網站的計算理論是否正確，有些人覺得該網站蠻病態的，不過我倒覺得該類應用頗具教育價值，可讓人想像核武的可怕威力，更讓人可省思動用核武會讓地球與人類需要付出無法彌補的慘動代價。

如何紀錄保存查過字典的單字?

2009-06-28T18:31:00.000-07:00

我有在Google上查字典的習慣，其實大致上來說使用Google還是比Yahoo要來的好，因為Google的字庫多半是從網路上搜刮而來整理的，而Yahoo是與譯典通Dr.Eye合作，以我在網路上看文章查閱的單字的經驗來說Google比較能夠滿足我。Google雖好用，但有些地方還是不能滿足我，像例如：無法保存我查閱過的單字。這功能很重要，因為有些單字你會發現你常記不起來，有些單字你可能有印象，卻又無法精準的描述出來，像是n詞酷就能夠保存每個人查過的單字當作「單字本」，可是Google卻沒有。還有像Yahoo在查單字的過程中會有「推荐單字」出現，Google也沒有。後來才發現並不是沒有，而是以另一個方式呈現...，但很重要的是，你必須登入Google的帳號使用才會有紀錄。首先在Google網頁中登入你的Google帳號，輸入http://www.google.com/history/

ROR自學摘要(一)

2009-06-17T01:26:00.000-07:00

以下代表我測試的過程心得，最後並沒有成功，我的環境是windows server 2003...。DC：代表DOS command任何路徑上輸入指令...1.ruby有安裝成功嗎?DC:ruby -v-->Ruby 1.8.6 如果有看到ruby 1.8.6就是成功了2.安裝Rails框架DC：gem install rails --include-dependencies因為會從網路上下載相關檔案，過程會持續幾分鐘。完畢後檢查Rails版本DC：Rails -v-->Rails 2.3.23.安裝Mongrel(ROR 應用伺服器)DC：gem install mongrel --include-dependencies接下來會看到下列的選單。因為我的環境是Windows Server2003 ，所以我挑選3。-->Select which gem to install for

AppServ如何設定上傳檔案與發送GMAIL?

2009-06-16T23:44:00.000-07:00

安裝好AppServ後如何設定上傳檔案?1.開啟 c:\windows\php.ini ，用文字編輯器修改。2.大約490行位置，設定「file_uploads = On」。3.大約497行位置，設定「upload_max_filesize = 20M」，20M代表上限你可以自行在調整。4.大約514行位置，設定「default_socket_timeout = 600」。這個設定值決定了檔案上傳的操作時限，當檔案比較大或網路較壅塞時，若上傳時限太短會被迫終止，導致上傳失敗。安裝好AppServ後，如何設定SMTP伺服器，讓網站可寄發Google Mail?1.大約607行的位置，設定「SMTP = smtp.gmail.com」，假設我使用的是Google信箱寄發MAIL，PORT=587。2.大約610行的位置，設定「sendmail_from =mymail@gmail.com」

開始匯集GAE 或Python的中文資源

2009-06-12T04:47:00.000-07:00

今天買了本O'REILLY的Python3 準備要好好K一下了後來想到來找些中文資料餐　這是大陸人寫的GAE網站，蠻完整的，希望有機會可跟他討教...http://ihere.appspot.com/blog/很棒的線上Python執行IDE，本機上不需要安裝Python，可測試一些很簡短的程式碼。http://py-ide-online.appspot.com/

jQuery TOOLS 的推出與爭議?

2009-06-05T23:35:00.000-07:00

昨天看了這篇jQuery Tools vs jQuery UI 才發現最近新推出了TOOLS的jQuery plugin。試玩一下Demo以及發現程式碼據TOOLS號稱gzipped過後只有5.78kb，這時心想：又挖到寶了。想說再回到討論去上看看其他高手是否有不同意見，這時才發現TOOLS的出現已經引起一陣不小的風波。原因就出在於TOOLS官網上寫明了它就是要補jQuery UI不足之處，例如：TOOLS有UI缺乏的tooltips、tabs、overlays等功能，且強調檔案比UI還要小。marcgrabanski認為TOOLS既然對於UI不足之處有意見，最初就應該加入該UI團隊，一起協同開發改造出新版本，畢竟當初是受到UI的啟發，到後來卻因UI不足之處，甚至另起爐灶創立一個新品牌，這樣的行徑並不厚道。但支持TOOLS的人卻也有不同的聲音，認為網頁開發者本來就是會殷切期望會有更小、

如何加速Javascript 下載時間?

2009-06-03T00:40:00.000-07:00

如何加速網頁的javascript讀取速度?其實大致上都是透過檔案壓縮的原理，讓檔案變小減少下載速度變快。這邊可以體驗壓縮過後的速度差異。首先你需要有可量化的工具，你可以透過FireBug檢查你的網頁每個元素如：CSS、圖片或其他檔案下載的分析表。利用JSLint檢查你的javascript語法是否嚴謹合法，不過要有心理準備，你測試過後可能會因被挑出太多錯誤想哭，....再用http://dean.edwards.name/packer/ 壓縮檔案，有時可減少40%檔案大小。利用Cache檔案，如果系統更新不頻繁可以，系統若測試中就不建議。原始可參考這篇文章Speed Up Your Javascript Load Time