[Networking] 網路的架構，Layered Architecture
網路是個如此巨大的工程，要如何架構，才能讓全世界的人通力合作，一起打造這豐富的世界呢？答案就是Layered Artichecture ．
Layered Architecture
網路的最終目的，就是讓兩個執行在不同機器的程式可以互相溝通、交換資料，例如你的瀏覽器chrome跟網頁伺服器溝通，你手機的Skype跟另一個人的Skype溝通，而這中間，資料經過了重重難關、無數的機器及路由器，這麼多的機器到底是如何一起合作的呢？
答案就是分層的架構，Layered Architecture，
ISP 是什麼？網路服務供應商如何讓你連上網路
ISP（Internet Service Provider）是什麼？網路服務供應商在網路架構中扮演什麼角色？從網路的組成到 ISP 的分層架構，用簡單的方式搞懂你的網路是怎麼連上全世界的。
[Google Sheet]Sparkline，在儲存格裡插入迷你圖表
Sparkline用起來長怎樣
我在[Google Sheet]我如何製作進度表這篇裡
以及[Google sheet]我如何製作股票損益表，自動抓取最新股價
大家可以看到一些儲存格裡都有迷你圖表，像是柱狀圖、線圖，這就是sparkline這個函式的功用，讓我們不需要額外插入一些圖表，就能直接在格子中畫圖．
Sparkline用法
sparkline(range, [options]
什麼是message queue? 優點及使用場景
在大型網頁應用程式系統中，當我們的服務越來越多，服務之間就需要溝通，透過http restful api，想必大家都一定遇過，或許或多或少也聽過使用message queue，那到底它是什麼？為什麼要用它？以及跟restful api有何不同的使用場景呢？
什麼是message queue?
顧名思義，就是有個queue，訊息先入先出( FIFO )，基本上就是提供一個讓不同process間通訊的方式(
快速擁有一個Asynchronous Task Queue，使用Redis and Kue.js
這是篇教你如何在node.js環境下，快速擁有一個Task queue的tutorial，如果想了解什麼是message queue，以及為什麼跟什麼時候要使用它，可以參考我的另外一篇文章什麼是message queue? 優點及使用場景!
Outline
1. 部署Redis，使用Docker，在本地起一台Redis
2. 介紹Kue.js
部署Redis
先準備一個shell
Google Sheet 進度表怎麼做？用 SPARKLINE 函式做出進度條
想在 Google Sheet 追蹤每項任務的完成進度？這篇教你用 SPARKLINE 函式做出橫條進度條，自動計算各任務的進度百分比，把每段時間的努力情況視覺化成一張進度表。
InstMap TW — 從地圖上找尋附近的台灣Instagram熱門景點
到了一個地方，想知道附近有什麼好玩的景點嗎？想看看IG，Instagram上大家都去哪裡嗎？可以使用我最近做的一個玩具服務InstMap TW，找尋台灣最多人標記的地標，或是附近最近的相對熱門的地標．
點選地圖旁的小人圖案，可以使用您現在的位置做搜尋，不想開定位的話，也可以手動拉動地圖改變中心點．
每個地點點進去可以看到該地點的貼文，可切換成瀏覽圖片或是日期、文字、按讚數、留言數等相關資訊．
使用到的技術、工具、服務大概是
利用Docker建立PostgreSQL開發環境
首先先將需要的configuration variable放到環境變數裏，在這裡就是我們的PostgreSQL database server要起在哪一個port，user，password，db等等，準備好你的 dev.env檔案如下，然後執行 . ./dev.env
export PG_PORT=5432
export PG_
使用Node.js + Express整合Line Notify通知服務
快速簡單地使用一個express的middleware完成line notify的oauth2流程，取得access_token來做後續的消息推送
使用line notify可以簡單地讓網站開發者推送訊息到使用者的line裡，雖不像line bot可以跟使用者做更多的互動，但如果只是要單方面的的發送訊息，使用line notify就足矣，而且還不像line bot的push api要收費，這個不用錢～
登入流程
Line notify的流程大致來說是這樣的:
1. GET
![[Networking] 網路的架構，Layered Architecture](https://storage.googleapis.com/homuchen.com/images/layered-arc-1.jpg)
![[Google Sheet]Sparkline，在儲存格裡插入迷你圖表](https://storage.googleapis.com/homuchen.com/images/spark-line-1.jpg)
