2018年10月31日 星期三

街舞日記:MOMOLAND 的 BAAM


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

2018年10月10日 星期三

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

第一次跟家華和婷宇合體(?)最近跟政治所的特別有緣份啊...
希望將來不至於淪為她們的學妹(抖)
攝影 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 的不合群行為還沒解開)

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

這幾天解一個看起來簡單的小 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——輕鬆替八卦事件製作互動式懶人包,以囧星人與聯合報願景工程的採訪爭議為例

《Storyliner》範例:囧星聯合爆

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

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

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

2018年4月16日 星期一

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

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

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



為了配合歌詞的意境,採用 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 下個月到期,因此趁到期之前趕快拿去換。

預約流程


問狗後得知 apple 的維修似乎是要事先在網路上預約,但我第一次預約的時候,網頁上顯示沒有任何可預約時段,想說可能是網頁壞了吧(謎之音:不要以為別人做的網站都跟妳的一樣容易壞好嗎)於是隔天就直接背著電腦過去,順便逛逛開幕至今仍未去過的、傳說中的 apple 101 直營店。

2018年2月28日 星期三

實驗心得:勞基法掃描器——如何把法條轉譯成自動化的判讀程式?以勞動基準法為例


《勞基法掃描器》歡迎頁

去年一整年都在逃避的專案,前些日子終於做到一個段落(淚)

勞基法掃描器》的運作方式很簡單,就是讓使用者回答一些關於工作狀況的問題後,生出一個報告頁面,告訴他有哪些地方違反勞基法。

2018年2月16日 星期五

blogging | 寫作

最近一兩年莫名突然變得很常寫部落格,直到前幾天才想通為什麼...

上次 思考部落格要拿來幹嘛 是五年前的事,當時是覺得該寫點什麼,但又沒什麼好寫 XD 現在則是有東西要寫,但寫出來後也不知道能放哪,就自然放到部落格上惹。

寫著寫著,也大概找到些規律。