歸檔: 2017

Rails app 自動化部屬 - hubot 與 heaven

前言目前所在的公司裡頭是直接在本地端的 terminal 跑 cap staging deploy 指令。 capistrano 作為自動部署化的工具非常方便,但難免會遇到幾個問題: 不是團隊中的每個人都有相同的環境 大家都在部署,結果 staging 上現在到底是哪個 branch,完全一頭霧水。 deploy 這件事情卡在本地端。 對一家新創來說,越穩定的開發效率和流程,就越能夠專注在產品...

IT 鐵人幫完賽心得

連結 今天是鐵人賽的最後一天,感覺自己最後結尾的部分收得不是很好,也有很多部分都因為時間上的關係沒有很完整地介紹完。 挑戰 30 天連續發文的確是一件非常不容易的事情,自己也更了解到如果還有類似的機會,一定要事先做好準備才行,才不會突發狀況發生時,急就章地寫完文章結尾。 同時,這次挑戰的主題是以前從來沒有碰過的 webGL 及 3D 圖學。原本以為前 10 天的學習能夠掌握基本的知識,不過實際上要...

伊坂幸太郎 - 摩登時代

《摩登時代》原本是喜劇天王卓別林最著名的一部默劇電影。並且被認為是美國史上最偉大的電影之一。 在討論社會學以及國家、個人、家庭之間的關係時,這部電影也常常會被拿出來討論。 雖然是用戲謔而滑稽的手法詮釋的電影,卻將殘忍的事實完整的描述出來。 從卓別林的眼中看見這個國家所隱含的殘酷現實,這就是我們所知的城市,儘管醜陋,卻是我們必須賴以維生的重要場所。這樣令人哭笑不得的劇情,是卓別林突出的功力。 摩登...

高度相同的排版解決方案

在前端的頁面中,我們經常會碰到需要相同高度的排版。最直覺的方法就是將容器裡的所有元素設為 float 或是 inline-block。 float 及 inline-block如果是使用 float 排版,不但要先撐開父元素容器(clearfix),還要針對子元素設定 margin。所以一旦內容太多,或是高度不足就會跑版。 而且,這樣的排版最大的缺陷就是,必須設定高度。 那,如果不設置高度呢?就算...

code-review-101

前言身為前端工程師,通常在整個團隊裡面會是最常發送 pull request 的人。為了讓自己的 PR 更容易被測試,以及讓 reviewer 更容易的 review,總結了一些注意事項。 pull request 的描述 這個 pull request 的目的。例如:修正 layout、新增 feature、某個畫面的 style 等等 記住每個公司的成員都可以看見 pull request ,...