Weekly-GitHub-Digest #55

Wesley
Weekly-GitHub-Digest
7 min readSep 20, 2018

--

2018/09/13–2018/09/19

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

在引用任何第三方函式庫以前,真的要再三確認自己的業務需求是否需要這麼多功能,moment 很大包,所以就有開發者寫了 You-Dont-Need-Momentjs 這樣的指南。之前的面試經驗曾經被出了個回家作業,大致上就是要你手刻一個類似 datepicker 的元件,就像早期常見的 jQuery 套件,點了日期就會自動關閉,點了上面的年份會切換到以十年為一個區間的選擇視窗等等。當時囿於時限壓力,在處理日期計算的部分為省下點時間就直接引入 moment.js,結果 onsite 被問到該部分的實作時如實回答,結果空氣陷入了好長一段時間的靜默,然後對方只說了:”moment 很大包的,怎麼不自己實作呀?“。那時的確心想,沒有自幹真的是錯誤的決定。後來發現該公司釋出的開源專案也有一個自製的 datepicker,正好奇對方所謂的正統實作是如何,看了下原始碼,大大方方地也 import 了 moment.js。嗯,這就是比較難以理解的地方了。

you-dont-need/You-Dont-Need-Momentjs

checkout 的體驗,就一般的印象而言,可能就是填寫表格,輸入信用卡卡號,資料有誤時會即時跳出錯誤訊息以供修正,比較動感的設計就較為少見了。Fancy-Checkout 一如名字果真是潮到出水,卡片在填寫完畢之後就會立刻翻回正面,上方的資訊欄位也會切換成讀卡機的設定,隨著卡片插入的同時也給使用者帶來了不同於以往的特別體驗。

gabriellamas/Fancy-Checkout

Terminal — 已經是 iTerm 的形狀了呢

getgauge/taiko

玩過瀏覽器自動化測試對這類工具應該或多或少有些概念,這回就來看看 taiko 這套可以幫助你使用 Terminal 介面去操作 chrome/chromium 系列瀏覽器的 node.js library 吧:

全域安裝一下:

$ npm install -g taiko

先行輸入 taiko 指令,接著跟著 REPL 走,幾個簡單操作,像是打開瀏覽器:

$ openBrowser()

打開瀏覽器之後想要去逛某個網站:

$ goto("https://www.youtube.com/channel/UCxUzQ3wu0oJP_8YLWt71WgQ");
getgauge/taiko

艮,How 哥不要來 Now 啊,這邊用文件上提供的 TodoMVC 網站做為範例,當你看到那個精美的 todo list 試著寫點東西進去吧:

$ write("automate with taiko");

模擬按下 Enter:

$ press("Enter");

就幾個指令看來官方文件已經寫得很白話,再介紹下去就顯得有點多餘了。

Useful OSS — 好用的開源軟體

這幾天發現 sdras 的新作,project-explorer。如同 Visual Studio Code 做到的事情一樣,它能夠把一個專案的結構合理展開,運用類似樹狀的分支視覺化,彼此之間的階層關係一目瞭然,一些用途例如有個剛要開始處理某專案的新人,如果想要她/他更快上手,不妨試試 project-explorer 輸出,還能夠標示並加入 entry point 或是其他的特別用途等註釋。

sdras/project-explorer

Developers — 開發者們

到目前為止,寫文件雖然沒有一定的格式,但是你可能看過一些文件諸如 Frontend-checklist 或是 modern-js-cheatsheet,大多都是一個一個條列,列出眾多細項之後最後甚至製作成一個獨立的網站,似乎都有個類似不成文的規格存在。極少看過有人會把文件的內容和解釋全部寫在某支檔案裡面,而且效果還出奇地好。itsy-bitsy-data-structuresthe-super-tiny-compiler 都是方才提到的具體例子,我也才正在讀前者而已QQ。

jamiebuilds (Jamie) · GitHub

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

最近的更新是四年前,但好東西還是被我挖到了。Browny Walking 的撰文取材類型偏向工具的介紹,還有如何更有產能地把生產力有效提升,像是為了能夠省下更多時間,你可能會需要去練練 盲打英文,對小編這類型有排程發文需求的 解決方法,或是你想要更好的管理 那些多到記憶體都要反噬的大量分頁

Browny Walking

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

編曲的配置與鋪陳充分顯現了東京事變的獨到特色,透過時鐘和倒數計時的呈現時刻流露一副詭譎,似乎什麼東西正在蓄勢待發的詭異氛圍,中間不時穿插的舞蹈畫面,明顯是和 Michael Jackson 的月球漫步舞步致敬,鏡頭下的切換都不難感受到那股個性,副歌尤其明顯:”三分間でさようならはじめまして。See, yes I really am movin’ on。骸骨を狙えシンセサイザー。Hit!格付(ランキング)のイノチは短い“,反諷的意味特別有力。那天看了介紹才曉得原來宇多田和蘋果姐兩人的交情如此之好,強強聯手怪不得會有像是 “二時間だけのバカンス” 這麼高質量的作品出現。

東京事変 — 能動的三分間

--

--