How to uncompressed GZIP at front-end using Javascript

It's been a while I haven't share my coding work. In this article I would like to share how to receive a Gzip file via stream, unzip it, and then of course after unzipping it, we need to use the data, the data should also be converted in JSON format.

104找德國工作？

最近找工作也考慮了臺灣的工作，因此也在104上面搜尋了一下，但地區還是包含了德國。

2015年也是這樣找到打工度假的工作，在104找德國工作。那時我一心覺得可以用我擅長的技能再回到德國生活，是件令人振奮的事情，但事情並不是像憨人所想的一樣(台語)，今天也不是想說這件事情。

<找工作> 軟體工程師 @ 德國 2020

沒想到那麼快又有機會寫這樣的紀錄文章，記得是2019年看到 innogy SE 被 RWE 拆散事業體出售，我們跟著innogy的Retail事業體到E.ON，無奈E.ON有完全不一樣的公司結構，也有原本就合作的agency，innogy SE 和 C3的合資公司決定要被關閉，在這武漢病毒襲擊的2020年，我感覺也是受害者之一，大家要開始找新工作。

(R) - Rewrite for-loop to Sapply

Performance is one of the important topics in the coding field. However, when the program is running during a human's sleeping time, that could be not the priority to focus. Recently I was improving part of my low-performance code in R in order to make running faster, the result is quite satisfied. In this article, you will learn how to rewrite a normal for-loop into SAPPLY function in R.

效能在程式開發中一直是一個重要的議題，但有些程式會是透過排程在半夜運轉的，這時我覺得效能就不一定是最重要的，反而是資料的正確性。近期寫了一個程式來檢核資料是否有遺失，一開始透過迴圈來處理4萬多筆資料時間高達6分鐘，改用R裡的Sapply function來改寫，效能大大提升，而原因在於它只針對單一vector做處理。

<遊記> 比利時 四天三夜 - 根特 x 布魯日 x 魯汶 x 布魯塞爾

一個月前Jamie正在規畫她打工度假結束回台前的旅行，問了我要不要加入她的比利時旅程。

我回想這幾年台灣朋友來從來就沒人說要去比利時，10年前的交換學生去了很多地方唯獨沒去過比利時，來到杜賽道夫住後，它更是離我只有短短幾小時的火車車程，但我卻從來沒去過，這是一個機會去走走。

<遊記> Xanten 桑坦 - 北萊茵流域的羅馬城市

經由朋友的推薦得知下北萊茵河有個城市擁有古羅馬遺跡，決定和從維也納來訪的朋友一起前去看看。從Dusseldorf出發往北出發，前往Wesel再轉乘當地公車，約一個半小時的時間抵達目的地。

Ranked-Choise-Voting(RCV)

"我們的選舉出問題了“ - 是美國脫口秀主題，講的是美國的民主選舉制度，他認為目前的選舉方式是錯的，而他也提出他覺得較公平的選舉方式：Ranked-Choise-Voting(RCV)。 -

(CSS) Resize iFrame and its content

This is an issue that could be occurring in any CMS. In many cases that editor wants to embed an iframe into the content area, but the content is sometimes not fit exactly the layout of the website, it could be over the wild. This is what I learned by solving this case.

有時候在新增CMS內容，會想放入另一個網站的內容，這時會使用iframe，但很多時候另一個網站可能沒有Responsive Design，導致放入iFrame時候會產生卷軸，手上其中一個維護案就遇到了這個問題，這篇記錄如何解決這問題

Tracking task using R + Measurement Protocol

This article introduces a key point solving the issue of google analytics data pushing, of course, I assumed that you have read the official document of Google and then you still got your program not working. I hope you can solve the issue soon, that is the reason I keep this hint here.

<遊記> 克羅埃西亞10天9日遊 全記錄

克羅埃西亞我們來囉～ 還記得去年六月接近暑期時，同事很興奮的分享他和全家要到克羅埃西亞旅遊兩週，記得那次他跟女兒兩人從德國往下開過去，聽起來很瘋狂實際也是，回來後他的感想就是再也不這麼做了，但他個人去克羅埃西亞很多次，對那情有獨鍾。今年和小魚討論時查了一下發現很美，決定去走走了！

(DBR) Smart message front-end overview

