期間換了兩份工作，短暫旅行了一段時間，一邊思考自己職涯的定位，

“上班坐沒幾分鐘就感到莫名厭世”

“不知道自己現在到底在衝三小”

類似的負面情緒接二連三地在腦袋中打轉。不過光是空想也沒用，決定出趟遠門，放自己一個假再回來。

以為一切都會柳暗花明，結果完全沒有。

痾，也不見得沒用啦，僅僅是對我而言不適用。

只是心態上輕鬆一丁點，問題還是佇在那，畢竟不是什麼事都跟電腦ㄧ樣，重開機就能解決了。

悶歸悶，但同時也發現 創造 是擺脫這種困境一帖極為有用的特效藥。

最近幾個月開始忙碌著一個業餘項目，主要原因跟很多工程師ㄧ樣，就是因為下班不想再用筆電殘害自己的雙眼。飛蚊症可是很可怕的。

所以買了台電鋼琴之後，就開始錄製一些自己常聽的樂曲清單，多半是 JPOP 流行樂，經典的，我認為編曲格外有意思的。

有時也會加點彩蛋進去做 Remix，也有很大一部分會從以前寫的 Weekly-GitHub-Digest 中挑選出來，算是用另一種形式把專欄繼續做下去。

基本上頻道看到的所有東西都是自幹出來的，Logo，封面設計，剪輯，演奏，錄製，全部都是，然後 ….. 現階段先別跟我要譜，因為目前所有的彈奏都是空耳彈奏的，打成譜會花上蠻多額外的時間，曾經很熱血地試著用 Musescore 打譜，結果就是五天的下班時間全都耗在那了 Orz。

什麼？Wesley 你要轉行了嗎？

別開玩笑了文西，現在的水平十之八九會餓死，頻道的訂閱數也是飄忽不定，就好像是汪洋中的一條船，船身還破了好幾個洞。

做音樂是比做軟體還要多些實際的成就感，但並不表示要捨棄任何一項。這兩者本該是相輔相成，本質上絲毫也不違背。

畢竟都是在創造呀。

能夠在寫扣的時候聽自己彈的鋼琴好像是有那麼一點浪漫，會不會程式從此就會寫得更快，效能更好，架構更 robust？

只是希望這些樂曲能帶給聽的人一些想法，歡迎訂閱。

• https://youtube.com/NaeNPIANO

就只是一點近況更新 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

基於沒有什麼特別的原因

Weekly-GitHub-Digest 不再更新

公告 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• phoboslab/underrun Twin stick shooter game in 13kb of JavaScript/WebGL

js13kGames 是一個每年都會固定舉辦的比賽，參賽者必須在 13 killobytes 的限制之內製作出一個可操作的 HTML5 遊戲，看看這段官方描述：“The competition started at 13:00 CEST, 13th August and ended at 13:00 CEST, 13th September 2018” 就知道他們對 13 這個數字有種莫名的執著呀。而 underrun 正是目前社群投票中的最高票，做為一款清版類型的射擊遊戲，裡頭用到的技巧也有相當高竿的應用。

• avatsaev/touchbar_nyancat Stupid nyancat animation on your +$2k MacBook Pro’s Touchbar

由於工作緣故拿到了一個新款的 Mac 工作機，比起 2015 版本最大的改變可能就是背板的亮光蘋果消失 (變成鏡面，可以拿來照鏡子自我取暖)，指紋開鎖 (嘿嘿搜集你的指紋給老大哥)，鍵盤異常扁平 (就好像是一塊塊綠豆糕似的)，還有那條號稱極端好用的 Touch bar。但已習慣實體鍵盤的觸感突然之間要轉換，是有點困難呀，像是要調整音量鍵或是亮度時硬是要去摸那條觸控條才能發出指令。但好在人類是可以變通的，上週終於發現 Touch Bar 的真正賣點。租屋不能養貓沒關係，可以玩彩虹貓呀，裝上 touchbar_nyancat 就可以盡情的把彩虹貓拉長縮短，配上舒壓的音樂實在是人間一大樂事。

Terminal — 已經是 iTerm 的形狀了呢

• GitHub — nathanpeck/clui Command Line UI toolkit for Node.js

過去曾經推坑過不少在 Terminal 介面下的顯示元件，等待回傳資料時要跳出的 spinner 啊，或是把資料轉換成長條圖等等的，如果寫前端都有一大堆 toolkit 可以使用，那麼 CLI 呢？

我們開個獨立的資料夾把整個專案抓下：

$ git clone https://github.com/nathanpeck/clui.git

沒意外的話已經有一個 example 在那裡了，打開之後會發現幾個範例，這邊拿看起來比較有趣的 progress 做為展示：

var CLI   = require('../lib/clui.js'),
  clear = CLI.Clear,
  clc   = require('cli-color');

var Line          = CLI.Line;
    Progress      = CLI.Progress;

var statuses = [0, 0, 0, 0, 0];
var lengths = [10, 20, 30, 40, 50];
var percent = 0

console.log('\nCtrl/Command + C to quit...\n\n\n\n\n\n\n\n\n');

function drawProgress () {
  clear()

  var blankLine = new Line().fill().output();

  var headers = new Line()
    .padding(2)
    .column('Item', 20, [clc.cyan])
    .column('Progress', 40, [clc.cyan])
    .fill()
    .output();

  blankLine.output();

  for(var index in lengths) {
    var thisProgressBar = new Progress(20);

    var websiteLine = new Line()
      .padding(2)
      .column('Item #' + index, 20, [clc.cyan])
      .column(thisProgressBar.update(statuses[index], lengths[index]), 40)
      .fill()
      .output();
  }

  var thisPercentBar = new Progress(20);
  var percentLine = new Line()
    .padding(2)
    .column('Item %', 20, [clc.yellow])
    .column(thisPercentBar.update(percent), 40)
    .fill()
    .output()

  blankLine.output();
}

