貼心為背包客想的高雄青年旅館 – 旅悅 Dwell Hostel

每次住青年旅館,我最困擾的就是眼鏡、手錶這些隨身物品不知道該放哪,放在床頭怕一個不小心就掉下床,放在背包裡又怕鬧鐘響時要從上鋪跳下來很麻煩,今天要分享的旅悅位在高雄三多商圈,交通方便不說,距離高雄火車站只有四站的距離,晚上餓了樓下就是夜市,旅館還有提供免費泡麵以備萬一,更重要的是種種細節想得很周到,床頭放了一個小袋子讓你可以安心的放隨身物品,櫃台也有販售牙刷等衛浴用品,像小弟這次清明連假什麼也沒準備,行李一挑就衝向往高雄的高鐵,等上了高鐵才想到沒帶牙刷沒帶毛巾阿!!!!! 旅館有提供真的是太感人了!!

繼續閱讀 貼心為背包客想的高雄青年旅館 – 旅悅 Dwell Hostel

Vue.js Render Object as Table in Beautiful Way

In Vue.js we can use v-for to render Array as HTML Table or List beautifully, but If we want render Object key and value as Table, for example, I use JS Object and Array to store many Contact info, each Contact have different key, I want display Contact 1 info in a table, It seems v-for not good at here?

繼續閱讀 Vue.js Render Object as Table in Beautiful Way

飯店訂房介面的三兩事

你都在哪裡訂飯店呢? 是 Agoda、Booking.com 還是 Airbnb 呢? 恰好最近要去日本旅遊,穿梭各訂房網站時,發現許多有趣的事情,例如明明評價篩選很簡單,為何 Airbnb 到現在還不肯提供呢? 以及同樣簡單的日期選擇,在這次訂房的過程中,就看到兩種的做法,其實仔細去看不同訂房網站的介面,會發現許多有趣的事情呢!

繼續閱讀 飯店訂房介面的三兩事

線上訂房訂機票時,為什麼姓名欄位始終格式錯誤?

還記得有次 Peach 有超便宜的機票,我跟著大夥一窩蜂併肩向前衝,到了結帳頁面系統卻一直提示「姓名格式錯誤」,檢查再三卻始終找不出問題何在,你也有過類似經驗嗎?在線上訂房、買機票時,明明護照姓名輸入是正確的,系統卻一直跟你說錯誤不讓你通過?

繼續閱讀 線上訂房訂機票時,為什麼姓名欄位始終格式錯誤?

GitHub API Note

這幾天因為開發 Dashboard 的關係,接觸了 Trello 和 GitHub 的 API,把一些資訊整理起來,如果你也有GitHub API 的使用需求,可以來讀讀這篇文章。GitHub 也是採用 RESTful HTTP API 的形式,開發起來十分簡單,對於有 HTTP API 串接經驗的人更是好上手;GitHub API 算是我看過數一數二的 API Friendly,文件十分好理解不說,API 也提供很完整的參數供選擇,甚至未來還會提供 GraphQL API,真是令人期待!

繼續閱讀 GitHub API Note

Trello API Note

今天因為在開發公司 Dashboard 的關係,需要寫程式去計算每天的開發點數,讓 Dashboard 能夠呈現每個月的開發點數變化,所以玩了 Trello API,簡單筆記在這裡。 前情提要,我們部門使用 Scrum 的點數方式來評估開發進度,幫每個 Issue 設定一個難度點數,搭配 Trello Scrum 外掛使用。

繼續閱讀 Trello API Note

bash: warning: setlocale: LC_ALL: cannot change locale

用 SSH 登入遠端伺服器時,看到「-bash: warning: setlocale: LC_ALL: cannot change locale」的錯誤訊息嗎? 會遇到它是因為 SSH 連線上遠端主機時,會自動將本機的 LC_* 變數(locale)傳送一份到遠端主機,如果伺服器上不支援你指定的語系,就會出現「-bash: warning: setlocale: LC_ALL: cannot change locale」錯誤啦!

繼續閱讀 bash: warning: setlocale: LC_ALL: cannot change locale

Python 3 在 Windows 命令提示字元輸出時遇到 CP950 錯誤

今天在教學弟妹寫程式時,用 Python 印出一段中文字到命令提示字元,卻遇到「UnicodeEncodeError: ‘cp950’ codec can’t encode character」這個錯誤,嘗試了各種方法都無法解決,最後爬了文章才搞懂是怎麼回事。

看到這段錯誤,有經驗的開發者直覺就會認定是字串裡面有特殊字元,立馬給它加上 ignore 參數卻沒有效果,我遇到的情況檢查後發現是一個日文字,但眾所皆知 Python 3 預設使用 Unicode 字串,不應該會有無法輸出的問題才對,又不是萬惡的 Big5…

繼續閱讀 Python 3 在 Windows 命令提示字元輸出時遇到 CP950 錯誤

解決 HTML Anchor 內文被選單遮住的問題

HTML 的 Anchor 錨點功能十分方便,當網頁過長時可以透過 Anchor 讓訪客快速的移到指定段落,這樣的手法在許多技術文件、部落格都有出現,如果你看到類似 https://coder.tw/?p=123#section1 的網址就是應用 HTML Anchor 的特性,這樣的特性雖然方便卻也帶來一些問題,最常見因為網頁最上方有浮動選單,當訪客點擊 Anchor 連結進到網頁後,雖然瀏覽器有自動捲到指定章節,但卻有部分文字被選單遮住,我始終很煩惱這問題,今天恰好在閱讀 Facebook 技術文件時發現他們的解法蠻不錯的。

繼續閱讀 解決 HTML Anchor 內文被選單遮住的問題

Google Analytics Exception Tracking

其實在 Google Analytics 有隱藏版例外追蹤的功能,透過 Google Analytics 搜集網站前後端(或 App)的例外訊息後加以分析,以我這次的應用場景舉例,當使用者填寫表單並送出後,我會驗證使用者填寫的資訊是否有錯誤,如果有忘記填某個欄位,就會將錯誤訊息送回 GA,之後到 GA 檢視錯誤訊息的出現次數,某種程度上可以猜測是否介面設計不好導致使用者漏了該欄位。

繼續閱讀 Google Analytics Exception Tracking