讓 Mac 的圖片預覽功能（QuickLook) 支援 WebP 格式的圖片

WebP (發音weppy) 是由 Google 開發的新一代圖片檔格式，但目前 Mac 的預覽功能 (在檔案上面按空白鍵那個功能) 還不支援，我們可以透過安裝外掛的方式，就可以預覽 WebP 的圖片檔囉。

只要在 Terminal 中輸入以下指令，就安裝完成了

curl -L https://raw.github.com/emin/WebPQuickLook/master/install.sh | sh

成果：

參考：

https://zh.wikipedia.org/wiki/WebP

https://github.com/emin/WebPQuickLook

讓 Linux 主機查詢 DNS 時優先查找 IPV4 IP

如主機環境無法連 IPV6，但是要連線的 FQDN 有 IPV6 與 IPV4 兩種 IP

連線時就必須等 IPV6 連線逾時才會嘗試連 IPV4 IP

此時可新增如下設定，就會優先查 IPV4 IP

# vim /etc/gai.conf

precedence ::ffff:0:0/96 100

ssh 指定預設登入的使用者

 ssh 預設在建立連線時，會帶目前登入的使用者名稱，但實際上我們幾乎不會用目前登入的使用者名稱去連對方的機器，這時候只要在登入的家目錄設定一個 .ssh/config 檔案，就可以了

Host *
    User

Host example
    HostName example.net
    User buck

注意 .ssh/config 的權限需要是 600 才行

Bootstrap-Vue Table 綁定 row click 方法

藏在 document 的 Event 裡面...
找半天沒看到，結果 Google 看到 Github issue 也有人在討論 XD

<b-table bordered striped hover 
         :items="environments"
         :fields="fields"
         :current-page="currentPage"
         :per-page="perPage"
         :filter="filter"
         v-model="shownItems"
         @row-clicked="myRowClickHandler"
>
  <template slot="actions" scope="environment">
    <b-btn size="sm" @click="log(environment.item)">Details</b-btn>
  </template>
</b-table>

methods: {
  myRowClickHandler(record, index) {
    // 'record' will be the row data from items
    // `index` will be the visible row number (available in the v-model 'shownItems')
    log(record); // This will be the item data for the row
  }
}

https://github.com/bootstrap-vue/bootstrap-vue/issues/774
https://bootstrap-vue.js.org/docs/components/table#component-reference

Ubuntu 18.04 server 網卡配置設定

Ubuntu 18.04 採用了 netplan 來管理網路， 設定檔的部分採用 yaml 格式來撰寫，
預設路徑位於 /etc/netplan/， 設定好後執行 netplan apply 就套用新的設定了。

官網有很詳細的說明跟範例： https://netplan.io/examples

Python 計算巢狀式串列 (nested list ) 中某個元素的總數加總

好吧，nested list 不知道中文要怎麼翻譯比較順，就先叫他巢狀式串列吧 XD

假設有一個 list 集合的資料結構長這樣，我們想要計算書本的總數

[
    {'name':'James', 'books':["Python", "Java", "Golang", "C++"]},
    {'name':'Amy', 'books':["Node.js", "C"]},
    {'name':'Danny', 'books':["Perl", "JavaScript"]}
]

這時候可以先用 for 迴圈將所有 books 元素拉出來再計算 books 元素的長度，最後加總起來就可以了

sum = 0
for x in list:
    sum += len(x['books'])
print(sum)

我喜歡用一行寫法，簡潔快速

print(sum([len(x['books']) for x in list]))

使用 docker-compose 直接更新運行中 docker 的方法

如果有正在運行的 docker 想要更新資料，
可以透過下面的指令直接更新，且不用重啟 docker，
實在太好用了😍

docker-compose up -d --no-deps --build svc1

其中的 <service-name> 要和 docker-compose.yml 中設定的一樣