Weekly-GitHub-Digest #43

Wesley
Weekly-GitHub-Digest
8 min readJun 28, 2018

2018/06/21–2018/06/27

Web — 網路本身高風險,請詳閱公開說明書

拉一拉就刷新,這個功能應用在滑面冊或是一些社群網站是最為常見的,如果今天想要玩一個類似的特效該如何開始呢?pulltorefresh.js,官方那隻看起來像是章魚的吉祥物,看它的腳就很想拉一下,美中不足的一點是,如果 demo 能夠一併做在首頁的話效果肯定會更突出。和那些主打輕量易用的 library 一樣,僅僅 8 kb 左右的檔案大小,dependency-free,API 支援的選項應該足夠你玩出不少 Web App 上的新花樣了。

pulltorefresh.js
  • bestofjs/bestofjs-webui A place to find the best components to build amazing web applications. The best of JavaScript!

bestofjs 從字面上已經充分表達它的主打,可以說根本就是為了 JS 愛好者而生的網站,風格配色相當討喜,我的感覺有點像是另個華麗升級之後的 awesome list,但它的分類子項目和 tags 真的做得挺完善的,今天如果有個新手突發奇想,滿腔熱血地想要自己做個文字編輯器玩玩卻又不知道從何找起,這時你就可以把 bestofjs 這個網站丟給他自行研究了,就算對一些老司機而言,工作上有所需求當個查詢器也是很棒的書籤工具。

bestofjs-webui

Terminal — 已經是 iTerm 的形狀了呢

football-cli

今年的六七月來了個四年一次的世界盃,睽違已久的大力神盃讓各家隊伍踢得不亦樂乎,身為標準的一日球迷其實我並沒有特別支持任何一支球隊,但因為梅西的緣故內心還是相當期待阿根廷的表現,暫且不說這屆他們的分組成績實在踢得太烙賽,terminal 要如何跟足球來個交會呢?不過有件事還是要先說啊,不想被最後比分暴雷的人請直接忽略這段:

全域安裝個:

$ npm install -g footballcli

在開始之前,記得先去 football-data.org 申請一組金鑰才有辦法使用他們家的 API,用法的部分我們來查查:

Commands:
scores Get scores of past and live fixtures
fixtures Get upcoming and past fixtures of a league and team
standings Get standings of particular league
lists List of codes of various competitions
config Change configuration and defaults
Options:
-h, --help Show help

看個分數吧,打打 scores 這個指令,它也有自己的參數可以使用:

Options:
-h, --help Show help [boolean]
-l, --live Live scores [boolean]
-t, --team Select team [string]
Examples:
football scores -t "Manchester United" -l

既然要看世足的話,那就試試看啦:

$ football scores

結果如下:

football-cli

預設會跳出最新的世足比分,加上 -live 還能夠看到即時的比分,雖然這次 Google 直接搜尋 做得已經很不錯了,但 terminal 看比分還是很有搞頭啊。

Useful OSS — 好用的開源軟體

Windows 和 Mac 主打的東西大相逕庭,前者重視聲光絢麗遊戲等特效,後者則是為音樂藝術等較為需要創造性的工作者提供了一個良好的使用體驗,兩家都有各自既存的優缺點和多年支持的擁護者。因為工作機的因素,從 W 跳到 M 的過程其實沒有太多轉移的陣痛期,不過想在 Mac 上找個好用的影片播放器並不是那麼容易的事情,內建的 QuickTime,支援的影片格式稍嫌陽春,5KPlayer 進度條不甚穩定常常噴錯出狀況。基於 GPLv3 開源的 iina 或許就是那個解答。平心而論,是已經可以做成付費軟體販售的等級了,介面設計上盡可能的和 macOS 相容,用一段時間你甚至會以為 iina 根本就是官方釋出的播放器。

iina

Developers — 開發者們

Greg Hovanesyan 的 GitHub 頁面雖然不怎麼活躍,但他在 CodePen 上的作品絕對不容小覷,像 The Bluesman 結合了 Web Audio API,展示出來的程式碼也很有參考價值。GitHub 上的貢獻條沒有太多的顏色格子,並不代表這個開發者沒有任何產出,不是每個人都有能力和資源做全職的開源貢獻者,也有可能是他們的重心在其他平台,多數人的生活主要還是以公司的業務工作為主,參與開源也只是閒情逸致之下的偶爾點綴,有的開發者還是學生,時間多出一點就可能有辦法多貢獻一點,有些則是工作多年經驗老到的開發者,看看別人的 code,幫忙測試開個 Issue 或是發個 PR 也是挺不錯的,就是因為這樣的社群文化才會吸引更多的人們加入,下班之後太忙太累而沒有做自己業餘的 side project 也沒關係啊,就算是下下廚,打打球,陪陪家人,只要生活有個興趣和重心能讓人持續投入都好。這才是生活的本質吧。

greghub · GitHub

Technical Posts — 你都去哪看技術文啊城武

如果都在追國外最新的技術部落格,偶爾還是會想換點口味看點中文的。前端用 Vue 用 React 開發的人很多,卻很少有人寫文章分享使用過後的心得,尤其是公司內部專案的實際體驗過後的真實想法,像是 React/Redux 一個月的開發感想 還有這篇 Vue.js 大型專案開發心得,不過最有意思的還是 這篇文章,每個玩過虛擬機的開發者應該都對那段有些折騰的日子記憶猶新,第一次用 Virtual Box 裝 Ubuntu 一直失敗,直到真的跑在 Windows 電腦畫面上才知道那種感覺難以取代。

Knovour Notes

You Need Some Music, And A Bottle of Dry Martini — 你一定要把氣氛搞得這麼銷魂嗎

第一次聽到 Awakening 這首曲子是在暐哲老師的頻道上聽到的 Cover 版本,進一步查詢才發現原曲是來自一位泰國殿堂級的吉他大師 Jack Thammarat。被許多人稱作吉他音色之王的 Jack Thammarat,自然在音色上做了許多像是 Boss GT-8 等不同的嘗試,憑藉著出色的高難度演奏技巧以及夠水準的 Fingerstyle,讓他奪下 2009 年 Guitar Idol 世界賽的總冠軍殊榮。能夠在同一首樂曲中聽到各種不同層面的技術展現,電吉他速彈,抒情慢版搖滾,你知道他的功力和底子深厚,卻從來不覺得他為了演出表現而刻意炫技,每個入耳的音符聽起來都無比舒服,除了 Awakening 以外,幾首個人私心推薦的還有 Mr.FrontmanFalling In Love AgainTokyo Trip,上班寫扣當背景音樂聽只能說太讚了。

Jack Thammarat — Awakening

--

--