The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

介紹好用工具: SSH Filesystem (簡單好用的 SSH 檔案系統)

在 Linux 底下,如果要共用一個遠端的資料夾,通常會用 NFS (網路檔案系統) 來進行分享。不過 NFS 預設要在擁有 root 權限下才能掛載 (mount) 進來,另外則是使用 NFS 使用 RPC ( portmap 或 rpcbind ) 服務來做埠號對應 (Port Mapping),也代表防火牆也要多一層設定,為了安全總有那麼一點不方便。但其實有一套好用的 SSHFS ( SSH Filesystem ) 工具,讓你只要有 SSH 登入權限,就可以輕易的將遠端資料夾直接掛載到本機,而且連一般使用者也可以使用,甚至於連在 Windows 下都可以自由掛載遠端 Linux 帳號下的任意一個資料夾,真的非常方便。

... 繼續閱讀 ...

介紹好用工具:Azure Virtual Directory (將儲存體變成磁碟機)

管理 Windows Azure 的 儲存體帳戶 (Storage Account) 有很多方法,工具也非常多,今天我要來介紹一套挺方便的 Azure Virtual Directory 管理工具,設定好之後,某個儲存體帳戶會直接掛載成一個網路磁碟機,然後就可以透過檔案總管管理所有的 Blob 檔案內容,使用上非常直覺,也非常適合用來將本機大量的檔案搬上 Azure 儲存體 (Storage),完全不用寫程式。

... 繼續閱讀 ...

如何從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 檔案

前幾天一個負責前端的同事遇到一個問題,在實驗一些 JavaScript 函式庫時,發現無法直接從 GitHub 載入 JavaScript 檔案,Google Chrome 的 Console 視窗 (在開發者工具裡) 會出現一段 Refused to execute script from 'https://raw.github.com/moment/moment/develop/min/moment.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled. 的紅字 (紅字代表嚴重錯誤),而導致網頁無法正確執行,這篇文章將分享幾個注意事項,還有從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 範例程式或函式庫的使用技巧。

... 繼續閱讀 ...

介紹好用工具:JS Bin ( 網站前端工程師的學習利器 )

我好像很久沒有介紹好用工具了,並不是我偷懶不玩工具,而是最近介紹工具的資訊大多分享在 Will 保哥的技術交流中心 為主,不知道的人記得過去按「」喔。今天這篇文章,主要介紹 JS Bin 這套好用的網頁前端工具,我覺得 JS Bin 介面非常簡潔,非常對我的胃口,雖然此工具還在不斷發展,但是目前的品質已經非常好了,因此覺得可以發表一篇文章來介紹這套工具,並分享一些不容易發現的使用技巧!

... 繼續閱讀 ...

在 Windows 8 將 NB 的無線網路變成可分享的 Wi-Fi 熱點

三年前我曾經寫過一篇【如何將 NB 的無線網路變成可分享 Wi-Fi 的 AP 模式 (Ad-Hoc)】的文章,這幾天因為到大陸出差,又需要再次利用筆記型電腦 (NB) 分享 Wi-Fi 熱點出來,以便讓我的手機使用飯店提供的網路,這才發現原本的文章已經無法適用於 Windows 8 作業系統了。所以趁機重新研究了一下新的設定方式,並整理成這篇文章。

... 繼續閱讀 ...

Will 保哥的開發人員工具軟體清單 ( 最新 2013 年版 )

從上次發表 Will 保哥的開發人員工具軟體清單 ( 最新 2011 年版 ) 至今已經超過兩年,軟體市場發生了不少變化,常用的工具軟體也都升級了好幾代了,前陣子採購了今年需要的 i7 + 16G 戰鬥機 (工作用桌機),也決定好好的來更新一下這份 Will 保哥的開發人員工具軟體 供大家參考。
( 東西很多,要有心理準備 ^^ )

... 繼續閱讀 ...

介紹好用 Chrome 擴充套件:OneTab (大幅節省記憶體耗用)