The Smart Message feature is my first task after IDC Sitecore official founded. I have learned many new things through this task, in this article, I would like to have overview of each thing.

The features are mainly using for reminding user with some tips of configuration or shows some information in some specific moment, for example, the cursor has not moved for a while, the message will pop-up to show some information, this is very common feature in many website already, now innogy website  also with it!

In this task, it is included 3 pop-up rules in front-end and 1 pop-up rule in back-end Implementation, I will mainly address front-end part in this article.

#Javascript
#React

(Sitecore) - Sitecore 9.1 installation step by step

By the opportunity of relaunch website, we are entering to Sitecore 9 world. Sitecore 9 is not like Sitecore 8 using SIM tool to install, many things like create login SQL server user or runing Power Shell shell script are manually, this article is about install Sitecore 9.1 in local machine. Let's see how it finish.

<遊記> 2018最後3天 - 沖繩3天2夜 自駕自由行 12.29 ~ 12.31

某天小魚貼了expedia沖繩機加酒的行程，就決定是它了。這也是繼2015東京之旅後，第二次要去日本旅行！這趟旅程中人生中首次右駕、逛了兩間二手商店、吃全日本第二名的漢堡及參觀了世界遺產和小島，如何發生在三天兩夜？！

(Unicorn Sitecore) The physical root path of this SFS tree is longer than the configured max base path length 90

I got an error when I setting up Unicorn environment, the following is my error message.

<遊記> 義大利 - 佛羅倫斯 - 五漁村 - 比薩 1日遊

常常在網路上看到很美的風景圖，但常常不知道它到底是哪裡。

對我來說，旅行的目的在於親眼見證照片上美麗的風景，於是去年我們去年去了趟葡萄牙的波爾圖，因為看到了橫跨杜羅河的路易一世大橋，今年同樣也搜尋了一下，看到了一群在山坡上的彩色房子，就決定去那了。

(C#) - Basic Authentication + Form Authentication

因在Azure上發布了測試版網頁，但不希望被外部使用者搜尋到或者是看到，因此加上登入的機制來限制瀏覽

<遊記> 義大利 - 佛羅倫斯 半日遊

佛羅倫斯位於義大利半島的中間，也成為我們旅途中的中繼站(威尼斯-佛羅倫斯-羅馬)，而佛羅倫斯也距離比薩和五漁村很近，於是我們第二站來到這駐紮，從威尼斯來到這火車約兩個小時，旅館check in後展開半日的徒步之旅。幸好景點古蹟都很集中，徒步逛逛算是最適合的方式了。

<度假> - 西班牙Party小島 - 伊比札 Ibiza 4天3日

為什麼是它作為今年度假地方呢？原因就在於找機票時從杜賽道夫飛機票很便宜，於是就訂了機票，但找旅館後才發現住在那不便宜..特別是距離海灘的遠近價格不同，但也因為這樣認識了一個歐洲人最常去的度假勝地。

在亞洲大家可能常去長灘島峇里島作為度假的選擇，在歐洲伊比札就會是一個這樣的選擇。為什麼這樣說呢？問了德國朋友以及同事，他們都知道這個地方，而且朋友還說那裡是歐洲人很常去的度假小島。對於從來沒去過度假小島的我，覺得非常期待。

<遊記> - 2018 義大利之旅6天5夜 - 威尼斯 佛羅倫斯 比薩 五漁村之Manarola 羅馬

一年一度的暑假旅行，今年初開始新工作，為期半年的試用期到了七月算是解脫，這旅行很令人期待因為是結束試用期後的第一個旅行。在搜尋今年目的地時看到了這張美圖，查了一下原來在義大利的西邊海岸，名為五漁村的其中第三村，就這樣計畫了一連串的義大利之旅。

<遊記> - 義大利 - 威尼斯 之 玻璃島+彩色島 1日遊 + 威尼斯煙火節

在第一天中午抵達威尼斯後，我們有半天的時間可以在威尼斯小路中迷路，而我們住的飯店離火車站很近，因此從機場我們選擇了離火車站最近的，下面這張圖是從火車站一路走到飯店外熱鬧的大街。這次來到威尼斯，很湊巧的遇到一年一度的煙火節，第二天晚上就在聖馬可廣場欣賞炫麗的煙火。