var statusTimer = setInterval(drawProgress, 100);
var incrementTimer = setInterval(function () {
  for(var index in lengths)
  {
    if (statuses[index] < lengths[index])
      statuses[index]++;
  }
  if (percent <= 1) {
    percent += 0.02
  }
}, 500);

畫面會是這樣：

目前這個 ui toolkit 說大不大，裡面也才五個元件而已，但僅僅如此就能充分感受到 CLI 的魅力了吧。

Useful OSS — 好用的開源軟體

• Algram/ytdl-webserver 📻 Webserver for downloading youtube videos. Ready for docker

在玩耍 ytdl-webserver 之前可以去看看原作者的這篇 原文，就跟很多 “自稱” 是好用的 YouTube Downloader 一樣，原作者也在尋找這些工具中迷失，一堆置入性廣告，介面又爆幹難用，所以才有了這工具的誕生。不過內行的都知道，用 CLI 的老司機一定都用過 youtube-dl，ytdl-webserver 同樣奠基於此，只是加以製作了一個更簡潔的下載介面。

Developers — 開發者們

• phoboslab (Dominic Szablewski) · GitHub

Dominic Szablewski 是這期介紹的 underrun 遊戲的原作，專案多是自製的遊戲引擎或是圖像處理工具，很棒的是通常遊戲的開發過程鮮少會被完整記錄，但他的 blog 幾乎是不藏私地把這些東西通通收錄進去，包含 underrun 用上的工具，甚至還有自己開源出來的遊戲引擎 Impact 也相當有料。

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

• Summer。桑莫。夏天

雖然每回總是心中有著參賽的念頭最後又因為惰性使然而草率放棄，不過鐵人賽的三十天系列在時間給予的壓力和死線之下真的醞釀出了不少好作品，像是自動化跑測試的神兵利器 Nightwatch101 教學系列就是極佳的範例，循線挖到原作的部落格真的有挖到寶的 fu，像是 vue.js 這幾篇筆記做為複習也很值得一看。

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

• Ryuichi Sakamoto — Merry Christmas Mr.Lawrence

第 29 期 介紹過小光姐的變奏版本，這回推坑個原作。Ryuichi Sakamoto：CODA 是一部關於坂本龍一的紀錄片，主軸圍繞著他在對抗癌症的心路歷程，以及透過作曲和創作與這個社會建立起的一套價值觀。其實坂本大師的身影不僅在電影，他也多次出現在電視廣告當中，像是在 SAPPORO黑牌生啤酒 中被妻木夫聰問到的 “影像和音樂最佳的關係是怎樣的？”，他回的那句 “能被覺得好電影的作品，配樂反而沒這麼多呢。畫面明明就把故事說得很清楚了，卻又用音樂畫蛇添足，這根本是蠢到極點。” ，但印象中最為深刻的就屬和 青山洋服 的合作，“我下定決心還要再活 30 年。”，超過六十歲還能說出如此帥氣的話，坂本大師一定可以做到的。琴鍵的黑與白既乾淨又純粹，可惜的是世界上的善與惡並不能用簡單的二元論做為法則，沈默的多數人一輩子都在灰色地帶間打轉。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #57 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• transitive-bullshit/create-react-library ⚡CLI for easily creating reusable react libraries

React 生態圈一直都不缺各種工具和 generator，這點官方應該是做得最為徹底的，create-react-app 和 creact-react-native-app 都是很好的範例，不過以 JS 做為開發時主要的生產力語言永遠都有可以做得更好的地方，比如說如何打包並且 release 一個 react component。create-react-library 的目的和命名都相當明確，藉由 CLI 的互動方式一步步把你想重用的組件製作出來，Babel 轉換有了，Jest 測試也一併附上，連文件都有中文翻譯了。

• slikts/js-equality-game The Worst Minesweeper 💣 Ever

JavaScript 對新手開發容易，但一旦要邁向更為進階的使用時，一些奇妙的特性常常讓人措手不及，多數開發者對 這張圖 一定也不陌生，JS Equality Table Game 更是直接把這份圖表製作成一個小遊戲，就像經典的踩地雷一樣，玩家可以試試看自身對於 == operator 的熟悉程度，然後一邊思考是否應該在專案中使用 === 運算子。

Terminal — 已經是 iTerm 的形狀了呢

• sindresorhus/trash-cli Move files and folders to the trash

通常當筆電裡的資料一多起來，就會想要來個大掃除，畢竟一直不整理的話電腦也只會越跑越慢，說到清理這回事，CLI 也有辦法不透過 GUI 的方式進行操作嗎？

全域安裝一下：

$ npm install --global trash-cli

指南也相當的精簡：

$ trash --help

Usage
  $ trash <path|glob> [...]

Examples
  $ trash unicorn.png rainbow.png
  $ trash '*.png' '!unicorn.png'

操作大概會是這樣：

原作者是表示像是 rm 這類的指令較為不可逆，可能會造成無法挽回的義和，所以 trash-cli 做的就是幫你把不要的檔案或是資料夾搬到垃圾桶。什麼？你問 rule34 是啥？Ｊ個就不好說了呀。

Useful OSS — 好用的開源軟體

• tulios/json-viewer It is a Chrome extension for printing JSON and JSONP

