半熟前端

軟體工程師 / 台灣人 / 在前端的路上一邊探索其他領域的可能性

分類

雜談

2020 回顧 / 2020 Year in Review — 技術篇

回顧自己在 2020 年做了哪些關於技術的事情~

(繼續閱讀...)#雜談
前端

Hotwire 與 Turbolinks

Turbolinks 是一個 JavaScript 套件,通常會搭配 Ruby on Rails 一起使用(單獨當作函式庫使用也可以),主要是透過 fetch HTML 直接抽換的方式來避免直接換頁要重新發送請求、CSS 的成本。其實說「不需要使用 JavaScript」不完全正確,JavaScript 還是在,只是在函式庫那邊已經幫你處理好,所以開發上可以不用寫 JavaScript 而已。

(繼續閱讀...)#前端
雜談

2020 年尾聲,來聊聊電腦是什麼

2020 年是個混亂的一年,同時也是讓我重新思考電腦本質的一年。在這一年我做了很多非自己擅長領域的嘗試,基本上都圍繞著一個主題:重新認識底層。 我在高中是念電子科的,在升學為主流的時代,雖然有實習課,但更多的感覺是按表操課,然後大部分的時間都在唸書解題。唯一慶幸的是課業並不像一般高中繁重,不然我可能也考不上台科。

(繼續閱讀...)#雜談
前端

linaria - 不需要 runtime 的 CSS-in-JS 解決方案

linaria 是一個強調沒有 runtime 的 css-in-js 的函式庫,可以用與 styled-components 類似的語法,但是在編譯時期生成 CSS,進而減少動態修改樣式的 overhead

(繼續閱讀...)#linaria
雜談

心得 — 從遊戲學管理

這篇文章原文是以日文撰寫,不過裡頭有很多我在工作上有共鳴,甚至是可以學習的地方,因此決定在這邊做簡單的引用與自己的心得。這位作者 36 歲,原本還是工程師的他也接下了管理職的職位,原因是因為年紀大了,同時也逐漸失去了對技術的熱情,然後剛好上司說「你就來當當看吧」,薪水也漲了,所以就順勢接下管理職位。 作者很有趣地說「不過有些問題,我最討厭人了,如果可以的話我喜歡一個人,原本好好地幹嘛去管人呢?」,反正也不用管業績,也有薪水可以拿,就好好做吧。

(繼續閱讀...)#management
雜談

記一次改善流程

前幾個月剛好是大型功能上線的時間。再接續另外一個專案之前並沒有什麼太大的開發,主要就是修一些小 bug 以及將現有的功能做改善。也因為開發上沒有那麼緊湊,所以這一季有更多的時間可以專注在改善流程上。

(繼續閱讀...)#雜談
前端

資料視覺化 — 台灣性侵害統計簿

這次想實作這個主題是因為看到新聞加上資料也相對齊全的關係,想說剛好也可以推廣 Svelte 本身,就一邊構想一邊把他實作出來了。

(繼續閱讀...)#資料視覺化
前端

對於 SSR 的思考與使用場景

在瀏覽器爬取網頁的時候,爬蟲會將網頁的 HTML 內容爬過後產生內容,也會作一份快取在資料庫當中並且定時更新。也就是說如果沒有實作 SSR 的話,那麼 html 檔案本身會是一片空白,需要等到 JavaScript 被解析且執行後才能看到實際頁面

(繼續閱讀...)#SSR
前端

Vue ref 語法糖與 Svelte

Vue 作者尤雨溪最近提出了一個 RFC,是關於 ref 宣告的語法中可以用 JavaScript 的 label statement 來進一步做簡化。這個語法跟 Svelte 如出一徹,在這邊紀錄一下自己的想法。

(繼續閱讀...)#svelte
雜談

奇怪的大神現象

時常看到某些被奉為社群大神的人,影片、文章點進去一看發現錯誤百出的時候,難免心裡會覺得怪怪的,怪的是怎麼大神的位置都是這些人在坐,一方面是大家難道都不看細節只看這個人是否在神壇裡頭嗎?這個人有擺在神壇裡,哦哦哦哦先拜這樣?

(繼續閱讀...)#雜談
Kotlin

從 Kotlin 當中學到的事:Kotlin DSL 與 Annotation

最近用 Kotlin 開發了一個管理日常任務的小工具,主要是希望 Backend 的同事們也能一起維護,另外則是學習新語言總是可以得到一些新的激盪與想法,還有公司裡頭很多 Java 跟 JVM 大神趁機挖寶。

(繼續閱讀...)#kotlin
前端

Svelte Summit 2020 筆記與心得

Svelte 是我相當喜歡的前端框架之一,簡單的語法與彈性,作者的理念,還有各種動畫、過場的使用方式都讓我相當喜歡,之前也有寫過幾篇關於自己對 Svelte 的看法。這次 Svelte Summit 在 2020 年 10 月 18 日舉行,因為疫情的關係是以全程線上直播的形式播出,總共 7 個小時與 17 個演講。在這邊紀錄一些我覺得有趣的演講與自己的心得。

(繼續閱讀...)#svelte
前端

iOS mousedown 事件觸發問題

iOS 在某些版本下 mousedown 處理器不會正確運作,不過在其他裝置上(像 Android 等等),mousedown 仍然是可以正確運作的。

(繼續閱讀...)#前端
前端

將數字加上 comma 的正規表達式說明

在一般顯示貨幣的時候通常會有一個需求,是將原數字轉成人類比較好看懂的格式,在前端當中我們可以用幾種方式達到,像是 Intl.NumberFormat 或是正規表達式等。

(繼續閱讀...)#正規表達式
前端

關於 Cookie 與 CORS 的再思考

談談 SameSite 政策發布後,我對 Cookie 與 CORS 的再思考。Cookie 真的滴水不漏嗎?讓我們來看看一些案例。

(繼續閱讀...)#cookie
前端

React 17 更新重點 - useEffect 的 clean up 函數時機改變

React 17 的發布沒有重大更新或是任何新功能,不過 useEffect 的 clean up 執行時機悄悄改變了。本篇文章不會一一解說每個更新,而是紀錄文章中比較值得關注的地方。

(繼續閱讀...)
IoT

用 Arduino 與 ESP32 打造空氣品質監測應用(4)- WiFi 篇

我們這次的目的是將整個點子實現,因此我購買了已經有內建 WiFi 與藍牙功能的 ESP32 開發版來進行開發!

(繼續閱讀...)
IoT

用 Arduino 與 ESP32 打造空氣品質監測應用(3)- Arduino 踩雷篇

這篇會聊聊在 Arduino 以及語言上不熟悉而踩到的一些地雷

(繼續閱讀...)
雜談

2020 唐鳳台科大畢業典禮演講筆記

設計的面向有很多種,但是最後還是脫離不了人。選擇往人的方向走就可以不被單一領域所限制,也可以突破薪資天花板。

(繼續閱讀...)
前端

前端應該學習 CS 嗎?

隨著瀏覽器可以做到的事情越來越多,前端能夠涵蓋的範圍也越來越廣了,光是前端這個名詞,可能就可以有多個分支

(繼續閱讀...)