• Coding
  • 使用 OneSignal 實現 Web Push Notification

    image (1)

    自從手機 APP 通知出現在你我生活中後,這幾年在 Web 上也出現了推播功能(Push Notification) 簡單說明目前 Web Push Notification 在技術上會遇到的兩個 HTML 5 API: 通知 Notifications API – https://developer.mozilla.org/zh-TW/docs/Web/API/notification 內容為網站(Domain)跟使用者要求通知權限,若使用者同意,則未來會收到來自這網站(Domain)傳送來的訊息 推送 Push API – https://developer.mozilla.org/zh-TW/docs/Web/API/Push_API 主要內容為讓 Server side 發送訊息給使用者,然後經由前面的 通知 Notifications API 來把訊息顯示在使用者瀏覽器上,或是下次打開瀏覽器時顯示出來

  • Unboxing
  • [短評] Beats Solo3 Wireless

    IMG_2542

    最近趁著 Apple BTS 期間入手了便宜的 Beats Solo3 Wireless 本身已經有兩隻耳道式無線藍芽耳機 Moshi Mythro Air Plantronics BackBeat FIT 不過這兩隻戴久下來會有點不舒服 以及 Plantronics BackBeat FIT 的定位為運動耳機 因此才會想再找更舒適、方便音質更好的藍芽耳機 (雖然這次是腦波弱才買 beats 的 =..= 這次我測試曲目有: Bebe Rexha – The Way I Are Sia – Elastic Heart The Echelon Effect – Branches And Constellations – Seasons 3 以及對照組耳機我的另一隻有線耳機: Ultrasone Performance 880   Beats Solo3 Wireless,主打內建 W1 晶片可以在蘋果各裝置快速切換 以及拎聽時間 40HR,假如一天聽 […]

  • Codility
  • [Codility] PermCheck

    CODILITY ANALYSIS: https://codility.com/demo/results/training4KVJY4-GWQ/ LEVEL: EASY Correctness: 100% Performance: 100% Task score: 100%

     

  • Codility
  • [Codility] TapeEquilibrium

    https://codility.com/programmers/lessons/3-time_complexity/tape_equilibrium/ score: 100 of 100 Complexity: expected worst-case time complexity is O(N); expected worst-case space complexity is O(N), beyond input storage (not counting the storage required for input arguments).

     

  • Codility
  • [Codility] CyclicRotation

    CyclicRotation https://codility.com/programmers/lessons/2-arrays/cyclic_rotation/ score: 100 of 100

     

  • Unboxing
  • [Unboxing] 第一台 4K 21:9 螢幕 LG 34um95

    2016-11-12 15.26.33

    一直來時常在 Windows 與 OS X 環境之間不停切換 由於在上班中我是使用 macbook pro 進行工作,不過一回到家就會用回我的 PC 有時候需要同時用 macbook 跟 PC 時切來切去就會顯得很沒效率 一直在想有沒有辦法將兩台裝置輸出到同一個螢幕 這樣我就不用將頭轉來轉去的 XD 直到今年初看到 hiraku 大的開箱文後,燃起我對 21:9 大螢幕的嚮往( 被文章生火) -> 文章傳送門 (慎入,內容極度推坑) 於是從今年初開始就在尋覓各廠牌螢幕 直到最近看到 LG 34um95 價格還算不錯,就請女友開車載我去衝了!   這台螢幕是 34吋 比我原本在用的 Benq GW2760 整整大了 7 吋 騎機車的話是沒辦法運回家的,只好請開車技術比我厲害的女友來幫我在回家 >< 就算開車來運,後車廂幾乎整個被塞滿,這台螢幕是真的挺大的…   回到家後就是趕緊開箱啦,平常沒什麼在記錄開箱的我 看到這麼大的箱子還是忍不住紀錄開箱過程,整個挺期待的 XD   21:9 比以往常見的 16:9 更顯得寬廣   螢幕背面有 […]

  • Apache
  • [Server] 用 Reverse proxy 讓新舊網站同時上線

    14726635651_920845ac53_z

    最近忙著公司新網站開發,以及每幾天就被會議追殺… 實在有點沒什麼時間寫 blog (誤) 儘管如此,還是希望能將工作中所遇到的問題解決後整理起來   在新網站開發的過程中,遇到了些問題 其中最近遇到的問題是:「新網站部分功能完成,必須同步上線至現有網站」 簡單來說 原網站位置: /var/www/html_old 新網站位置: /var/www/html_new 網域: www.abc.com 新舊網站的兩個目錄都在同一台機器內 原網站大多數內容會繼續在線上 而新網站的開發,會邊開發邊上線新功能到 www.abc.com

  • Life
  • [Memo] VoiceTube,再見

    13090680_1038878616182397_386112144_o

    時間過的超快,2016年也過完三分之一了,在決定離開 VoiceTube 後,覺得應該要好好寫一篇文章記錄這段將近兩年的旅程。 還記得兩年前,剛從中華民國不願役退伍的我,陷入了找工作的轟炸期,當時還特別寫了一篇文章記錄那幾個月的心境還有過程,在經過各大公司、團隊的連環面試後,意外的拿到幾間公司給的 offer,其中最感謝的就是讓我來到 VoiceTube 的主管 – Richard,沒有因為我只有大學時寫過幾行程式的經歷就刷掉我,讓我加入這個大家庭和每位強者同事學習很多東西,除了技術上的成長之外,也因為公司的服務是英語學習,所以很多時候要看原文文件以及與同事間一起討論事情,雖然英文還是有待加強,不過也讓我在團隊合作這件事情上面學了很多呀。 在 VoiceTube 這段期間,真的要特別感謝 Richard、Jerry、Ashley、Shengjun、Chenny、Raina、Johnny 還有 Claire。感謝 Richard 在我剛退伍時願意當我的 mentor ,讓我快速瞭解大型網站的前後端架構,以及耐心待我,Jerry 教我很多後端架構的一些眉眉角角,我永遠都會記得避免用 serialize string 來儲存時常需要 query 的資料。感謝 Ashley 時常在閒暇時跟我講屁話 xD,在工作中互相幫忙、一起成長,同梯情誼不是說假的 xD。感謝 Shengjun 以及 Chenny 在 HERO 裡 UI/UX 的貢獻,如果沒有你們幫我排設計圖我們就屎定了 xD。感謝 Claire 和 Raina 與我一起處理很多 HERO 的問題,當時 HERO 在上線前後,真的是抓蟲抓的很想死 xD,感謝 Johnny 總時保持清晰思緒,規劃完整Spec、目標,讓我做起來事如魚得水。

  • Life
  • [Life] MacBook Pro Retina 鍍膜脫落

    MBPR Staingate

    這是我的 MacBook Pro Retina,去年購買(2015),正常使用 為什麼強調正常使用咧? 因為我沒貼螢幕膜、鍵盤膜仍然有出現鍍膜脫落的狀況(如圖)                   Apple 在去年啟動了免費維修計畫,舉凡從購買日起3年內的機種,或是從2015年10月16日起的1年內 Apple 都提供免費鍍膜脫落維修 據官方說法,鍍膜脫落屬於”正常現象” 但一開始購買前 Apple 並無告知此狀況,這理由讓我相當不能接受 預計接下來的日子裡會找個有空閒的時間去Studio A維修 等維修完畢 我一定要馬上貼 “靜電式” 的螢幕保護貼來避免此狀況再發生 目前已知有可能出現鍍膜脫落型號: MacBook Pro (Retina, 15 inch Mid 2012) MacBook Pro (Retina, 13-inch, Late 2012) MacBook Pro (Retina, 13-inch, Early 2013) MacBook Pro (Retina, 15 inch, Early […]