json-viewer 其實自己用很久的說，不過卻遲遲未介紹過。一般來說，前端和後端溝通通常都是使用 API 連結，要測試的話，後端給個網址過來像是 GET 動作，打開網頁就能直接看到回傳的資料了，但往往這樣拿到的形式在顯示上總不甚理想。json-viewer 提供了一個解決方案，透過 Extension 的各種客製化操作，你可以自訂主題，更改 CSS styling 讓資料畫面看起來更和你的口味。儘管現今也有了比較完善的一條龍方案像是 Swagger 或是 Postman 等工具，但 json-viewer 在看一些簡單的資料時依然是相當好用的。

Developers — 開發者們

• transitive-bullshit (Travis Fischer) · GitHub

哎呀頭貼是貓咪就沒辦法了，果然沿襲了 第 54 期 曾說過的。Travis Fischer 的專案偏向音訊和串流相關，webtorrent 也有相當可觀的建樹，同時也是這期介紹的 create-react-library 原作，可能是為了藉此推廣這個 boilerplate 讓更多開發者使用，他也因此製作了 react-particle-effect-button 這個非常絢麗的專案做為展示。“Everything in engineering is a tradeoff && KISS rules all.”，相當耐人尋味。

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

• Rhadow’s Tech Note · JavaScript, front-end, and web development articles

工作上難免會遇到以前不曾使用過的套件或是工具，這時除了多點耐心慢慢爬文梳理出一套理解方式似乎別無其他捷徑，但一個剛轉職的新人更是如此，換工作的這陣子特別有感呀。前幾天聽到同事在聊天提到了 Immutable.js，似乎一直有個印象在哪裡看過，大概是資質駑鈍爬了幾篇文章還是搞不太懂這工具的用途，直到拜讀了這篇 Immutable.js 簡介 才有種豁然開朗的感覺油然而生，雖然文件還是讀個官網原文會更為清晰，但看看別人理解的思路總是能多帶來點刺激呀。

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

• Alexandros — city

第一次聽到的時候叫做 Champagne，後來聽發現改團名變成了 Alexandros。初來乍到的樂迷可以用 452 這串數字記住他們：四個人的編制，成軍僅僅五年，兩度登上日本演唱會最高殿堂武道館的舞台演出。類似的日團諸如 One OK Rock 的 Taka，Pay money To my Pain 的 K，或是 Radwimps 的野田洋次郎，主唱川上洋平也得益於歸國子女的身份，英文咬字與發音皆相當清晰，也因此詞曲創作常常在英日文之間不時交錯穿插，這對他們日後進軍海外市場也有一定程度的幫助。雖然比較這件事沒有特別的實質意義，但川上給我的感覺有點像是介於野田和 Taka 之間，可以如同前者一般如此冷靜唱著搖滾，在高音突出的爆發力絲毫不遜色於後者，各種面向的曲風也都能輕易駕馭。當然，三個團都聽就不會錯過更多東西了。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #56 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• you-dont-need/You-Dont-Need-Momentjs List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin

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

• gabriellamas/Fancy-Checkout A animated experience for your checkout !

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

Terminal — 已經是 iTerm 的形狀了呢

• getgauge/taiko A node.js library to automate chrome/chromium browser

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

全域安裝一下：

$ npm install -g taiko

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

$ openBrowser()

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

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

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

$ write("automate with taiko");

模擬按下 Enter：

$ press("Enter");

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

Useful OSS — 好用的開源軟體

• sdras/project-explorer 🎋A CLI tool to create an annotated tree visualization of any project

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

Developers — 開發者們

• jamiebuilds (Jamie) · GitHub

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

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!格付(ランキング)のイノチは短い“，反諷的意味特別有力。那天看了介紹才曉得原來宇多田和蘋果姐兩人的交情如此之好，強強聯手怪不得會有像是 “二時間だけのバカンス” 這麼高質量的作品出現。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #55 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• sindresorhus/screenfull.js Simple wrapper for cross-browser usage of the JavaScript Fullscreen API

使用了 JavaScript Fullscreen API，其中有兩個重要的操作方法，requestFullscreen 以及 exitFullscreen，透過事件綁定就能夠做到像是按下按鈕，就能控制全螢幕縮放等行為，最常見的應用就屬水管影片的縮放功能了，如果不是做過相關應用或產品大概是相對少見的吧。每次看 sindresorhus 的專案都能發現新東西呀。

• Grsmto/simplebar Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser

simplebar 是一套原生 JavaScript 撰寫的函式庫，在滿足跨瀏覽器和輕量這樣的條件底下，試圖做出一個既容易客製化，又能夠通用的輕巧 scroll bar，不過 README 中也有特別說明，simplebar 並不是去改變 scroll bar 原生的滾動行為，唯一的變化是外觀這件事變得更加容易因應設計而做出改變，如果面對的需求更為進階的話，文末甚至還給出了 另個解決方案。

Terminal — 已經是 iTerm 的形狀了呢

• uetchy/gh-compare 🎭 Compare GitHub repositories in terminal

當你看到兩個類似且同質性很高，都在解決某個特定問題的工具時，不免想要拿出來比較一下，就跟買東西ㄧ樣，總是要先貨比三家一番，這個觀念放到技術取捨上則會被格外放大，畢竟影響的是未來推出的整個產品線，適不適用都得看數字說話：

全域安裝一下：

$ npm install --global gh-compare

看看使用說明：

$ gh-compare --help

目前提供的 help 僅僅只有當前的版本號碼：

$ gh-compare --version
1.1.0

但大致用法其實看 GIF 就一目瞭然了，範例是用 react 和 vue，我們換個試試：

$ gh-compare angular/angular vuejs/vue

