ETBlue 外星人吟遊地球

2018年10月31日星期三

街舞日記：MOMOLAND 的 BAAM

分類：日記, 街舞

上一期街舞課跳 MOMOLAND 的 BAAM，原本是青春洋溢又正又可愛的一首歌，本班依照慣例毫不留情地摧殘它 ٩( ᐛ )و

看整篇文章 →

2018年10月10日星期三

演講紀錄：為什麼 Claire 會延畢？從政治學術理論與 g0v 參與經驗檢視黑客社群開源協作式的公民參與 @ g0v summit 2018

分類：成果發表, 圖解, 演講, g0v

第一次跟家華和婷宇合體（？）最近跟政治所的特別有緣份啊...
希望將來不至於淪為她們的學妹（抖）
攝影 by 東霖

今年 g0v summit 被婷宇拎著一起投稿，原本想偷懶把時間成本控到最低，結果因為和共同作者話太投機，投入比預期多出數倍的時間，差點 delay 到工作 😱 意外的驚喜是議程組非常睿智地邀請家華當我們這軌的主持人，她直到演講前兩天才終於答應，拉了分軌群組後，在家華引導下，跟 Kobe、八六整個聊開，演講結束後過了兩天，主持人自己忍不住在群組裡面說，為什麼我們這一軌一直好像停不下來 XD ...

總之，這幾天在分軌群組內收穫豐富，結果出乎意料地好，感謝 ipa 堅忍不拔地辦了大會，讓我們這軌的成員有機會湊在一起 LOL

這次 slido 的考題，現場先挑了票數最高的回答，原本想說會後來好好做剩下的題目，順便解釋為何我略過數位政委的那一題，但連續幾天跟夢醒軌群組 brainstorming 下來，墨水幾乎用光，所以還是改天好了... 反正根據群組內討論的狀況，我想再過一陣子，這些題目應該都會有比現在更好的答案可以交卷 :3

看整篇文章 →

2018年10月2日星期二

Web Front-End 菜鳥筆記：在 2018 Q4 的小型 Single Page React App 函式庫 / 框架選擇

分類：前端工程, 網站開發

採用 create-react-app、react-router、axios、semantic-ui，暫不採用 redux / redux-saga、react-i18next，下階段預定採用 react-fns

人生中第一份前端工程的全職滿五個月了～~~公司還是沒倒喔~~（灑花）

從開始學 React 到現在，做過不少小型的 single page app，但畢竟都是自己的 toy project，從沒認真以 production quality 為基準做技術研究。這次負責公司 app 改版，爭取到一兩週的時間，把之前打馬虎眼欠下的知識債一口氣還完，覺得整個人神清氣爽～非常開心 :D

結果如下：

看整篇文章 →

2018年8月10日星期五

Web Front-End 菜鳥筆記：如何讓瀏覽器記住 form input field 的值（p.s. Chrome 的不合群行為還沒解開）

分類：前端工程, 網站開發, HowTo

人生中第一份前端工程的全職滿三個月了～~~公司還沒倒~~（灑花）

這幾天解一個看起來簡單的小 issue，就是讓 browser 可以 autofill / autocomplete 登入表單中的欄位，結果意外的卡了超久 XDrz

目前在 Firefox / Safari 可以正常運作，但在 Chrome 則是時靈時不靈。先簡單筆記一下給將來的自己參考~~，順便看看有沒有過路神明會開示一下~~。

如何讓瀏覽器記住 input field 的值

有兩種方式

1. 由使用者自行利用瀏覽器內建的 autofill 功能
2. 由開發者撰寫會觸發 form submit 事件的 html elements

參考：Autofill: What web devs should know, but don’t - Cloud Four

看整篇文章 →

2018年4月17日星期二

成果發表：Storyliner——輕鬆替八卦事件製作互動式懶人包，以囧星人與聯合報願景工程的採訪爭議為例

分類：成果發表, 開放資料, GW2

《Storyliner》範例：囧星聯合爆

下個月要上班，所以最近在惡補 web frontend 的東西，看一堆 ajax 文件後覺得找專案來練習比較紮實，想說那就來順便改版《Guild Wars 2 Inventory》好了。結果規劃架構時，在社交網站上一直被某則網路八卦洗版，然後有天臉友問我有沒有懶人包...

於是我整理癖就發作啦 ∫OoO∫

《Storyliner》開發期間共八天，企畫三天、程式五天。之所以可以這麼快速，主要是因為類似的 idea 之前已經跑過一次 ux 流程，所以規劃起來不太費力的緣故。

看整篇文章 →

2018年4月16日星期一

新歌發表：美人魚 | Mermaid —— 洪丹《勞工童話》系列二創曲

分類：成果發表, 寫歌

難得花三四個小時認真做的封面圖，字體是用 Adobe Typekit 找很久才選定的 Beloved

繼《三小豬 | Piglets》後 yet another 勞工童話的二創歌曲，拖了整整四個月終於編完，長這樣：

Mermaid by ETBlue

為了配合歌詞的意境，採用 Disney 風格，搞得非常難編也非常難唱 XD 編曲的部分用盡了 garageband ios 的音軌上限（32 軌），vocal 的部分則是練了好幾個月再錄音 n 次後努力找出沒 bug 的片段剪在一起勉強湊出來，剪完 vocal 後發現樂器的音量變得超不平衡，還大調整了一次，後來才比較正常 w

看整篇文章 →

街舞日記：BTS 的 MIC Drop

分類：日記, 街舞

上一期街舞課跳 BTS MIC Drop 的成果影片。可能原版錄影看起來太智障了，老師還特別後製幫大家做了特效... www 這首大概是上課到現在跳過最累的，我到後半段就開始覺得力不從心，只好趁鏡頭沒 cue 到的時候偷打混，錄影完幾乎說不出話來 orz

看整篇文章 →

2018年4月10日星期二

令人驚艷的 Apple 101 維修初體驗（Macbook Pro Retina，螢幕鍍膜脫落，保固內）

分類：使用心得

維修完畢簽收後，收到標題為「你的 Apple 直營店服務確認」的 email，內含這份「Genius Bar 工作確認」表格

因為體驗太好、太讚嘆了，特別寫一篇文章以茲紀念，結論：推薦大家 apple care 買好買滿～（最長三年）

維修原因

我的 macbook pro 跟全天下的 retina display macbook 一樣，螢幕表面的鍍膜脫落了。脫落範圍非常全面，從購買到現在快三年的期間，先是從對應到空白鍵的地方開始，漸漸面積變大、同時蔓延到對應其他按鍵的位置，最後連螢幕邊框附近都有。我的 apple care 下個月到期，因此趁到期之前趕快拿去換。