分類
懶得分類

免費試用Windows Azure的雲端服務

微軟的雲端服務 Windows Azure 目前有免費試用的版本, 方便給在學習及測試階段的開發者們一個好用方便的服務.

入口: http://www.windowsazure.com/

進來之後, 可以直接在線上申請試用 3個月免費, 點下[免費試用], 免費的內容如下:

  • 計算 / 每個月 750 小時的小型計算時數
  • 網站 / 10 個網站
  • 行動服務 / 10 個行動服務
  • 關聯式資料庫 / 1 個 SQL 資料庫
  • SQL Reporting / 每個月 100 小時
  • 儲存體 / 35 GB 及 50,000,000 個儲存體交易
  • 頻寬 / 無限制輸入及 25 GB 輸出
  • CDN / 20 GB 輸出及 500,000 個交易
  • 快取 / 128 MB
  • Service Bus / 1,500 個轉送時數及 500,000 則訊息

登入 windows account 之後, 會需要輸入電話號碼(用來收開通簡訊)及信用卡驗證身份(避免濫用)後, 就可以順利開通了.

接下來就是使用這個 3個用的免費服務, 最快的方式是直接建立網站功能(即website), 免費內容可以建立10個網站, 所以就來新增一個網站看看, 從 Web Sites 內容下方, 按下 [+NEW] 後就可以新增一個網站, 接下來會有三個選項:

  1. QUICK CREATE
  2. CREATE WITH DATABASE
  3. FROM GALLERY

為能快速就有個網站可以試玩看看, 我們來選 3. FROM GALLERY, 就可以利用架站的套件直接裝好來用, 如 Drupal, WordPress, Joomla, Mediawiki 等.

來裝個 Drupal 試看看, 選擇後, 需要輸入資訊畫面如下:

第一個 url 就需要輸入一個唯一網址, 然後建立一個新的MySQL資料庫, 選擇地區後, 按下一步, 輸入完成資料庫相關資訊後, 回到 Web Sites的管理介面, Windows Azure 會開始部署, 等一下下後, 就會出現部署完成的資訊, 並該 web site 的狀態為 running , 點下自訂的 url 後, 會進入設定安裝 drupal 的畫面如下:

接下來就很單純啦, 一步一步就可以完成這個 drupal 的安裝. 真的很快很方便, 而且馬上就可以用了呢!

目前裝好了兩個測試的 web site, 一個是 wordpress: http://mypress.azurewebsites.net/ , 另一個就是 drupal: http://dp7.azurewebsites.net/ 還真的蠻方便的.

接下來也可以自行試看看用之前的 QUICK CREATE 來建立一個空的網站, 建好之後, 進到管理介面中的 configuration 可以看到預設的 .net framework version 是 4.5, php 是 5.3 的版本.

另外若需要用 ftp 管理, 要到 Dash board 中, 點右邊的 setup git publishing, 也就是 git publishing 和 ftp 都用一樣的帳號密碼, 詳情可以參考這篇:

http://blog.syntaxc4.net/post/2012/09/13/enabling-php-5-4-in-windows-azure-web-sites.aspx

這樣就可以利用 ftp 來進行檔案的上傳及管理了. 由於站台是可以執行 asp.net 及 php, 筆者也上傳了 asp 的檔案測試, 也是可以執行的, 有興趣的朋友們可以試看看這個 Windows Azure 提供的免費 3個月試用服務.

若是用量(QUOTA)超過, 預設是不會扣款, 只是服務會暫停, 測試的網站應該不太會這麼快就用完吧, 好好試用看看吧!

若是網站要自訂網域, 則必須在 SCALE 那裡將模式由 free 設為 shared 或 reserved 才行, 可以參考這篇: http://www.windowsazure.com/en-us/develop/net/common-tasks/custom-dns-web-site/

3種程式支援 sample:
php: http://w3.azurewebsites.net/1.php
asp: http://w3.azurewebsites.net/1.asp
aspx: http://w3.azurewebsites.net/1.aspx

快試看看吧!

分類
Javascript 懶得分類

強大的HTML5離線作業

HTML5裡令人驚豔的一項特性就是可以離線瀏覽功能.

利用這項功能, 可以很容易地讓網頁在沒有網路的環境下, 也能順利讓使用者閱讀及使用, 而且實作上也相當單純, 只需要注意寫好更新網頁的邏輯及時間點即可.

一般來說, 只需要把 manifest 設定好, 基本的離線瀏覽功能就差不多完成了, manifest 的設定容易, 就是把”要”在離線瀏覽的網頁及內容, 寫在 manifest 裡, 例如網頁是