比較的數據都是從 GitHub 提供的 api 取得，數字看起來好像是 Vue 略勝一籌，不過 AngularJS 1.X 時期的其實在官方的分類上是被切在另個 Repo，該框架的實際發展時間其實要再更長一點，充其量可能就是看看做個客觀參考用。不過必然的是，當遇到需要抉擇工具的情境時，需要考量的要素自然更多。

Useful OSS — 好用的開源軟體

• wexond/wexond An extensible web browser with beautiful UI

瀏覽器近期多了不少生力軍，wexond 是其中之一，目前的核心功能有幾項：內建廣告屏蔽，tag 分類群組，還有對從 Chrome 轉換過來的用戶提供的 Extension 部分支援。儘管短期內要搶佔並瓜分一部分市場機率不高，且該專案仍處於 beta 階段，但是整體而言 wexond 試用下來的感覺相當不錯，介面也是相當的簡潔，Chrome Extension 的部分勢必再加強一些會更好。

Developers — 開發者們

• klauscfhq (Klaus Sinani) · GitHub

Klaus Sinani 是曾在 第 52 期 介紹過的 taskbook 原作，除此之外，也是佔據 GitHub Trending 好幾天，把 console logger 的介面變得更有趣的 signale 作者，桌面應用也有 tusk 和 ao 這兩個作品，算是非常多產。Btw，在 GitHub 上逛久了發現，大頭貼只要是貓啊或是狗，有很高的機率都是非常活躍的開源貢獻者，看看 Sindre Sorhus，Travis Fischer，Qix，都是實際存在的例子，基本上放貓就贏一半了，如果是柴犬的話就更好了。

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

• The Will Will Web | 記載著 Will 在網路世界的學習心得與技術分享

印象中大三還是大四的一門選修課，主講人邀請了不少講者來演講，在學校而不是 Conference 的場子看到保哥出現還是第一次，照著名單一個一個查下來才發現原來全部都是校友，尤其是資訊圈也太多 118 的人 wwww。保哥的技術交流中心用心經營的時間之長，最早的文章可以追溯到 2007 年，一直到現在都陸陸續續有更新，從 .NET，系統管理，寫到前端工程的細部研究，涵蓋的範圍之大相信來看的人都能挖到不少有料的內容。看了看寫到現在的 Weekly-GitHub-Digest，介紹的東西幾乎都是前端的工具為主，總覺得這樣的自己看起來 “好像” 涉獵很廣卻也顯得不夠扎實，尤其隨著當喜歡的事情越來越多，分配給寫程式的時間越來越少，也是一個兩難。

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

• BANKA — illion

illion。不是單飛，這是野田洋次郎在 RADWIMPS 以外另一個更為有意思的 solo project。和樂團的編制相較之下，輕亮且具有貫穿力的 vocal 可能是唯一的交集，另外多出的東西，illion 走的路線偏向迷幻，電子風格強烈，會有很高的實驗性音效混搭在裡頭，可以大力期待在這裡聽見 RADWIMPS 較少出現的元素，當然，RADWIMPS 同樣最高。音樂路上，出道至今完全詞曲創作，這幾年多了個演員身份，轉往演戲，甫出道旋即拿下新人獎。接著寫書，出版半回憶錄式的自傳日記。原來我過去我所認識的野田遠遠不僅於此。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #54 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• joshwcomeau/key-and-pad 🎹 Fun experiment with the Web Audio API 🎶

七月多去完 FEDC 後，近日發現 Audio Visual Experiments in Modern Web 的簡報也釋出了，對於聲音和影像這個主題也多了些體悟與感觸。key-and-pad 基於 Web Audio 實現，透過鍵盤按下時發出聲響，並且透過振盪器的拉條去改變波形，你甚至還可以用觸控板去加點 filter 製造出非常電音的 fu，為了重現各種音樂上的嘗試，你還可以搭配原作者撰寫的 Redux VCR，示範效果大概會是 Ｊ個樣子。

• oncebot/pushbar.js Tiny javascript plugin for creating sliding drawers in web apps

像是抽屜的 menu bar 是在許多網站上都能看到的設計，用 JavaScript 實現方式相當多種，更甚者 Codepen 上還有不少純 CSS 實作的範例，但這年頭面試前端就目前看來很少人會刻意刁難你的 CSS 技巧，因此功能面而言還是盡可能去用 JS。pushbar.js 不出一百行，透過在 classList 上的操作開與關，算是很好的臨摹小專案，除此之外還有一個長得很像的 popbox.js 同樣值得參考。

Terminal — 已經是 iTerm 的形狀了呢

• mixn/carbon-now-cli 🎨 Beautiful images of your code — from right inside your terminal

一直以來都有 follow W-G-D 的讀者應該對這個專案很眼熟，在 第四期 就已經介紹過 carbon 的用途，提供一個 Web 介面，貼入程式碼，選擇主題轉換，輸出後就是一張漂亮的圖片，今天就來看看它在 CLI 上的版本：

全域安裝一下：

$ npm i -g carbon-now-cli

看下 README 吧：

Beautiful images of your code — from right inside your terminal.

Usage
  $ carbon-now <file>

Options
  -s, --start          Starting line of <file>
  -e, --end            Ending line of <file>
  -i, --interactive    Interactive mode
  -l, --location       Image save location, default: cwd
  -o, --open           Open in browser instead of saving
  -p, --preset         Use a saved preset
  -h, --headless       Use only non-experimental Puppeteer features

看到那個 i 估計是可以互動的，在輸入指定的程式碼檔案名之後加上這個參數，就會有 inquirer 跑出來了：

它還有一個更直接的方法，我們一樣拿其中一段程式碼做為輸出看看：

