水月居幸福遊記

紙非常方便，但是要印出東西一定得要印表機，要不就是手寫，為了能讓網頁資訊能夠有效交換，這次想要利用手機在電子紙還沒普及的時侯，充當資訊交換的媒體。 工作環境：     資訊來源網站     手機 IOS 或是 android 作業系統     網頁轉 PDF app：          IOS: To PDF         android: Web Page Capture         android 上的下載功能，有些網頁是可以直接存起來的，為了防止萬一沒有連線了網頁內容有遺失，決定還是轉成檔案以求心安。 這次選用的 app 分別是 android 上的 Web Page Capture 和 IOS 上的 To PDF，不為什麼，因為這個 app 免費，轉檔方便，可離線(不透過網際網路遠端的主機來提供轉檔功能)時使用。但是這兩個 app 轉出 PDF 檔案的流程不太一樣。 使用 Web Page Capture 的時侯，列印時就會多出一個儲存 PDF 的選項，會比較直覺，但是要依賴網頁本身提供列印功能(chrome 內建功能選單並沒有這個功能)，而輸出的檔案得透過檔案瀏覽器才能找到，這個部份比較不方便，如果出現類似列印緩衝功能關閉之類的訊息，請清除快取手機的文件。 To PDF 有轉出 PDF 檔案需求時建議使用 app 內建的瀏覽器，因為在測試的過程中，發現會轉出首頁的 PDF ，而不是特定網頁的 PDF ，可能是因為登入有帳密的網站的緣故，輸出的檔案並不是放在 app 檔案瀏覽器預設的路徑裏，而是在上一層，這個部份也是要特別注意的，才不會找不到檔案。 總算是找到合用的 app 的，收工！

筆記 The you mp3 ︰只轉MP3，英文，只需給連結，按 ENTER 後直接下載，直覺 Peggo ︰轉MP3、MP4，英文     MP3︰可調擷取範圍、去空白、標準化、抓描述資料（metadata）、擷取頻率（254~64kbps）     MP4︰360P、240P、144P Yout ︰轉MP3、MP4，簡體中文     MP3：可調擷取範圍、去空白、標準化、擷取頻率（192、128kbps）     MP4︰720P、360P Youtube Mp3 ︰只轉MP3，>128kbps， 繁體中文 ，按 轉換影片、下載 anything2mp3 ︰只轉MP3， 繁體中文 ，可接受多種來源 convert2mp3 ︰可轉多種媒體格式（MP3、MP4、Flv…），可標示ID3標籤，可搜尋但不好用，英文 Youtubeto ︰可轉多種媒體格式（MP3、MP4、Flv…），可調品質，將網址中的youtube.com，改成youtube to .com Youtube MP3 轉換器 ︰可能危險，會導到廣告網頁， 繁體中文 ，可轉多種媒體格式（MP3、MP4、Flv…），可調品質，接受多種媒體來源

