April 28, 2018
Rails 5
Rails with Webpacker
image compress
image-webpack-loader
Gem Webpacker 特色
Webpacker是一個Gem，即使不用裝webpack，也能在Rails上編譯，然後也拿掉原生使用的Srocket。Webpacker使用的是webpack 3.x.x版本，他已經預設幫你安裝了幾件事，但你需要另外設定檔
用babel 將ES6 編譯成 ...
閱讀更多
April 9, 2018
rails server
s.PGSQL.5432
Rails 5
psql
s.PGSQL.5432是蝦咪挖溝？紀錄在 Mac 跑Rails Server時使用PG資料庫，出現s.PGSQL.5432 ERROR，我是如何解決的。這次遇到的狀況是要跑rails db:migrate時出現錯誤訊息，追根究底時發現有可能原因是出自於psql資料庫，於是在終端機輸入psq ...
閱讀更多
April 8, 2018
Rails 5
Docker
webpacker
幫 Rails 建立一個 Docker Container吧
為什麼你要使用Docker？Docker最重要的價值是：有效解決環境配置、衝突的問題可以在一台機器上跑，就可以在所有的機器上跑。如果有問題的話，就會是大家的問題，大家一起解決XD
docker是建立一個container新的環境 ...
閱讀更多
March 18, 2018
前端最主要就是將所有裝置能一致化顯示，今天來談談「字體」的部分大家都知道Windows, Linux, Mac三大作業系統，想當然也有其系統的內建字體，若只指定常見的微軟正黑體，其他作業系統沒有該字體，就會顯示該作業系統的預設字體，而不是微軟正黑體，這樣就沒有超能力隨心所欲控制字體了，這怎麼 ...
閱讀更多
March 4, 2018
Git
Git 有個神奇的功能叫：Rebase，中文翻譯叫「變動基底」，簡單來說就是移花接木，把某一個樹枝（Branch）接到Master的主幹上等等功能，指定的節點可以重新 commit，花了一點時間做功課，把自己的理解的寫下來
為什麼要用 Rebase ？變動基底的話不就很危險嗎Rebase 的 ...
閱讀更多
March 1, 2018
Git
今天在練習JavaScript時，正要把成果push到Git repo裡，出現Could not resolve host: github.com錯誤訊息，在此紀錄如何解決
錯誤訊息Could not resolve host: github.com
解決辦法
在終端機上先Ping gith ...
閱讀更多
February 17, 2018
Rails 5
RWD
做 Responsive Web Design 時難免少不了對圖片的處理，圖片能彈性隨著螢幕裝置大小調整，有多種做法可以參考。今天來探討使用 HTML5 新增的屬性 srcset 來搭配使用 Rails 的 Helper
通常做響應式圖片有兩種作法
使用同一張圖片，依照容器、螢幕尺寸放大縮 ...
閱讀更多
February 10, 2018
Rails 5
Favicon Icon
現在的裝置上千幾種，Icon也針對各種裝置Andoroid、iOS各設置了不同大小尺寸的icon，如果在Rails內開發，可以參考以下的寫法。底下的Reference可以知道各個icon設置的用途適用於哪些裝置。
快速設置 Icon 步驟
在view/layouts下新增_favicon.h ...
閱讀更多
February 9, 2018
Git
有辦法縮短Github指令嗎？git status, git commit -m',git checkout develop/layout,git pull origin master..是不是常常覺得輸入這些指令很繁瑣又長，有甚麼辦法可以縮短這些指令呢？
答案是有的！將Git常用 ...
閱讀更多
February 6, 2018
Git
Git 筆記：我想回到過去，到底要怎麼坐時光機？基本觀念
目前的位置叫做HEAD
沒被 git add進入commit的檔案untracked files，Git會選擇忽略，也不用怕被坐時光機回溯影響，reset、checkout對他們的影響力是0。
origin/master是遠端的res ...
閱讀更多
