Hazel Wu | 22'mm

Rails 與 Webpacker 神奇的結合:用image-wepback-loader 來壓縮圖片

Rails 5 Rails with Webpacker image compress image-webpack-loader
Gem Webpacker 特色 Webpacker是一個Gem,即使不用裝webpack,也能在Rails上編譯,然後也拿掉原生使用的Srocket。Webpacker使用的是webpack 3.x.x版本,他已經預設幫你安裝了幾件事,但你需要另外設定檔 用babel 將ES6 編譯成 ...
閱讀更多

Rails Server 無法連結 Postgresql,出現s.PGSQL.5432 ERROR,解決辦法

rails server s.PGSQL.5432 Rails 5 psql
s.PGSQL.5432是蝦咪挖溝?紀錄在 Mac 跑Rails Server時使用PG資料庫,出現s.PGSQL.5432 ERROR,我是如何解決的。這次遇到的狀況是要跑rails db:migrate時出現錯誤訊息,追根究底時發現有可能原因是出自於psql資料庫,於是在終端機輸入psq ...
閱讀更多

幫 Rails 建立一個 Docker Container吧

Rails 5 Docker webpacker
幫 Rails 建立一個 Docker Container吧 為什麼你要使用Docker?Docker最重要的價值是:有效解決環境配置、衝突的問題可以在一台機器上跑,就可以在所有的機器上跑。如果有問題的話,就會是大家的問題,大家一起解決XD docker是建立一個container新的環境 ...
閱讀更多

前端永遠的課題:字體-呈現一致性的跨裝置

前端最主要就是將所有裝置能一致化顯示,今天來談談「字體」的部分大家都知道Windows, Linux, Mac三大作業系統,想當然也有其系統的內建字體,若只指定常見的微軟正黑體,其他作業系統沒有該字體,就會顯示該作業系統的預設字體,而不是微軟正黑體,這樣就沒有超能力隨心所欲控制字體了,這怎麼 ...
閱讀更多

Git筆記:移花接木的Rebase,整理commit訊息的好幫手

Git
Git 有個神奇的功能叫:Rebase,中文翻譯叫「變動基底」,簡單來說就是移花接木,把某一個樹枝(Branch)接到Master的主幹上等等功能,指定的節點可以重新 commit,花了一點時間做功課,把自己的理解的寫下來 為什麼要用 Rebase ?變動基底的話不就很危險嗎Rebase 的 ...
閱讀更多

Git push repo失敗: Could not resolve host: github.com

Git
今天在練習JavaScript時,正要把成果push到Git repo裡,出現Could not resolve host: github.com錯誤訊息,在此紀錄如何解決 錯誤訊息Could not resolve host: github.com 解決辦法 在終端機上先Ping gith ...
閱讀更多

做個超 AI 的響應式圖片吧,利用 HTML5 srcset 搭配 Rails Helper img_set_tag

Rails 5 RWD
做 Responsive Web Design 時難免少不了對圖片的處理,圖片能彈性隨著螢幕裝置大小調整,有多種做法可以參考。今天來探討使用 HTML5 新增的屬性 srcset 來搭配使用 Rails 的 Helper 通常做響應式圖片有兩種作法 使用同一張圖片,依照容器、螢幕尺寸放大縮 ...
閱讀更多

Rails 5 快速設置 favicon icon

Rails 5 Favicon Icon
現在的裝置上千幾種,Icon也針對各種裝置Andoroid、iOS各設置了不同大小尺寸的icon,如果在Rails內開發,可以參考以下的寫法。底下的Reference可以知道各個icon設置的用途適用於哪些裝置。 快速設置 Icon 步驟 在view/layouts下新增_favicon.h ...
閱讀更多

Git 修改又臭又長的指令,加快開發速度

Git
有辦法縮短Github指令嗎?git status, git commit -m',git checkout develop/layout,git pull origin master..是不是常常覺得輸入這些指令很繁瑣又長,有甚麼辦法可以縮短這些指令呢? 答案是有的!將Git常用 ...
閱讀更多

Git 筆記:我想回到過去,到底要怎麼坐時光機?

Git
Git 筆記:我想回到過去,到底要怎麼坐時光機?基本觀念 目前的位置叫做HEAD 沒被 git add進入commit的檔案untracked files,Git會選擇忽略,也不用怕被坐時光機回溯影響,reset、checkout對他們的影響力是0。 origin/master是遠端的res ...
閱讀更多
Prev Next