這次要介紹的工具，是用來製作 Timeline(時間表)的工具：TimelineJS，這個工具是 opensource 目前開發到第3版了，透過工作表(google document spreadsheet)，直覺的欄位設計，在填完資料後即可透過 TimelineJS 的網路介面輸出時間表。 一些考量： 在比較過很多製作時間表的應用程式後發現，時間的管理和呈現工具很多是歪國人做的，而 Timeline 大多是管理到日的層級，如果要到 時(分、秒)層級 的話，多是用 Schedule 了，但是 Schedule 的視覺呈現，又會被分割在一週的7天中呈現，所以，如果你要呈現的時間表內容細到時以下的時間表，選擇就會變少。 另外，很多簡易的時間表可以呈現事件(event)的先後順序，但是無法 呈現事件之間時間的間距 ，而將不同的事件等距排列。 舉例來說，某大廠的文書套裝軟體就有免費的入門款時間表套件，輸出結果看起來很可口，實地安裝就很麻煩了，要先裝 sp3 ，再裝套件，然後好不容易到了資料編輯的時侯，發現免費版不支援自家的工作表，操作介面似乎也是對專案管理工具的整合比較好，因為沒錢買專案管理工具，所以要用時間表套件內建的介面，一個事件一個事件重新輸入，一直到這時侯才發現，這套件的起迄時間格式，只支援到日的層級，浪費超多時間，一整個_(*&^%$%^&*()_+_)(*&^%^&*()_+！ 經過一番波折，由於 TimelineJS 具備整合網路資源及網路多媒體及的特性，非常適合網站提供 動態網頁 時間表與使用者 互動 ，雖然製作過程中，時間表網站的操作介面沒有中文，但是時間表的相關訊息支援中文內容，而設定中文語系的參數後，時間表本身也會呈現中文的日期。 靜態展示要用的時間表，可以考慮單機的 timeline(http://thetimelineproj.sourceforge.net/)，堪用，使用上比較沒有那麼直覺，不在本文的探討範圍。 工作環境： google spreadsheet：google 帳號，啟用 google 文件功能 時間表的事件資料乙份 方法： 首先，你必需有 google 帳號，而且開啟 google 文件的功能 1、到官網 https://timeline.knightlab....

翻譯程式有很多選擇，從單機版全盛時期至今還存在的眼博士（譯典通）、其他很多轉為線上翻譯的有巴比倫、靈格斯；還有近乎消聲匿跡的星際譯王…等。 目前最流行的就是像 Google、Yahoo、Being、Babylon、Dictionary.net、百度…之類的線上翻譯軟體，還有另一種就是整合這些線上翻譯工具的軟體到單機上使用，例如︰QTranslate，這些軟體的特性就是免費，或是進階功能必需付費，如果把手機想像成PC單機，其實情況差不多，目前的趨勢就是線上翻譯。 單機版的翻譯軟體最重要的功能就屬那個即點即翻，具體地說就是你的滑鼠移到哪裡，就翻所指的單字，這個功能很方便，但是，目前還有在做的大概就是眼博士了；曾經星際譯王也可以做到，但是不流暢，而且因為版權問題，近乎消聲匿跡，可惜了！ 目前大部份的單機整合翻譯軟體，以 QTranslate 為例，都是利用點選 + 快速鍵的方式，來指定要翻譯的字，有些軟體會將各個網頁翻譯的結果全部傳回，並標示來源，總而言之，是利用網站功能來提供翻譯服務，想當然爾，需要網路連線、需要網路連線、需要網路連線。 個人許久沒更新的 Google Translate 就是線上翻譯的工具之一，也提供全文翻譯，想必很多人在需要翻譯的時候都用過，如果你是 Android 的手機(目前試 iOS 並不支援)，那麼你可以下載它的字典檔(一種語言大約200MB左右)，就可以離線翻譯，新版還多了圖片和語音替代手動輸入的翻譯方式。 雖然過了2年才知道，試用過後還是令人感動啊~~

程式的開發者，例如：PHP 的開發者，PHPStorm 和 Sublime Text 相信常被提及用作開發的編輯器，前者是商用軟體，後者註冊後移除問侯視窗，當然還有 eclipse… 之類的PHP開發工具，不勝枚舉，這次發現的這款 Atom 編輯器 ，強大， 介紹也很有趣 。 Atom 是可以考慮的編輯器，雖然有些訊息指出，Atom 可能會耗用較多的系統資源，但是它具備很多上述編輯器的特質，跨平台，整合開發環境，支援多種程式語言，功能面大致上都已經具備，另外像是版面風格(配置字型、色彩)、自動完成提示、程式碼模版、版本管理、專案管理、外掛…等常用功能，都具備高度可自訂性，幫助使用者減少開發的時間。 用過發現，可以很快可以上手！ 免費！馬上省下1xx美金，令人心動啊~~

在開發應用程式的時侯，如果使用的是開發環境集成工具(IDE)，通常會提供函式提示的功能，非常方便，這指的是使用者已經知道函式(function)的功能是什麼，而要呼叫函式，只要輸入幾個關鍵字母，開發工具就會把含有這些字的函式列出供作選擇，幫助開發工作的進行。 反過來說，你想知道的是某種功能，要用那個函式的時侯，會想用關鍵字搜尋，把函式找出來用，順便看看要餵它吃什麼才能吐出你想要的東西；又或者，你想要設一個參數，很常用，但是少了幾個字，或拼錯字了，你想要確認一下，使用開發工具來做這事，好像差了那麼一點點…… 由於現在的網路很方便，很多時侯文件上網看就好，有時侯，網路就是連不上，還要馬上查字典，Dash 這類的工具就很重要了，如果你是 Windows 平台可以用 Zeal ，我只有 Windows 所以用 Zeal…… 有些參數可以調整，搜尋資料超方便 說明文件就是放在這裏，如果別處要用，你知道的……[Ctrl + C] 這個超方便，既有可以下載的文件，勾選後下載就行 下載中，請耐心等侯 這參考書軟體很好用，雖然有時反應有時慢了一些，但是那個下載列表真是貼心啊，省去不少搜尋的作業量，下載後的文件，就是一個小參考文庫了。

Google 的文件功能模組，除了文件編輯之外，還提供協作功能，應該可以算是 google document 的特色；後來平板大行其道，有個 evernote ，在上網時可以利用這個記事工具，來同步雲端的內容，統整記事、文件和工作，也可以透過這個平台和其他人分享；最近，發現有人在介紹 Quip 這個平台，測試之後發現是個非常有趣的工具。 Quip 的工作邏輯大概是這樣的，所有的專案相關文件都在同一個資料夾裏，因為，核心的事務是討論，所以，在可以協同作業的文件基礎上進行討論，有別於文件編輯和通訊討論分開的概念，這個工具真的貼近實務運作，可以帶給使用者很大的方便。 根據文件進行討論，很直覺的工作界面 也可以直接進行討論 新增註解  註解的內容就是新的討論串，同樣的工作不用做2次 要修訂文件也很簡單，想加入表單物件也很直覺 雖然，試用時，在加入物件、以及加入註解時，自動形成討論串的反應時間會比較久一點，但是整個工具的運作邏輯十符合工作的實際運作方式，工具的界面又非常直覺，註解後直接產生討論串的功能，可以幫助使用者省很多事，是個實用的好工具。 希望 Quip 變強大後，仍然有免費版，付費版也不要太貴。

為了要在區域網路(LAN)上即時傳送訊息(IM, instant message)，XMPP 不失為一可行的解決方案之一，當初回頭使用這個方案是因為，XMPP 同時支援訊息和檔案傳送，如同之前所說，Openfire 在穩定度上有所動搖，好不容易把 openfire 帶起來，接下來要把用戶送上伺服器，openfire 自已有出 spark 好用，pidgin 也很有名，也是好用，But... 這些應用程式，都是在 PC 上執行，然而，現在根本沒有人會帶 PC 出門，別說 PC 不可能，現在連 nb 都少有人帶，依賴手機和平板的佔絕大多數，要想出門還搞 IM ，mmm... I'm crazy，即便如此，還是有少數的 iOS app 可以連上，但是穩定度堪慮，更別說要開群組聊天室(group chat/multi-user-conference)了，連想開都找不到按扭可以開，傳檔案！？還沒找到有設這功能的app。 為了連上 Openfire XMPP server 在平板上安裝app，測試結果十分不慘烈，看來得另謀出路，簡單地說，預想的功能需求，在這些 app 上全數「共菇」。 用戶端連接 XMPP server 大致上有幾種方式：   由使用者指定 XMPP 伺服器連過去：這種和預期的目標一致   連到app指定伺服器而且無法更動：要多註冊一個帳號，一定要上網際網路，多透過一台伺服器，非預期   利用 google talk 一類的帳號來連接：同上，伺服器端得加一個外掛，非預期 雖然最後有1、2個 app 可以連到 Openfire 伺服器，但是，幾乎無法加聯絡人、不能開聊天室、找不到既有的聊天室，看來，這一塊，有很長的路要走，現時看起來是個死巷。 經過這幾天試下來，xmpp恐怕難以成功，而且已經想到接下來的好戲了，就算能聊天，也可以傳檔案把主要的訊息順著流程傳遞，就算幸運地傳了檔案，對方也能收下，那麼，最後的環節會落在，PC 最常用的檔案格式 Word ，呵呵，要用什麼來編輯才好，效能，難道又要成為壓垮稻草的那隻駱駝了嗎？ 結果恐怕不如預期，得儘早打算。

所謂的 WAMP 套件指的是在 Windows 上用來安裝 Apache(網頁伺服器)、MySQL(資料庫) 的套裝軟體、PHP(動態網頁程式語言)，做網頁要處理的事務大致不脫這3個主要範疇，這些軟體各別有 Windows 版本安裝程式，只是對於初學者或是測試環境來說，能夠馬上裝好不用特別再設定就能使用是最好的，至於 LAMP (Linux 作業系統)就不在此篇的範圍了。 由於論壇的推波助瀾 appserv 原本是最多人用的，但是它很久沒有再更新，所以也就慢慢沒了聲音；再者，網頁的發展趨勢，從最開始的 HTML > 動態網站 > Blog > fb、twitter、微博 的演變，需要自已架站的人越來越少；而且架站是要花錢的，網域名稱、要錢；網路空間、要錢；頻寬、流量、要錢，為了發布自已的動態的確不用花錢架一個網站，就像要做電子商店不一定要自已架購物車(如同  購物車架設的考量 )，要喝牛奶不用自己養牛一般；如果要提供客製的網路服務，會使用 web-based 的程式，通常還是要架網站的，在沒有現成的解決方案，免費工具，或只能自已動手做的前提之下，就動手玩WAMP吧。 後來 WAMP 另有一些套件選擇浮上檯面，差異在於後台管理功能上、整合的軟體上有新的發展，基本的核心不變，Apahce、PHP、MySQL做為固定的班底，有些套件有 Perl ，這傢伙處理字串能力超強；有些套件有 python 是個新秀(雖然也不是很新)；有些套件有 email 伺服器；有些套件有 ftp 檔案伺服器；最近的套件開始引進非 SQL 資料庫(例如：MongoDB…等)，nginx 則是又一個新興的網頁伺服器，所以「某某伺服器」這東東不過就是一種軟體、一種應用程式，在網路上提供特定的服務給使用者。 台灣論壇或是網站常提到的 WAMP 套件大概有 appserv(無新版)、WAMP、XAMPP，另外有 Uniform Server、AMPPS、VisualAMP…等，其實就是整合的套件不同，管理的範圍和管理方式有所差異，各有一些特色，像是 VisualAMP 它的特色是 portable ，就是把檔案搬來搬去也都能用，如果硬要 初學者 選一個， 可以考慮 AMPPS ，在這裏要特別強調，這不是絕對的選項，不是絕對的選項，也沒有絕對的選項，AMPPS 包含...

在 google form 入門 線上表單可使用的問題類型  裏，分享了線上表單的設計，讓表單上線供人填寫，既然表單的目的是蒐集資料，這次要接著進一步看看怎麼利用 google form 來從事 後續的資料處理 ，充分展現這個工具最好用的功能。 處理回復內容： 在表單蒐集一定時間後，接下來就要處理使用者回復的內容了，這部份的功能都集中在「回覆」的頁籤裏， 如果想要關掉表單，可以在上圖 [接受回覆] 按下後，表單就不會接收回復內容，再按一下可以回復，繼續接收訊息。 google form 可以提供摘要，使用者回復之後，點上圖 [回應摘要] 功能鍵，經過一陣子的運算就可以知道每一題答案項目回復的比重，不用一開始就和數據奮戰半天才得到統計圖，超方便。 google form 是一步到位的應用程式(達到黯然銷魂飯的等級)，加上雲端的特性，讓管理者隨時都能掌握問卷的狀況，真是觀前顧後。

google form(表單) 是 google 文件的附加功能，和自家的試算表有緊密的互動，表單的管理者可以利用 google form 來編輯線上表單，讓使用者填完表單後，直接儲存在 google 文件的試算表中，這可以幫使用者省很多事，不用再自行建置、維運伺服器，也不用再煩惱要用那一個看不懂、操作吃力的資料庫，更不用煩惱要寫程式把前端的表單和後端的資料庫欄位的連結與對應，最讓人開心的是，google form 連統計圖都直接幫你做好，不用你動手做了。 google form 的操作 新增 google form ，登入[gmail] > [雲端硬碟(google drive)] > [新增] > [更多] > [google 表單] 設計表單的介面： 表單就是設定問題，配合各種答案類型，開始之前先看看設計表單時，操作介面的常用功能 編輯問題：開始設計你的表單。 變更主題：決定你的表單穿什麼顏色、什麼類型的衣服。 查看回應：連到與表單同名的google 試算表，看看使用者的回復內容。 查看即時表單：看看表單長什麼樣子，測測填寫的介面，試著和自已設計的表單互動。 回覆：和使用者回復的內容有關的功能放在這裏，這裏有比較多選項可用。 工具：自行編寫程式碼，讓你的表單更強大。 外掛程式：與其自已動手，不如拾人牙慧，裝個好用的程式加強表單功能，有時得配合上述的工具使用，像是  將 Google Form 填表內容寄給填表人留存 並且通知管理者 。 傳送表單：表單設計好了就上線吧。 動手設計表單： google form 的問題類型有很多種，點 [新增項目] 就開始了 依據你要蒐集的訊息，選用適當的問題類型， 最後加上提示訊息，通常是感謝使用者之類… 還可以透過 [變更主題] 調整表單的風格， 然後查看即時表單，看看表單長什麼樣子，玩看看，動作是否符合預期，    沒問題的話就可以[傳送表單]了。 以上就是 google form 的操作介面（學名「前端」），使用 google form 可以有效降低線上表單的使用門檻，及早服用可以快速解除須要製作線上表單造成的頭痛...

其實使用本篇標題到 Google 搜尋一下，馬上就有很多好用的結果，而且，出現在前面的都不錯用，有些要安裝程式，有些只要在網路上輸入網址就可以下載，有些在網路上輸入網址後要先下載一個連結檔案，再貼回去網站才能下載，只是，有時侯，只是有時侯，馬上有魚可吃，不用自已釣，不用自已比較工具也是不錯的。 這裏介紹  xVideoServiceThief 下載 youtube 影片工具，下載(download)進行安裝之後，開啟程式，就會看到很簡單的介面 在加入網址的地方，把你要下載的網址複製後貼上 > [OK]就可以下載了 如果你想要指定轉換檔案的格式，右下角的 [選項] 點進去後可以調整，目前常用的(Output format:)應該是 MP4 吧，雖然照片顯示的是 avi，就看你要輸出的格式是什麼了，輸出的品質(Output quality:)可以調高一點( super quality )，如果沒有那麼高的品質的檔案可下，會自動下載較低解析度的。 除了 youtube 也提供一些其他影音網站的內容下載，動手試試吧。

之前介紹了下載 youtube 影片的程式，有時侯，就只要音樂的部份，可以使用本篇標題作為關鍵字，到 google 搜尋就可以得到很多好用的工具，這裏說說搜尋結果的第1名，youtube MP3。 請連到 youtube MP3 的網站，操作方式非常簡單，把你要下載影片的網址貼上去 > 下方[轉換影片](Convert Video)，按下後 就會出現下載的連結，下載就是 MP3 ，不用自已把影片下載後再轉換檔案格式。(如果你看到的英文的介面，下方有個繁體中文，按下去就會變成人見人愛的中文了)。 試試看吧，心愛的偶像在呼喚你！

瀏覽器其實有很多種，除了大家熟知的 IE (在裝好 windows 時就有了)，其實還有很多其他的瀏覽器存在這個世界上，例如 Mac (蘋果電腦) 預設的瀏覽器是 safari ，之前紅極一時可以支援很多系統的 Firefox ，和 Google 大神自已的瀏覽器 Chrome，有人會問說，用 IE 就行了，何必要那麼多種( 還要重學新東西 )，其實如果 IE 就能解決所有上網的問題，其實只用 IE 也行。 有時侯就是想要一些進階的功能，比方說，想看的優酷內容，就是不能看；想要一次下載多個圖片就是只能一個一個來，這個時侯，或許 IE 本身就沒有這樣的功能，或是要裝其他的應用程式來完成，如果想要直接透過瀏覽器的進階功能就完成這樣子的需求，可能，你必需考慮其他的瀏覽器。 為了直接透過瀏覽器的進階功能，你可能會想選用 Firefox 或是 Chrome 這種瀏覽器，透過「擴充功能」(Extension)也就是大家常說的「外掛(Add-on，進階的工具程式)」來達成這樣的目的，因為有一陣子沒用 Firefox 了，這裏就用 Chrome 來示範，安裝「擴充功能」。 首先，請自行 下載 安裝 Google Chrome 瀏覽器，安裝好了之後，以安裝一個可以下載多個圖檔的「擴充功能」為例，帶領各位體驗如何安裝這些好用的「擴充功能」。 以下如果是要點選按鈕或是超連結的部份，都會用方括號括起來，例如： 請你點選「儲存」這個按鈕時， 會用[儲存]來表示； 請你點選「儲存」這個按鈕時， 會用[儲存]來表示； 請你點選「儲存」這個按鈕時， 會用[儲存]來表示； 因為很重要，所以要說3次 如果請你輸入某個欄位的內容時會用斜體來表示，例如： 請你在「位址」輸入網頁位址時，會用 「位址」： http://www.google.com 請你在「位址」輸入網頁位址時，會用 「位址」： http://www.google.com 請你在「位址」輸入網頁位址時，會用 「位址」： http://www.google.com 因為很重要，所以要說3次 安裝「擴充功能」， 請點 Chrome 的 [右上角的圖示] > [更多工具] > [擴充功能] > [取得更多擴充功能]  > (接下來游標應該會在搜尋的輸...