好吧老實說有點過度包裝了ＸＤ，因為它其實後來還是用了 puppeteer 去模擬瀏覽器的行為，本質上跟在 Web 上使用大同小異，而後者在做細微調整的體驗其實更勝前者。

Useful OSS — 好用的開源軟體

• pomber/code-surfer React component for scrolling, zooming and highlighting code <🏄/>

通常在學習技術的時候，如果該東西很新，想要自己辦社群推廣，製作淺顯易懂好上手的簡報幾乎不可或缺，但簡報的呈現方式也是極為多樣，有的人喜歡把畫面填得滿滿滿，怕自己準備時間不夠的或許也可以嘗試看看高橋流，不過如果有程式碼需要講解的部分，多數簡報的形式可能都不夠合適。code-surfer 是從 mdx-deck 打包而成的 React Component，支援滾動，zoom in/out 以及程式碼 syntax highlight，其訴求就是強調互動，比起文字，直接看程式碼或許更勝過千言萬語。

Developers — 開發者們

• joshwcomeau (Joshua Comeau) · GitHub

上一期 redux-vcr 的作者，react-flip-move 也是出自於他的 repo，近期的作品還有 guppy，一個製作成 GUI 介面，方便你視覺化管理 task runner 的工具。值得一提的是 Khan Academy，這個試圖翻轉教育的組織所釋出的教學影片質量都相當不錯，台灣也有均一以類似的方式推廣，Khan 的 開源專案 也不輸 FLAG 呀！

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

• 開源工場 — Opening Source

開源工場也是近期在推友的動態上發現的，驚覺自己做的 Weekly-GitHub-Digest 有點像呀，只不過開源工場的內容取向更廣，細項上還有分成日報，週報，百科，還有直接以開發者為主題做為側寫的媛寶和猿帥。讀了些內容下來，日報可能囿於時間壓力，大多是簡短描述該專案的主要功能，剩下的九成篇幅幾乎以該專案的 README 為主，所以偶有中英夾雜的怪異感，不過週報的話就充實多了，蠻像同樣每週出刊的碼天狗。

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

• 椎名林檎 — 長く短い祭り 耳コピ

鋼琴會被稱作樂器之王的幾個原因，典型的多音樂器，善於製造和聲，一個人兩隻手，十根手指頭，兩人合作則是進階的四手聯彈，變化既全面且無窮，不過會彈鋼琴意味著會彈即興嗎？這兩者之間的等號是未必成立的，而人們往往對那些擅於演繹即興編曲的樂手更加著迷，程度嗎，大概就像吳亦凡聽來聽去就是想你唱 FreeStyle 的感覺一樣。Fujii Kaze 是日本的一位 YouTuber，好吧其實也不是那種會頻繁日更的典型，沒什麼廢話，幾乎畫面一切進來就是直接自彈自唱，有時候當然也是會有比較 惡搞的場景出現，沒有樂譜，賣帥以外兼賣才藝，仰賴絕對音感，僅憑雙耳接連敲下腦海中的各種旋律。有個名詞忘記是誰發明的了：空耳調琴，大意就是不用音叉或是額外的調音器，聽一聽，敲一敲，調音就搞定了。似乎只有像 柯南 這樣擁有絕對音感的天賦之人才有辦法做到了。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #53 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• danistefanovic/build-your-own-x 🤓 Build your own (insert technology here)

build-your-own-x 的主旨大致上就是這個意思的延伸：The Feynman Technique。費曼方法描述的是一種藉由自己教自己，也就是廣泛定義上的自學，幫助自己理解並且搞懂某件事情的方式。用軟工人的描述再白話一點就是自幹輪子。如果這項工具不能被我重新創造出來，那說明了我並沒有真正了解。這份 guideline 收集了各個層面的工具自造方法。不追求快速造輪，而是為探索原理而不斷地抽絲剝繭，試圖抓住與真實世界相互連結的那道真理。

• joshwcomeau/redux-vcr 📼 Record and replay user sessions

React 在當前的前端戰爭中算是主流的公司會採用的框架，Redux 所引進的資料流處理模式也逐漸成為一個明確的定義甚至成為了規範。有使用過 Redux DevTools 會知道，它是有著像是坐上時光機旅行的回溯功能，協助你做開發上的 debug，而 redux-vcr 也是有著這樣的意味，不過更 fancy 的是連介面都變成錄影機的形式，倒帶，加速，取出，重播，amazing。

Terminal — 已經是 iTerm 的形狀了呢

• klauscfhq/taskbook 📓 Tasks, boards & notes for the command-line habitat

Todo list 功能可能大同小異，呈現方式卻有百百樣，你可能看過打開一個分頁就能使用的，也可能看過用 Electron 打包而成的桌面應用程式，但如果是 CLI 的話勒？感覺很新鮮呢：

安裝一下：

$ npm install --global taskbook

看看使用說明書：

Usage
  $ tb [<options> ...]

  Options
      none             Display board view
    --task, -t         Create task
    --note, -n         Create note
    --timeline, -i     Display timeline view
    --delete, -d       Delete item
    --check, -c        Check/uncheck task
    --star, -s         Star/unstar item
    --list, -l         List items by attributes
    --find, -f         Search for items
    --edit, -e         Edit item description
    --move, -m         Move item between boards
    --priority, -p     Update priority of task
    --archive, -a      Display archived items
    --restore, -r      Restore items from archive
    --help, -h         Display help message
    --version, -v      Display installed version

  Examples
    $ tb
    $ tb --task Make some buttercream
    $ tb --task @coding Improve documentation
    $ tb --task @coding @reviews Review PR #42
    $ tb --note @coding Mergesort worse-case O(nlogn)
    $ tb --check 1 2
    $ tb --delete 4
    $ tb --star 2
    $ tb --priority @3 2
    $ tb --timeline
    $ tb --edit @3 Merge PR #42
    $ tb --move @1 cooking
    $ tb --find documentation
    $ tb --list pending coding
    $ tb --archive
    $ tb --restore 4

