分類▾
前端
iOS mousedown 事件觸發問題
iOS 在某些版本下 mousedown 處理器不會正確運作，不過在其他裝置上（像 Android 等等）， mousedown 仍然是可以正確運作的。 解決方法是在手機上不要用 mousedown 處理器，用 touchStart 來處理，但不知道觸發順序是否會受到影響？原本在 click…
(繼續閱讀...)前端
將數字加上 comma 的正規表達式說明
前言 Positive lookahead 與 Negative Lookahead \b 與 \B 的意思 \b \B 如何正確解析正規表達式 開始解析表達式 方法 1：利用 zero-length 的特性匹配 方法 2：匹配應該加入 comma…
(繼續閱讀...)前端
關於 Cookie 與 CORS 的再思考
前言 2019 年我在 Medium 上發布過一篇關於 Cookie 與 CORS 的文章（ 和 Cookie 與 CORS 打交道 ），受到不錯迴響，文章甚至還被抄到對岸。希望大家記得原作者在這裡就好。當時的文章在探討 CORS 是什麼，以及在前端、後端上要如何正確實作 CORS…
(繼續閱讀...)前端
React 17 更新重點 - useEffect 的 clean up 函數時機改變
（本截圖取自 React 官方部落格） React 17 已經到了 RC 階段了， 官方的部落格聲明 這次的發布沒有重大更新或是任何新功能，不過在文章中還是可以找到一些有趣的東西，在這邊一併介紹給大家。 本篇文章不會一一解說每個更新，而是紀錄文章中比較值得關注的地方。 event…
(繼續閱讀...)IoT
用 Arduino 與 ESP32 打造空氣品質監測應用（4）- WiFi 篇
本篇文章為系列文第四篇： 感測器介紹篇 - DHT11 與 MH-Z14A 資料溝通篇 - UART（實作是用 UART，所以只講 UART） Arduino 踩雷篇 WiFi 篇：為了省下 Debug 的時間，我額外購買了 ESP32 開發版，本身已經含有 WiFi 跟藍芽功能 （未上映）MQTT…
(繼續閱讀...)IoT
用 Arduino 與 ESP32 打造空氣品質監測應用（3）- Arduino 踩雷篇
本篇文章為系列文第三篇： 感測器介紹篇 - DHT11 與 MH-Z14A 資料溝通篇 - UART Arduino 踩雷篇 （未上映）WiFi 篇：為了省下 Debug 的時間，我額外購買了 ESP32 開發版，本身已經含有 WiFi 跟藍芽功能 （未上映）MQTT…
(繼續閱讀...)前端
前端應該學習 CS 嗎？
這個議題吵好久了，在這裡簡單紀錄一下自己的想法。 在很久以前只有 HTML 與 CSS 的年代，頂多再加上 jQuery，只要架出靜態網頁丟到 FTP 就可以被稱作是高手。 隨著瀏覽器可以做到的事情越來越多，前端能夠涵蓋的範圍也越來越廣了，光是前端這個名詞，可能就可以有多個分支： UI…
(繼續閱讀...)IoT
用 Arduino 與 ESP32 打造空氣品質監測應用（2）- 資料溝通篇 UART
本篇文章為系列文第二篇： 感測器介紹篇 - DHT11 與 MH-Z14A 資料溝通篇 - UART（實作是用 UART，所以只講 UART） Arduino 踩雷篇 （未上映）WiFi 篇：為了省下 Debug 的時間，我額外購買了 ESP32 開發版，本身已經含有 WiFi…
(繼續閱讀...)IoT
用 Arduino 與 ESP32 實作空氣品質監測應用（1）- 感測器介紹
前言 最近真的很喜歡各種 IoT 的應用，買了很多 Arduino 跟各種感測器，光是手上有的 Arduino 就有 Arduino Uno、Arduino Mega2560、Arduino nano *…
(繼續閱讀...)Data Science
從零開始的資料科學之旅
前言 難得在公司有蠻完整的機器學習跟資料分析團隊，也有相對完整的資源跟 pipeline，趁著這個機會一邊學習資料科學的知識，如果有不懂的地方也可以直接跟同事們請教。資料科學的範圍很廣，目前也沒有一個明確的方向，就邊學邊看可以迸出什麼火花吧，斜槓斜起來！ 規劃 把大學統計課遺失的拼圖拼回來（…
(繼續閱讀...)雜談
Project Winter 遊玩心得
大概在六個月前，同事在站會分享了他正在玩的遊戲「project winter」，並且介紹了遊戲類型與玩法，有點像是可以互動的狼人殺。當時被 low-poly 的風格還有場景（雪山）吸引，但苦於當時沒有遊戲機，所以一直惦記在心。最近終於入手了遊戲機，於是就把這款遊戲從 steam…
(繼續閱讀...)雜談
在福岡遠端工作 4 個月的感想
前言 (2020/02 ~ 2020/06) 日本大約在 2 月中旬時，東京開始逐漸爆發疫情，雖然我在 福岡 上班，不過為了避免疫情擴散，公司在二月底時宣佈了遠端工作的政策，目的是為了減少通勤、減少感染等機會。在這邊紀錄一下心得。 實際感受到的事 少了來回通勤的時間（其實也不多，上下班加總約 4…
(繼續閱讀...)雜談
在 Typora 編輯器內自動上傳圖片
Typora 是我非常愛用的 markdown 編輯器，用到現在覺得沒有任何比它更順手的編輯器。比較複雜的部落格文章我就會在 Typora 寫好後上傳，Typora 有非常豐富的功能，包含： Table 的支援 支援 LateX 語法，方便寫算式 可以直接拖拉圖片產生對應 markdown…
(繼續閱讀...)雜談
eRemote 紅外線遙控器與 Google Home 實現智慧家庭
其實很早就想要玩玩智慧家電，不過目前的電器都已經是固定的，沒有內建連網功能，要直接改成智慧家電要額外做工程，一般不是那麼容易就能達成的。 因此轉念一想是不是可以有一台機器連上 wifi…
(繼續閱讀...)雜談
成為 Tech Lead 的一些感想
被主管升上 Tech Lead 後我的心情有點複雜，因為職等既沒有對應的提升，也沒有一個實際的稱號，只是被指名了「嘿，從現在開始你就是 Tech Lead」，然後加了一點薪水。 不過對我來說是個很好的嘗試，在這邊記錄一些感想。 Tech Lead 與 Team Lead…
(繼續閱讀...)前端
科技始終來自於人性（Svelte Society: Frequently Asked Questions 筆記）
我在研究新的函式庫時，同時也會研究這個人（當然不是全部，不然一個 npm install…
(繼續閱讀...)前端
從無到有寫一個 JSON 解析器（2）
在 part1 當中我們提到了如何撰寫一個 JSON 解析器，並實作解析字串的功能，接下來我們把其他函數補上。（事實上只要知道基本原理，剩下的函數實作都是照本宣科而已） Number number 實作上也不難，容易忽略的地方在於小數點、負數、浮點數的部分，還有指數表達（1e…
(繼續閱讀...)前端
從無到有寫一個 JSON 解析器（1）
遞迴下降可以說是直覺且強大的解析方法。 今天會從解析 JSON 開始，講解如何從頭建立一個 JSON 解析器。由於 JSON 的架構簡單，很適合當作練習。雖然解析語法這件事情的確和前端或是平時的開發沒有什麼太大的關聯，不過如果有天要設計一個 DSL…
(繼續閱讀...)前端
如何用一行 CSS 做到 smooth scroll
正當我開開心心用 svelte 實作了 smooth-scroll 之後，我發現其實可以用一行 CSS 達到： 除了瀏覽器支援可能要擔心一下，完全省掉開發者引入 library 或是自己實作的麻煩。 完美達成 smooth-scroll ，不需要再透過改寫 hashchange 跟 state…
(繼續閱讀...)