http://test.com/mypage.htm

內容有一個 js/myjs.js
另外還有兩張圖為 imgs/1.jpg 及 imgs/2.jpg

則在 mypage.htm 中的 html tag 裡, 多加上 manifest=”mypage.manifest” 而且在 mypage.manifest 中, 加上以下內容(純文字):

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
CACHE MANIFEST
mypage.htm
js/myjs.js
imgs/1.jpg
imgs/2.jpg
CACHE MANIFEST mypage.htm js/myjs.js imgs/1.jpg imgs/2.jpg
CACHE MANIFEST
mypage.htm
js/myjs.js
imgs/1.jpg
imgs/2.jpg

這樣就完成了. 有意思的地方是即使用 mypage.php 這樣的動態內容, 一樣可以利用這樣的方式將內容存在客戶端中.

如此一來, 即使在沒有網路的狀況下, 也可以順利瀏覽這個網頁內容 http://test.com/mypage.htm

接下來要說明的是更新方式, 一旦寫入到客戶端的內容, 即使原本的 mypage.htm 更新, 就算是有連線時, 該內容也不會更新(而且即使是動態的 aspx, php 等也都是一樣的), 簡單地說, 在 manifest 中的內容, 就是完全使用客戶端的內容, 不管 server 上的內容, 更新的方式就是更新 manifest 的檔案, 瀏覽器會檢視 manifest 內容來進行更新, 而且會自動更新(在線上時的第一次讀到 manifest 更新時, window.applicationCache.status 會變成狀態 4 (window.applicationCache.UPDATEREADY), 此時可以手動更新, 使用 window.applicationCache.update(); 即可做手動更新, 即使在這次的訪問不更新, 在下一次的訪問時, 瀏覽器也會自動更新.

利用這點, 就可以很容易地實作出離線瀏覽內容的網頁.

若希望只更新這些快取內容, 最簡單的作法是在 mypage.manifest 中, 多加個時間或版本號, 如下:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
CACHE MANIFEST
#VER 000151
mypage.htm
js/myjs.js
imgs/1.jpg
imgs/2.jpg
CACHE MANIFEST #VER 000151 mypage.htm js/myjs.js imgs/1.jpg imgs/2.jpg
CACHE MANIFEST
#VER 000151

mypage.htm
js/myjs.js
imgs/1.jpg
imgs/2.jpg

其中的 # 代表著這行為註解, 所以可以自由寫入內容, 上例是寫個版本號 000151, 若要強迫客戶端更新時, 可以將這個 manifest 檔的版本號改為 000151 (若其他內容都可以), 這樣就可以方便容易地來維護在客戶端離線的內容更新.

這裡有一篇很清楚的介紹文, 可以參考
http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/

另外, 配合良好的設計結構, 可以將離線/在線的功能都實作出來, 方便在無法連線時, 也能使用的網頁, HTML5 的這個功能, 的確非常強大!

在實作測試時, 發現若是有設定 manifest 的網頁, 有些瀏覽器對有些 server request 即使沒有設定在 manifest 中, 也會有快取或存取的異常狀況, 建議在 manifest 的最後, 再多加上

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
NETWORK:
*
NETWORK: *
NETWORK:
*

這兩行, 可以讓不正常工作的 server request 正常運作.

相關資料:
http://diveintohtml5.info/offline.html

w3c 的資料:
http://www.w3.org/TR/html5/offline.html

Apple Safari的資料:
http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

分類
懶得分類

Google天氣API失效?!

之前一直用的好好的 Google 天氣 API, 今天同事回報異常, 經檢查後, 發現看起來是 Google 的問題, 不過回覆的訊息讓人摸不著頭緒, 如下:

(訪問 http://www.google.com/ig/api?hl=zh-tw&weather=taipei 的結果)

起先以為是用量過多爆了, 不過查了一下, 發現應該不是, 而且也找到相關的新聞訊息: http://thenextweb.com/google/2012/08/28/did-google-just-quietly-kill-private-weather-api/ 看起來應該是 Google 打算關掉的服務引起的, 而且上面的 copyright 還是 2009, 真是怪怪的.

接下來只好轉換用其他家的 weather api, 原本要用 http://www.wunderground.com/ 這家的, 但是是要收費的, 只好再找, 改用 yahoo 的, 參考 API 介紹: http://developer.yahoo.com/weather/ , 應用起來, 原本 Google Weather API 有的資訊他也都有, 只是都是英文的, 不過倒也不影響使用.

不過若是不知道地點的 w 代碼(WOEID), 可以先到 yahoo weather 上查: http://weather.yahoo.com/ 輸入 taipei, 將會重導到網址: http://weather.yahoo.com/taiwan/null/taipei-2306179/ 就知道 w 代碼是 2306179, 而 API URL 就會是: http://weather.yahooapis.com/forecastrss?w=2306179 預設氣溫單位是華氏, 若是要氣溫單位, 再多加參數 u=c 如: http://weather.yahooapis.com/forecastrss?w=2306179&u=c

回應的內容也都是 xml 格式, 可以容易利用程式實作取出, 花了幾十分鐘的時間, 把原來的 api 由 Google 改到 Yahoo 完成.

附上部分台灣的 WOEID:

2306155 Yungkang City, TW (永康市)
2306179 Taipei City, TW (台北市)
2306180 Kaohsiung City, TW (高雄市)
2306181 Taichung City, TW (台中市)

分類
懶得分類

iTunes台灣版本音樂可以買了

iTunes台灣版本音樂可以買了呢. 快來找找看有沒有你喜歡的歌呢?

可以線上先看看有沒有喜歡的歌手: http://itunes.apple.com/tw/genre/yin-le-liu-xing-le/id14?l=zh

重灌狂人這裡整理了低價促銷的一些專輯, 也還蠻值得參考的: http://briian.com/?p=8429

有 iDevice 的朋友們可以參考看看!

分類
懶得分類

可愛的聖誕節小人-Google StreetView

這可不是薑餅人吧…

Google StreetView 上的小人在聖誕節前夕, 戴著可愛的紅色帽子, 來上街景:

可真是有意思耶! 很應景也很可愛!

換個角度看看:

很可愛吧!

分類
懶得分類

IE9/Safari5/Firefox3/Chrome大車拼

繼剛寫了Safari5發表的文章後, 想說順便跑一跑其他家的一起來拼一拼.

以下測試 ACID3 是用: http://acid3.acidtests.org/
而 javascript 效率的 Webtest 是用: http://www.101asian.com/webtest.htm

先來看看 IE9 的:
UA: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)(HTTP_USER_AGENT)

ACID3: 68分
WEBTEST: 27ms
再來是 Safari 5的:

分類
懶得分類

實用解析度大剖析

在實作 video 播放器時, 或是做 video 解析度判定時, 往往有許多專有名詞跑出來, 像是 VGA (640*480), NTSC (720*480), 再加上有一些小的解析度, 搞得很多名詞, 很多解析度出來, 這裡一次做一彙整, 把資料名稱和來源及解析度整理清楚. 也方便日後使用.

小尺寸的 CIF: (資料來源: http://zh.wikipedia.org/zh-tw/%E9%80%9A%E7%94%A8%E5%BD%B1%E5%83%8F%E5%82%B3%E8%BC%B8%E6%A0%BC%E5%BC%8F)

共有:
SQCIF 128 × 96
QCIF 176 × 144
CIF 352 × 288
4CIF 704 × 576
16CIF 1408 × 1152

其中 CIF 是 352 × 288, 而 Q 就是指 1/4, 所以各維度減為一半, 而 4CIF 則是 4倍, 也就各維度是 2倍長, 16CIF 則是各維度 4倍長.

再來就是較大尺寸的部分, 這張圖幾乎可以說明一切: http://zh.wikipedia.org/wiki/File:Video_Standards.svg

而顯示解析度更清楚的說明可以在這裡查到: http://zh.wikipedia.org/zh-tw/%E6%98%BE%E7%A4%BA%E5%88%86%E8%BE%A8%E7%8E%87

內容如下:

分類
懶得分類

hotmail新增網域可供申請(hotmail.com.tw)

微軟 hotmail 帳號信箱, 新增 hotmail.com.tw 網域可供申請(當然一樣包含了所有 M$的服務應用, 有hotmail, Messenger, xbox live等). 若原來自己喜愛用的帳號在舊網域 hotmail.com 沒有申請到的朋友們, 可以快來申請 hotmail.com.tw 的網域帳號及信箱囉.

申請的方式可以到 www.bing.com 網站然後在未登入的狀況下, 點選右上的登入, 或是直接到 www.hotmail.com (也是在未登入的狀況下), 選擇[註冊], 就會出現申請表單囉, 如下:

就可以選擇 hotmail.com.tw 的網域並申請帳號了. 快去申請吧!

相關新聞: http://www.zdnet.com.tw/news/comm/0,2000085675,20144046,00.htm
繼續閱讀: http://www.freegroup.org/2010/01/new-windows-live-hotmail-com-tw/

分類
懶得分類

下方購物廣告的系統轉換由monday轉為yahoo(批次作業)

先說明一下, 這篇純綷只是一個工商文. 不過也是小站的廣告, 所以請大家將就一下.

話說最近 yahoo 發 email 通知, 即將停止興奇大聯盟的服務, 而需要大家來進行系統轉換(其實不是系統轉換, 而是重新加入 yahoo 大聯盟的服務). 比較麻煩的是沒有那種一次就可以轉換過去的方式, 因為原本就上了一堆廣告產品, 但是有方法, 而且還蠻單純的.

其實早在去年底, 興奇購物就已被 yahoo 購物併購了, 只是系統轉換和介接需要時間, 現在進行系統調整其實也理所當然, 所以只能配合調整, 不過其實這個 yahoo 購物興奇購物的內容目前是完全一樣的.

所以, 有在用的大家, 就去 yahoo 大聯盟註冊一下, 然後用著一模一樣的後台操作, 挑選一下商品, 並取得代碼如下:

<a href=”http://partner.buy.yahoo.com.tw/pub/gotobuy.ashx?gdid=1613772&amp;mcode=MaaaPQ==“><img alt=”Panasonic 42吋Full HD數位電漿顯示器(TH-P42S10W) ” src=”http://partner.buy.yahoo.com.tw/pub/gd.ashx?s=1&amp;gdid=1613772&amp;mcode=MaaaPQ==” width=”210″ border=”0″ height=”240″></a>

再看看原本的興奇大聯盟的代碼:

<a href=”http://partner.monday.com.tw/pub/gotobuy.ashx?gdid=1613772&amp;mcode=MbbbPQ==“><img alt=”Panasonic 42吋Full HD數位電漿顯示器(TH-P42S10W) ” src=”http://partner.monday.com.tw/pub/gd.ashx?s=1&amp;gdid=1613772&amp;mcode=MbbbPQ==” width=”210″ border=”0″ height=”240″></a>

其實就只有紅色和綠色字的不同而已, 所以基本上, 可以利用文字編輯器, 如 emeditor, ultraeditor 等將網頁上的廣告 replace 這些文字即可,

1. 為由 partner.monday.com.tw 換為 partner.buy.yahoo.com.tw
2. 由 mcode=MbbbPQ== 換為 mcode=MaaaPQ==

其中 MbbbPQ== 是你在 monday 的舊代碼(實際沒這麼短, 我是調整一下方便說明), 而 MaaaPQ== 是你在 yahoo 的新代碼, 所以總共只要 replace 2次即可完成新舊版轉換, 但重點是你要先去 yahoo 大聯盟加入, 並新生成一個廣告, 才能取得那個新的 mcode . 若有任何問題, 請與官方聯絡, 這裡只是提供一個轉換的小捷徑而已. 也還請大家多多利用下方的購物連結, 沒買看看也好.

分類
懶得分類

專注能讓你做得更好

這篇文章研究指出, 正常人的的多工能力有限. http://www.zdnet.com.tw/news/software/0,2000085678,20140461,00.htm, 坦白說, 或許每個人的能力有差異, 但到底能不能這麼多工呢? 其實因人而異, 不過無論如何, 同事做多件事的效率, 一定沒有做一件事來的好, 即使是很強的CPU, 在多工作業系統下, 會有一個 context switch 的損耗 (overhead), 更不用說一般人的工作在多工下的交換時, 所造成的效率低落.

這邊有一些說明, 讓大家更了解 context switch:
蔡學鏞【言程序】部落格 – 無所不在的Context Switch
安多尼歐老闆的機密檔案櫃 – Context Switch

通常人要能專心, 才能把事情做好, 沒有人有三頭六臂, 而且要同時處理多件事情本來就難, 再加上處理事情除了要解決外, 並不太能用時間來量化, 其中有一個重要的地方, 在於品質, 也就是把事處理完成的結果, 會有一個品質的成績. 這個成績需要大量的專注力及集中精神, 才會有較佳的結果. 若是不能集中精神, 集中注意力, 讓自己專注來進行思考的話, 相信結果一定會差強人意的.

如何集中精神, 集中注意力, 就是要讓心無旁騖, 無雜念, 用心體認及專心思考, 這樣一來, 無論在效率上, 或是品質上, 都一定會有相對較佳的結果. 工作上, 休閒上, 都是一樣的, 若是工作不能用心, 玩不能盡興, 那還不如不要去做, 把時間節省下來休息.

回歸到這篇主題, 專注能讓你做得更好, 與大家共勉之.

Buy Me A Coffee
Thank you for visiting. You can now buy me a coffee!