根據如上配置，就一個最簡單的需求而言，如果我要創建一個 task 以及 note，指令打完後模樣會是這樣：

基本上 Terminal 的多數應用，資料方面都會有個 JSON file 儲存在本機端，Todo list 也不例外，但它的確把待做事項這個應用做出了新格局ＸＤ。

Useful OSS — 好用的開源軟體

• felixrieseberg/windows95 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows

歷史之所以有趣，就在於不同時代的人們總會一再地重複做著同樣的事情，很大比例都是在犯著類似的錯誤。每隔一段時間就會興起的復古風這次吹到了 Win95 上，是說 Windows 的話題從來沒有少過，尤其在微軟吸收了全球最大同性交友平台之後相關的開源專案越趨蓬勃。之前有人把 小畫家 搬到瀏覽器，現在 windows95 直接用 Electron 包成 Desktop App 讓你重新體驗到這將近二十年前的快感喔喔喔喔！

Developers — 開發者們

• kitze (Kitze) · GitHub

就業市場中的 junior 和 senior 工程師之間的差距到底會在哪些方面體現出來呢？這件事在討論區中可能都是日經般被問爛的問題，綜合觀察，我的回答可能會是以下幾項：擁有數個開源受歡迎且有用的 side projects，經營或是主辦過社群，到各大拜拜研討會現場當過講師，某樣新技術的嘗試先驅。以上我後來發覺幾乎都是 optional，沒有好像也沒差，不過就以一個第三方觀察的角度，那些資深的開發者在這項 list 上都有至少兩個以上的勾勾，就像 sizzy 的開發者 Kitze 一樣。

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

• 浩麟的博客

或許 Webpack 的配置對於剛入門的開發者稍嫌繁雜，但如果你是一名試著寫出一本全面介紹 Webpack 工具的撰文者，面對兩三週一次的小改版，一兩個一次的大改版，以及橫空出世的競爭對手 Parcel 的攔胡，內心的煎熬應該遠超過一個僅僅做為一般業務或是業餘專案上使用的開發者。當時在找 Webpack 資源的時候挖到這篇 Parcel Vs Webpack，內容中十分客觀地對這兩套優秀的前端構建工具做了些極有價值的分析，就以一名技術人的心態而言這真的很不容易。

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

• The Mints — Pretend

dele 刪除人生，在這一季正式推出之前早已滿心期待，陣容一字排開，當前最紅的新生代演員菅田將暉，自帶 “PlayStation” 音效，結完婚後整個人放棄形象的山田孝之，音樂圈也有 RADWIMPS 的野田以及 Wednesday Campanella 的 KOM_I。這個卡司天殺的豪華。Pretend 一曲做為劇中插曲，KOM_I 的獻聲搭上爵士樂，聽慣她在水曜日的演出卻也不覺得突兀。8/8 搶票那天其實挺擔心票源會不會被秒殺或是黃牛綁架，畢竟她的現場實在是太ㄎㄧㄤ，開演唱會滾大球最後滾到海上去 也算是聞所未聞，差點變成真的桃太郎。心滿意足地刷到票之後看了看票上的日期，回想起去年水曜日在 Legacy 的都市女聲專場，竟然不知不覺地也滿一年了呀。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #52 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• ivebencrazy/favioli Emoji Favicons for the web. 👊🤯

當你在社群網站看到朋友圈分享某篇文章，一一點開後才發現原來已經一大堆分頁卡著瀏覽器，那幾個常見的 favicon 也是看得有些雜亂，如果能夠稍微換個口味會是如何呢？favioli 能夠幫助你在每個分頁的 favicon 做點小調整，把原先的圖示替換成你指定的 emoji，是說那個介面很有 Slack 的既視感啊。這大概是近期看過最鬧的開源專案，感覺不怎麼有用卻很中我的胃口 wwww。

• FiloSottile/mkcert A simple zero-config tool to make locally trusted development certificates with any names you’d like

距離 Release 快兩個月前了，mkcert 的使用量也有不小的成長。這年頭沒有 https 的網站基本上只會越來越少見，Chrome 官方早早表明了這些事實，多數人都聽過的 Let’s encrypt 服務，在免費憑證上提供了不少的扣打做為使用。mkcert 做的事情是類似的，只不過主場搬到了本機端。brew install mkcert 簡單安裝之後接著初始化，就可以看到熟悉的綠色鎖頭出現在 localhost 了～

Terminal — 已經是 iTerm 的形狀了呢

• sharkdp/bat A cat(1) clone with wings

Linux 上的許多指令和簡稱都是有其用意所在，像是 man 是指 manual，ls 就是把所有東西 list 出來，起初會覺得為什麼要這樣命名，但用慣用久了以後總是會心一笑。這次要來看看的是升級版後的 cat 指令：

使用 Homebrew 安裝一下：

$ brew install bat

看看使用說明書：

bat 0.4.1
A cat(1) clone with wings.

Use '--help' instead of '-h' to see a more detailed version of the help text.

USAGE:
  bat [OPTIONS] [FILE]...
  bat <SUBCOMMAND>

