戰略紀錄

Webpack教學 (三):永不停止的Watch

當我們已經學會用webpack做初步的編譯跟打包後,你會想說,難道每次我次改檔案就要在執行 npm run build 重新編譯(不知道的可以看這),這樣在開發上面不會很麻煩嗎? 其實如果用webpack編譯 js 檔案的話,有個執行的命令叫watch,可以幫助我們監控我們的js,只要今天js檔案有變動就會直接自動幫我們執行編譯,我們可以來看看。 我們要在package.json 中加上 watch 指令,首先我們要新增一個npm script “watch”: “webpack --watch” https://gist.github.com/MikeCheng1208/b8a608bf733023746a4256b8f9439c0c#file-package-json 這樣接下來我們除了 build 以外也多了一個watch的指令,接下來就執行 > npm run watch 你會發現webpack雖然編譯了,但是執行緒卻沒有中斷,因為webpack現在是watch的狀態,只要你修改一下你的 js 檔案webpack就會自動重新編譯。…
學程式助教
November 26, 2019
戰略紀錄

不停機 migration 避免鎖表的幾種操作

基本上在商業應用中,我們會盡可能的避免停機操作,試想光 CloudFlare 因為 bad deploy 當機幾分鐘至一個小時就會引發一連串的災難,在商場上每分每秒都是錢,為了避免不必要的損失,軟體工程常常會面臨到所謂的 zero downtime 操作。 但像資料庫的結構設計不可能一開始就符合大型架構,所以這過程通常都是不停的升級遷移,才有了符合現在設計的樣貌,所以不可避免的停機還是會發生的,通常幾個原因 應用程式的 code 不能同時兼容 migration 前 / 後的資料庫 因為資料量大,在跑 migration 時造成的長時間鎖表 (more…)
學程式助教
November 25, 2019
戰略紀錄

Laravel + Botman製作Messenger Chatbot

這篇文章適合誰及需先具備哪些知識 這篇文章適合之前對於Laravel及PHP有基礎認識,並想了解Botman,利用Botman來製作messenger聊天機器人的使用者。 Laravel文件參考: Laravel安裝文件 Laravel Valet安裝文件 在開始之前,你必須達到以下幾點 PHP的版本至少達到7 確定Laravel的環境安裝完成 確定Laravel Valet安裝完成 創建一個Facebook的粉絲專頁 創建一個Facebook App並指向剛剛創建的粉專 (more…)
學程式助教
November 23, 2019
戰略紀錄

Laravel_字體替換

這次真的是字體的介紹了,是不是覺得網頁的字體醜醜的或是不是想要的風格呢? 這次要介紹一個免費的字體網站,那就是Google Fonts, 他不只提供免費的字體還會跟你說你的匯入程式要怎麼寫,是不是很貼心阿~ (more…)
學程式助教
November 23, 2019
戰略紀錄

Laravel_Font Awesome的使用

一開始看到的時候會不會以為是字體相關的功能阿~No No No, 這是icon的網站,可免費使用在網頁上, 當然如果想放自己畫的icon也可以, 他網站有提供當個圖示的程式碼要怎麼運用才會出現在你的網頁上, 我們今天就簡單的做一兩個圖示試試吧~ (more…)
學程式助教
November 23, 2019
戰略紀錄

Laravel_SCSS的使用

SCSS可以讓寫CSS變得很優雅, 當你寫完之後她會幫你編譯成CSS, 他們之間的關係我就不多加說明了, 如果想更了解他們之間的差異可以參考從 CSS 到 SASS (SCSS) 超入門觀念引導, 而進行編譯之前需要做以下幾件事。 (more…)
學程式助教
November 22, 2019