Anthony Chao

Pseudo Worker not allowed

Retrospect And Prospect of 2021

2020 對我來說是個轉變非常大的一年，在這裏寫下這一年的進步跟需要改進的地方，讓之後可以做參考跟激勵自己 課程與書籍 Linux Shell Scripting: 今年上的第一堂線上課程，當時上班遇到超多 shell script 可是都看不懂，這堂課程對我幫助非常多，包含了許多 scripting 的基礎知識 連結：https://www.udemy.com/course/linux......

Posted by Anthony Chao on 2021-01-17

Life

Rails 的 try(), try! 跟 Ruby 的 &.

try 是 rails 的一個方法，try! 是他的另一個版本 &. (safe navigation operator) 是 ruby 的一個運算子 其中 try! 跟 &. 的結果很相似，他們 跟 try 比起來比較嚴謹，會去 check receiver 是否為 nil，如果都用只用 try，反而會導致都回傳 nil 而發生錯誤時也不知道在哪 try() 比方說我們想要......

Posted by Anthony Chao on 2019-12-22

Ruby

Ruby & Rails Coding style(只記錄部分)

Ruby & Rails Coding style 這邊文章主要在記錄自己比較有可能踩到的地雷 我參考的只有最下面三篇文章，如果想看完整版可以去下面三個網址看，話說 Ruby coding style 在 rubocop 跟 shopify 的版本其實有些地方衝突，所以有的地方還是必須根據自己公司的習慣來 Ruby 每個檔案最後留一行空白 運算子前後有空格，冒號 / 逗號 /......

Posted by Anthony Chao on 2019-12-09

Ruby

Javascript(JS) let, const 跟 var 的比較跟應用

let, const 跟 var 的比較跟應用 最近黑色星期五花錢用半價買了 Wes Bos 的 ES6 課程，所以順手來紀錄下自己的所學 眾所皆知 let 跟 const 是兩個 ES6 語法中才新增宣告變數的方式，而 var 是舊有的方式 這年頭流行先講結論，所以我先說這三者使用時機： 使用時機 優先使用 const 如果需要更新變數的時候才用 let 在 ES6 裡面盡量不要使用 v......

Posted by Anthony Chao on 2019-12-05

Javascript

總算轉職成功

別具意義的一天

終於 就在今天下午四點剛被通知得到曉數碼的 Offer 所以終於正式轉職成軟體工程師了 嗚嗚嗚（痛哭 ING） 好吧其實之前也是有拿到別的公司的 offer 只是有的因為各種因素不喜歡，另外還有一間本來在考慮中，但比較喜歡曉數碼所以最後說不去了～ (身為一個無業遊民好像有點太挑) 自我練習內容 從五倍紅寶石畢業到現在，其實好像也默默做了不少事情： SQL: 聽助教建議透過 SQL Z......

Posted by Anthony Chao on 2019-12-04

Life

JS30 day30 Whack a Mole Game

JS30 day30 - Whack a Mole Game 作業內容 今天的作業是做出打地鼠的遊戲，這個練習我想主要是可以練習到遞迴的使用比較特別 學到什麼 JS 第一次在 JS 裡面用到遞迴！我們如果想要每次的洞都跟上一個不同，可以做判斷，如果跟上一個一樣的話就重新跑一次本身這個函數直到不重複為止 12345678910function randomHole(holes)......

Posted by Anthony Chao on 2019-12-01

Javascript

JS30 day29 Countdown Timer

JS30 day29 - Countdown Timer 作業內容 今天的作業是做出一個倒數的頁面，有按鈕可按，也可以自訂要倒數幾分鐘 雖然聽起來頗為簡單，但做起來要超多細節要注意 可以看這份 codepen 學到什麼 JS 直覺想到倒數的功能是使用 setInterval 可是這會有幾個比較不友好的點：比方說在 ios 上面 scroll 的時候他自動會把這功能停掉，你滾動 1......

Posted by Anthony Chao on 2019-11-30

Javascript

JS30 day28 Video Speed Controller

JS30 day28 - Video Speed Controller 作業內容 今天的作業是做出一個 bar 在影片旁邊，可以拉動調整影片速度，比較特別的是他是用純 div 做的而不是 input range 說實在這次的還滿簡單的，幾乎可以自己把它做完，自己在做的時候就只有卡在不知道怎麼顯示倍數的文字而已 學到什麼 JS 要怎麼換算倍率跟百分比？ 首先拿到目前 mouse eve......

Posted by Anthony Chao on 2019-11-29

Javascript

JS30 day27 Click and Drag to Scroll

JS30 day27 - Click and Drag to Scroll 作業內容 這次的作業是做出可以用滑鼠左右拉讓螢幕滑動的效果 一樣 code 本身不複雜，但要想出怎麼做出來是需要創意的 可以參考這份 CodePen的效果 學到什麼 JS 細節：在抓點下去時候的 X 座標，我們抓 mouseDown 事件的 pageX 屬性 但如果把這個 pageX console.log ......

Posted by Anthony Chao on 2019-11-27

Javascript

JS30 day25 Event Capture, Propagation, Bubbling and Once

JS30 day25 - Event Capture, Propagation, Bubbling and Once 作業內容 今天也是一個概念性的教學，在教捕捉跟冒泡機制，但這部分之前看書有看過所以覺得還好ＸＤ但是 once 這屬性是第一次看到，可以參考這份 CodePen的效果 學到什麼 js 捕捉跟冒泡: 可以這樣理解：捕捉的時候從上到下捕捉，當我點擊 three 這個 div......

Posted by Anthony Chao on 2019-11-26

Javascript

FEATURED TAGS
Rails Javascript Life Ruby Devops Docker Cache AWS Continuous Delivery Jenkins Shell Kubernetes K8S Regular Expression Elixir SSH Apps Script GraphQL SQL AI Developer
ABOUT ME

喜歡彈吉他，打電動，看漫畫，調酒，煮菜，算是個多方位宅男

RECENT POSTS
FRIENDS
ARCHIVES
prevent_hack