OPTIONS:
  -l, --language <language>
          Set the language for highlighting

      --style <style-components>
          Comma-separated list of style elements to display [default: auto]
          [possible values: auto, full, plain, changes,
          header, grid, numbers]
      --color <when>
          When to use colors [default: auto]  [possible values: auto,
          never, always]
      --paging <when>
          When to use the pager [default: auto]  [possible values: auto,
          never, always]
      --wrap <mode>
          When to wrap text [default: character]  [possible values:
          character, never]
      --list-languages
          Displays supported languages

      --theme <theme>
          Set the theme for highlighting

      --list-themes
          Display a list of supported themes for syntax highlighting

  -n, --number
          Show line numbers (alias for '--style=numbers')

  -u
          (ignored)

  -h, --help
          Print this help message.

  -V, --version
          Show version information.

可用的配置多的眼花撩亂呀，我們就嘗試玩個最基本的吧，改造前：

改造後：

媽呀整個煥然一新了呀，連 git 做過的增減也是一清二楚，話雖如此，我還是希望哪天打下 cat 這個指令的時候會真的跳出一隻貓出來。

Useful OSS — 好用的開源軟體

• checkly/puppeteer-recorder Puppeteer recorder is a Chrome extension that records your browser interactions and generates a Puppeteer script

雖然暫時還處於 alpha 的開發階段，但 puppeteer-recorder 絕對會是個值得持續追蹤的專案。主要步驟有三，裝上 Chrome Extension 之後，按下 Record 鍵，接著 background script 就會開始記錄期間發生過的動作和事件，停止錄影之後則會產出一份 Puppeteer 的 script 以供後續使用。Puppeteer 推出之後，相關應用如雨後春筍般接連產生，如果自己的成果早已是顯而易見地站在巨人肩膀之上，一開始就表明自己的立場不是很好嗎？嘴巴盡說著違心之論也不是什麼特別光彩的事情。

Developers — 開發者們

• DIYgod (DIYgod) · GitHub

因為看到了專案才有了新的發現，萬物皆可 RSS 的 RSSHub，自幹的 HTML5 且支援彈幕的 DPlayer，都是出自於 DIYgod 這位開發者。DIYgod 這個名稱我想來想去，目前想到最好的翻譯還是創世神。個人認為最有意思的還是原作者經營的部落格，這篇 关于开源项目赞助这件事 ，有著強烈的二次元風格(褒意，勿戰)，在介面的互動和設計上存在著很多細節是值得多加深入思考的，Bilibili 真的有著不少技術大神啊。

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

• Frontend News

同樣是在推特上看到外國開發者轉推的部落格，非常新，所以篇數還很少，但目前有的內容都是大推。Frontend News 專注的領域明顯就是放在前端，因為這篇 Don’t write CSS, configure it with Tailwind 才認識到 Tailwind 這個與眾不同的 CSS framework，The Clipboard API crashcourse 這篇更是直接帶你實際製作常見的剪貼版功能。接下來的就像是 THE HEAP，原作者會在這裡分享最近讀到的文章，主題除了既有的前端三本柱以外，還有 performance，design，ML 等等。

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

• Unravel — Tokyo Ghoul OP [piano]

對於動漫遊戲圈的原創 OP 所締造出的音樂藝術性，我一向是認為足以媲美古典樂在歷史上的定位，澤野弘之，梶浦由記，旗下的歌手和樂團演出都是讓所謂別人眼中的次文化漸漸走入主流市場不可或缺的關鍵。Animenz 是我少數幾個有在追蹤的音樂頻道，也是少有的憑藉音樂才華就能在 Y 圈取得百萬訂閱的 YouTuber。他所創作的鋼琴曲多為 Cover，放眼望去都是各大知名動畫的片頭片尾或是插曲，東京喰種的 Unravel，Code Geass 反逆的魯路修第一季片頭 COLORS，Guilty Crown 的 Departures，就算你是個不怎麼看動畫的樂迷來到 Animenz 的頻道，如果不特別說，你是很難在第一時間意識到 “啊，原來這首歌是出自這部動畫的啊！”，換言之，當你開始意識到這件事的時候，你早已深陷 Animenz 驚人的改編功力了。特別難能可貴的是，Animenz 的琴譜都會在影片 release 後一併跟著分享出來，雖然指法爆幹難的就是了 Orz。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #51 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

• opencollective/frontend Open Collective Frontend

open collective 與其說是一個組織，本質上更像是一個自發性的同好聚集在一塊，為了共同熱愛的事情一同努力，你可以選擇成為一個贊助者，專案的 backer 抑或是直接參與成為原始碼的一部分都是可以做到的，誠如官方網站所說的這段話：“The Internet generation needs organizations that reflect who we are; where anybody can contribute to a shared mission; where leaders can easily change; and where money flows in full transparency.”。

• chinchang/picssel-art An app to create pixel art using only CSS

Pixel 風格的繪圖對於很多人來說都是相當親切的存在，在網頁上作畫率先會聯想到的 canvas，但真的任何時候都只有這個選項可以考慮嗎？picssel-art 帶你一步步用 CSS 實現。充份發揮了 box-shadow 的特性，主控台除了畫布之外，還有自字體大小，顏色以供選擇，更能夠在創作完成之後直接輸出或是丟 link 到 Codepen 分享出去。

Terminal — 已經是 iTerm 的形狀了呢

• sintaxi/surge CLI for the surge.sh CDN

最早開始接觸程式不免俗地跑去玩 Rails，當時做了點小東西之後，教學總是會叫你把東西上傳到一個叫做 Heroku 的網站上，打幾個指令之後東西就輕鬆部署上去了，那時還天真的以為自己無所不能，現在回想才知道原來是工具的強大導致這種自以為是的低能發生。不過話說回來，之後就很少看到類似的服務了，直到我發現了 surge：

