Published in Starbugs Weekly 星巴哥技術專欄·Jan 27Render | 來試試用來取代 Heroku 的服務吧 - Render 的網路服務部署介紹！Hi！大家好，我是神 Q 超人！相信有許多人在去年 2022 Heroku 說要取消免費計劃的同時，就開始尋覓下個能夠繼續免費使用的平台 😂。就我來說畢竟也是有一些食之無味，棄之可惜的作品服務在那上面放著，而它們也都在免費計畫結束後就都掛了，像變心的女朋友一樣，不論給什麼 request 永遠等不到 response 回來。 而前陣子也比較忙，所 …Render7 min readRender7 min read
Published in Starbugs Weekly 星巴哥技術專欄·Jan 27cyclic | 來試試用來取代 Heroku 的服務吧 - cyclic 的網路服務部署介紹！Hi！大家好，我是神 Q 超人！沒想到取代 Heroku 的文章會是一個系列吧！會再繼續研究其實也是因為在 Heroku 學到小經驗，知道不能把雞蛋放在同個籃子裡，不然要是某個平台的免費方案又取消，那要找時間復活一些運行中的服務可能又要等下一個年假了。 😂 那廢話不多說，一起看看這篇文章要介紹的 cyclic 吧！ cyclic 從 cyclic 在首頁的上 Me …Cyclic7 min readCyclic7 min read
Published in Starbugs Weekly 星巴哥技術專欄·Oct 18, 2022CSS | 不曉得能不能像洋蔥一層一層的 Cascade Layers - 基本用法Hi！大家好，我是神 Q 超人！不曉得大家有沒有用繪圖軟體畫畫過，像是我有時候會使用 Procreate 在 iPad 隨性圖上幾筆，但 Procreate 和 iPad 都不是重點，主要是在類似的繪圖軟體中，都會提供「圖層」的功能。 你可以在第一個圖層中打上草稿，第二個圖層描線，第三個圖層上色等等，這些圖層間所畫的東西都互不影響，且在顯示上排序越靠上 …Front End Development5 min readFront End Development5 min read
Published in Starbugs Weekly 星巴哥技術專欄·Oct 4, 2022用 JavaScript 玩轉設計模式 | 如果你用了 Tree 結構，就不能錯過 Composite Pattern（組合模式）Hi！大家好，我是神 Q 超人！最近生活實在是太忙了，因此都沒有時間好好學習被排在待學清單裡的那些酷東西，但如果再繼續耍廢下去，又會感到魔名的恐慌 😂，所以就決定來寫篇文章來強迫自己學習，繼續之前沒有讀完的設計模式！而在這篇文章中登板的是設計模式中的 Composite Pattern（組合模式）！ 目的 當你的需求要求你將資料組成一個類似 tree 的 …JavaScript5 min readJavaScript5 min read
Published in Starbugs Weekly 星巴哥技術專欄·Sep 6, 2022在 React Native 中以指定父元素絕對定位子元素，打破 View 的 Position 限制Hi！大家好，我是神Q超人！最近因為工作的關係，又重回 React Native 的懷抱 😂，雖然 React Native 主打可以用貼近開發 Web 的語法去寫手機 APP，但其實真正開發起來面臨到的坑還是挺多的。這篇文章要分享的絕對定位就是在 React Native 內排版時，遇到的狀況，感覺網路上資源不多，就寫下文章來記錄一下處理的過 …Web Development9 min readWeb Development9 min read
Published in Starbugs Weekly 星巴哥技術專欄·Jun 26, 2022來征服資料結構與演算法吧 | 連 Google 面試都在考的 Binary TreeHi！大家好，我是神 Q 超人！在這篇文章裡，會先介紹 binary tree 的資料結構，與如何使用 JavaScript 實作，最後一樣會挑幾題演算法來練練手，學習一下和 Tree 結構形影不離的深度搜尋法（DFS，Depth-first Search）與廣度搜尋法（BFS，Breadth-first Search），希望可以讓大家熟悉 bi …JavaScript11 min readJavaScript11 min read
Published in Starbugs Weekly 星巴哥技術專欄·May 24, 2022執行 JavaScript 的 V8 引擎做了什麼？Hi！大家好，我是神 Q 超人！我想點進來的大家應該都聽過，也在瀏覽器或 Node.js 上執行過 JavaScript，但你們有想過 JavaScript 是如何執行的嗎？這背後的功臣就是 JavaScript 引擎，而標題提到的 V8 引擎 也是其中之一喲！ V8 引擎是由 Google 用 C++ 開源的 JavaScript 與 WebAsse …JavaScript8 min readJavaScript8 min read
Published in Starbugs Weekly 星巴哥技術專欄·Apr 26, 2022Git | 我以為的 Git Rebase 與和 Git Merge 做合併分支的差異Hi！大家好，我是神 Q 超人！用 Git 做版本控管應該是大部分工程師每天都會碰到的工作流程之一，但我在使用上不外乎就是 push、pull、merge、checkout 或 log 等幾個指令，更深入一點就一問三不知了 😂，而在這個狀況下的我，就在和朋友聊天的時候遇到了這個問題： 「欸，你知道 Git 的 merge 和 rebase 有什麼 …Development10 min readDevelopment10 min read
Published in Starbugs Weekly 星巴哥技術專欄·Mar 29, 2022Vue | 在選擇 CSS Modules 做 UI Component Library 以及 Storybook 的初體驗Hi！大家好，我是神 Q 超人！前一陣子滿幸運可以參與到公司規劃的一些新專案，為了這些專案，我們需要把會重複使用的介面切成 component library，而在這個過程中剛好有遇到一些小問題，就想說把它們記錄下來，如果有其他人或是之後碰上類似的狀況，就能有一些思考如何解決的方向。 CSS Modules 如果是前端工程師，應該是對 CSS Modules 這個名詞不 …Vuejs7 min readVuejs7 min read
Published in Starbugs Weekly 星巴哥技術專欄·Feb 28, 2022用 JavaScript 玩轉設計模式 | 替你處理行為的 Proxy Pattern（代理者模式）Hi！大家好，我是神 Q 超人！今天想要來介紹設計模式中的 Proxy Pattern（代理者模式）。在日常生活中，我們有可能會因為許多原因，沒有辦法直接和對方談話，於是就會透過他的代理人或是助理傳達訊息（就像廠商如果要找藝人合作，就得透過經紀人一樣）。 Proxy Pattern 就如同上述的例子，我們會在目標物件上多包裝一層 Proxy，讓我們透 …JavaScript6 min readJavaScript6 min read
