Weekly-GitHub-Digest #41
2018/06/07–2018/06/13
Web — 網路本身高風險，請詳閱公開說明書
- RelaxedJS/ReLaXed Create PDF documents using web technologies
把網頁的 html 標籤輸出成一般文件格式常用的 PDF 檔，中間轉換的過程其實比想像中繁瑣許多，過去的作法是用上 PhantomJS 配合像是 html-pdf 這一類型的 npm package，雖然一樣可以完成業務工作，不過在寫法上就不是這麼彈性。ReLaXed 的命名規範的形狀怎麼看都很像是在和 LaTeX 致敬啊，做為一個現代化的前端開發工具，除了直接撰寫原生的 html 以外，Pug 的使用也是允許的，看個官方分享在 atom 上的模擬截圖一整個心花怒放啊。
- sampotts/plyr A simple HTML5, YouTube and Vimeo player
回顧過去一年多曾接手過的專案，發現自家的設計師在一些靜態的產品介紹頁面很喜歡加入 YouTube 影片，雖然他給出的 UI 稿並沒有特別要求要做任何影片介面顯示上的調整，不過對於做開發的工程師而言一直重複做類似的東西實在有些偷懶，便花了點時間研究了如何把 YouTube 造型翻新一下。找遍各種號稱最好用的播放器介面，plyr 是目前唯一一個在客製化做得最為易用的，且和第三方框架也有為數相當踴躍的 Plugins 和 Components 提供，細心一點的人應該有發現 Hahow 他們家的播放器其實就是用 plyr 下去改的ＸＤ。
Terminal — 已經是 iTerm 的形狀了呢
- rafaelrinaldi/hn-cli CLI to browse Hacker News
之前曾經介紹過 Stackoverflow 的終端機版本，身為美國最大最知名鄉民集散地的 HackerNews 怎麼可能會沒有 CLI 呢？：
global 全域安裝個：
$ npm install -g @rafaelrinaldi/hn-cli用法我們來查查 help：
Usage: hn [OPTIONS]CLI to browse Hacker NewsExample:
$ hn --limit 10 --keep-openOptions:
-v --version Display current software version
-h --help Display help and usage details
-l --limit Limit the number of items to display (defaults to 150)
-k --keep-open Wether or not to keep the list open after selecting an item (defaults to false)
--latest Sort the list by submission date (defaults to false)
最簡單的使用就是在後頭加上指定的參數，那個 keep-open 的配置可以讓你在點開文章保持仍然保持在瀏覽介面，但因為我有額外設定一些自己的 iTerm2 配色所以標題看起來完全被反白掉了ＱＱ，不過測試之後大致的效果如下：
整體給我的感覺是很像第 17 期玩過的 newsroom，目前看來很有很大的發展空間等待值得加入的功能。
Useful OSS — 好用的開源軟體
- tmm/notational 📝 Real-time notes app built with Vue.js
關於做筆記也是有分門別類的，公司相關的資訊，偏重個人隱私的資料等等，這兩者在同一個筆記軟體是能夠開設不同資料夾做維護的，不過我的個人習慣是個人使用的就用某一個軟體，公司使用的就去用另一個，至於一些無關緊要的砸碎瑣事我則會把它們丟到一個相對不這麼嚴謹但一樣有著不錯機制的平台上。notational 的核心功能就是司空見慣的類 Todo-list，但越簡單的東西越難做得出色，就跟星爺的叉燒飯一樣，創建一個新的 list 的動作非常直觀，找不到就去 create 一個新的，上方是標題下方則是內文，還可以產生對外連結分享給任何人，拿來記錄些不怎麼重要但卻是日常提醒類的待做事項挺合適的。
Developers — 開發者們
Vladimir Carrer 的開源專案不乏熱衷打造各種不同的 CSS framework，雖然種類繁雜不過核心同樣都是為了解決某一個特定問題的最小實踐，SMART-CSS-GRID 是使用 grid 屬性並以 12 columns 為基礎做出的排版，Hartija — CSS-Print-Framework 則是為了做出一個通用於網頁列印的工具，又或者是像 nanoJS 從打造類 jQuery 操作 DOM 的 API 實作，儘管 jQuery 已經不是現代前端開發的首選，但對於初學網頁的開發者而言這份程式碼仍然是個不錯的教材。
Technical Posts — 你都去哪看技術文啊城武
學習各種程式語言在成為工程師的道路上每個人幾乎都是這麼走過的，但只要是語言，不管是和人類溝通的還是跟機器溝通的，一個人對於語言的掌握程度一樣有從入門到進階，一些情境下像是專案進度在趕結果被上頭抓去指派用另個不甚熟練的語言做一套系統出來，如果陰德值爆高東西真的東拼西湊跑起來了，過了死線之後心血來潮回過頭去重構一下原始碼發現一坨像是義大利麵條的程式碼企圖以某Ａ語言的外衣包著某Ｂ語言的核心等等，一些觀點可以去讀讀這篇 程式語言世界的巴別塔 。對於選擇語言和框架議題上這個部落格寫了不少分析的小品文，如果哪天開發上遇到一個需要從零開始學習的語言或是框架不妨設成書籤站回來看看。
You Need Some Music, And A Bottle of Dry Martini — 你一定要把氣氛搞得這麼銷魂嗎
一整個誤打誤撞因為動畫『東京喰種：re』的片尾曲才跳坑進來的，從年齡外表到生理性別都極為神秘的一組搖滾樂團，爬了一段時間的文加上反覆觀看 HALF 的音樂影片，自己的得到的總結是，樂團成員中的四個人都是男扮女裝，也就是完全走偽娘系路線外加一點視覺系的風格演繹 (這點如果跟真實資料有誤煩請指正)。日非混血的主唱 Avu-chan 在純聽音源的情況下很難單從人聲區分，音域可高可低延展性極廣，有這麼厲害的聲線加入運用得宜的結果就是 HALF 整首將近四分鐘的樂曲全程都是處於相當過癮甚至上癮的狀態。