全域安裝：

$ npm install --global surge

看看使用說明書：

Surge – Single-command web publishing. (v0.20.1)

Usage:
  surge <project> <domain>

Options:
  -a, --add           adds user to list of collaborators (email address)
  -r, --remove        removes user from list of collaborators (email address)
  -V, --version       show the version number
  -h, --help          show this help message

Additional commands:
  surge whoami        show who you are logged in as
  surge logout        expire local token
  surge login         only performs authentication step
  surge list          list all domains you have access to
  surge teardown      tear down a published project
  surge plan          set account plan

Guides:
  Getting started     surge.sh/help/getting-started-with-surge
  Custom domains      surge.sh/help/adding-a-custom-domain
  Additional help     surge.sh/help

When in doubt, run surge from within you project directory.

這邊用我之前寫的 react-webpack-starter 做為示範：

看到那個網址了對吧，所以現在可以去瀏覽看看：

https://shiny-calculator.surge.sh/

如果是 PoC 等概念測試，static sites 或是純前端的網站就非常適合使用 surge 的服務做為展示，更進一步的需求其實他們也有提供 team member 加入這樣的設定，domain name 亦然。

Useful OSS — 好用的開源軟體

• WorldBrain/Memex Browser Extension to full-text search your browsing history & bookmarks

瀏覽器記錄搜尋一直以來都有許多足以進步和改善的空間，Memex 帶來的體驗是可以解決部分的問題。使用方法很簡單，打開一個新的 tab，然後輸入 w ＋ space_bar 馬上就能夠在網址列進行全文搜索，Memex 會自動去幫你抓取近期瀏覽過且包含關鍵字的頁面，主控頁還有更多像是時間或是 domain 這類型的 filter，甚至可以把這些常常搜尋的通通加入 Collection 的分類。

Developers — 開發者們

• fengyuanchen (Fengyuan Chen) · GitHub

從 datepicker 這個專案發現這位開發者的，原作者還開源了做圖片裁切相當著名的 cropper 以及展示圖片使用的 viewerjs。近期的樂趣除了 Netflix 以外就是造輪子。整理了過去曾製作過的專案，包含自己寫過和在公司寫的程式碼，發覺在幾乎無法變動的 deadline 之下，很多時候都是直接套用第三方的 library，然後稍微改個 UI 和樣式，功能和測試通過後大致上沒太多問題就上了，雖然有一定的質量在，但始終有股不踏實的感覺在作祟。要消弭這種感覺，最好也是最笨的方法，就是自己造輪子，重新做一遍。像是一個 datepicker，仔細去思考它的原理，實作過程其實不難，但透過自己的雙手製作出來的感覺是任何事都無可取代的。

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

• G. T. Wang — 分享 GNU/Linux 與 Open Source 技術、教學文件、程式設計技巧、統計研究與生活點滴記錄

記得大三下那年筆電的 Windows 藍頻壞掉，當時又有個文件在趕，問了資工系的朋友之後他只跟我說可以試試看 Ubuntu，然後順手丟了一個 USB 給我，還叮囑我要記得在開機時狂按 F2 還是 F12。打開一看原來已經把 ISO 檔 燒進去了，接著就進入 Ubuntu 的作業系統了，當下的自己看著這些操作彷彿劉姥姥在逛大觀園，也是進入 Linux 世界的一個契機。爬文的話，鳥哥的文章必不可少，G. T. Wang 的部落格一樣相當有用，還有很好的一點是，一般開發者寫部落格通常只專注在技術層面，很少提到技術以外的範疇。在這裡你還能觀察到不同的生活方式，人生觀等等。畢竟我也不希望拿掉技術以後，只剩下一坨沒有思考能力的爛泥。

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

• Kimi no Na wa. Orchestra Concert — “Nandemonaiya / なんでもないや” by RADWIMPS『君の名は。』オーケストラコンサート

上週六是 RADWIMPS 的演唱會，由於諸多原因實在是不想用到特休，所以搭了早早的凌晨五點客運直接北上，而後聽完又搭了晚上十點的夜行列車南下，一日北南的行程有些緊湊，卻也因為這個時間點，格外喜歡車窗外的夜色，那天晚上回到住處也睡得特別香甜。新莊體育館的場地規模非常適合 RADWIMPS 啊，到現場時已經是人滿為患的狀態了，意外的是搖滾區竟然擺滿了椅子(咦，但更微妙的是，就如同 批踢踢 J-POP 版友所說的，男女比是相當懸殊的 2：8。空氣真的都是香香的。回溯到自己入坑 RADWIMPS，原因之一和多數人相同 (你的名字)，但更早則是因為 Aimer 的單曲 “蝶々結び” 而發現了野田寫的詞，在情感描述上的細膩詮釋，讀起歌詞時總是能讓人會心一笑。AADAAKOODAA 和 One Man Live 做為開場的爽快炸裂，遠戀，洗腦，前前前世，いいんですか?，ふたりごと，一路聽現場下來大概出現了三個哭點，ふたりごと 演奏時舞台投射而下的綠藍色光束和空氣中的煙幕不時激盪，遠戀時 Akira 和武田各自 solo 吉他和貝斯時的激烈碰撞，最後則是這首，なんでもないや，全場的大家打開手電筒一致地搖晃起來，回過頭看著四周的的白光，美不勝收。應援的毛巾除了拿來擦汗，應該還有眼淚吧。這是一個有二安的美好夜晚，明年見。

• 關於作者
• 贊助作者

Weekly-GitHub-Digest #50 was originally published in Weekly-GitHub-Digest on Medium, where people are continuing the conversation by highlighting and responding to this story.