我覺得每個人在使用「瀏覽器」的時候,習慣差異真的很大,像我最常用的瀏覽器是 Google Chrome,原因是我喜歡保留那些尚未閱讀的 頁籤 (Tabs) 在瀏覽器上,等有空的時候再來閱讀,或是覺得有趣的文章,竟也不放進書籤,而是維持在【頁籤】上,並且設定當 Google Chrome 關閉後重開,頁籤會自動重新開啟。雖然其他瀏覽器也可以這樣設定,但只有 Google Chrome 的速度是最快的。只是,這樣的設定有個致命的缺點,那就是,這樣的使用習慣會讓 Google Chrome 變成一個狂吃記憶體的大怪獸。今天,我要介紹 OneTab 這個 Google 擴充套件,就是用來釋放你珍貴的記憶體資源!

... 繼續閱讀 ...

免費申請 StartSSL™ 個人數位簽章與網站 SSL 憑證完全攻略

銷售憑證的公司競爭激烈,國外甚至於有一家簽發憑證的業者 StartSSL™ 提供完全免費的 SSL 與 S/MIME 憑證,每次可申請一年期,憑證有效日到期之前還可以再次申請一次憑證,一樣是免費。這個免費的申請方案其實已經存在很多年,一年可以省下數千元的憑證簽證費用,是個不錯的選擇。但礙於申請的步驟十分繁瑣,可能還是有許多人不知道如何申請免費憑證。

... 繼續閱讀 ...

介紹好用工具:RWD Bookmarklet (測試行動版網站的利器)

前陣子在 Tech‧Days Taiwan 2012 演講【使用 HTML5 打造友善網頁】這個主題,課程中提到幾個不錯的 RWD (Responsive Web Design) 書籤工具,可以很方便的快速切換網頁裡可顯示的網頁範圍,以便測試你的網頁在不同視窗大小之下如何顯示。這幾套 RWD 書籤工具厲害的地方在於完全以 JavaScript 寫成並能跨瀏覽器執行,所以不管你用甚麼瀏覽器都可以使用,讓你不用安裝任何瀏覽器外掛或擴充功能就能使用。

... 繼續閱讀 ...

Windows 8 小工具: 自製【關機】功能到 WinX 進階功能選單

不管你是新手還是老手,相信大家第一次用 Windows 8 的時候第一個先遇到的困難就是找不到關機功能,我上次在 尋找電腦3C達人體驗Windows 8 ~ Mobile01體驗會 分享 Windows 8 使用經驗時也有提到或許我可以弄一個關機功能給大家下載,想來想去還是把關機功能做在 WinX 進階功能選單裡,這裡也許對新手來說不是很好找,不過看過這篇文章應該不會忘記才對,我覺得放在這裡還蠻不錯的!

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (3)

網站建置的過程中一定會不斷的打開瀏覽器測試,先測試完常用的瀏覽器,然後再測另一個瀏覽器,就這樣測試、修改、測試、修改的循環,說實在也挺累人的,無奈瀏覽器種類跟版本又是出奇的多,話說白了,網站建置根本不是「人」能做的工作,所以我們一定需要一些幫助我們測試網頁在各瀏覽器呈現的工具,本次文章主要會介紹幾款免費與付費的跨瀏覽器測試工具,幫助網頁設計人員完成繁複且困難的測試工作。

... 繼續閱讀 ...

在 Mac 電腦壓縮的 ZIP 檔案如何正確在 Windows 下解壓縮

我們公司合作的網頁設計師使用的 Mac 電腦不是 MBP (MacBook Pro) 就是 MBA (MacBook Air),有些已經很習慣用 Dropbox 交換檔案,不過還是有些設計師並沒有在用,而會直接透過壓縮檔的方式當成附件寄出,在 Mac 電腦裡內建的壓縮格式為十分常見的 ZIP 檔案格式,但是有個問題卻一直困擾著我,那就是他們在 Mac 電腦上壓縮過的 ZIP 檔案跟 Windows 常見的壓縮編碼不相容,如果壓縮檔裡的檔案檔名含有任何非英文的字元(例如中文檔名),解壓縮時就會發生嚴重的亂碼問題,直到這幾天我才找到解決方法。

... 繼續閱讀 ...

CollabNet Subversion Edge 安裝筆記 (4):自訂版本庫範本

昨天在研究 CollabNet Subversion Edge 如何自訂版本庫範本 (Repository Template),照著介面來設定、查了線上文件,其中有種範本的格式文件都說支援,但我怎樣設定就是不成功,雖然最後找到官方論壇有解決方法,但不是很方便,我便利用 WinMerge 找出真正無法設定成功的主因,特此筆記一下。

... 繼續閱讀 ...