半熟前端

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

分類

雜談

對 NFT 的誤解

最近 NFT 這個詞成為新潮流,大家一窩蜂地搶著「收藏」,但是往往抱持著錯誤的理解,以下整理常見的誤解

繼續閱讀...#雜談
雜談

線性產值與指數產值

線性產值是經濟體系運作的基礎;指數產值可以改變人類的生活方式

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

前端焦慮症

警告:本篇文章僅為表達自身觀點與想法,對於同行業人員沒有任何批判之意。我認為目前前端領域(此處指網頁開發)逐漸趨於成熟,前端框架採用元件化的中心思想與響應式機制,搭配框架特有的語法、開發手法與哲學,可以應付大部分的使用場景。

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

Asahi Linux — 在 Apple M1 上跑 Linux

一群工程師們正在研究如何逆向工程在 Apple M1 跑原生 Linux kernel

繼續閱讀...#linux
雜談

這些年我使用的程式碼字體

撇開這些因素不談,用 monospace 字體撰寫程式碼的開發者還是佔大多數,這篇文章來分享一些近年來使用的 monospace 字體。用什麼字體並不重要,也不會影響你的生產力,但有時候就是會想看看某個開發者的喜好,或許可以從中找到合自己口味的字型也說不定。以下按照喜好順序排名。

繼續閱讀...#雜談
程式語言

為什麼心智模型對於程式語言學習至關重要?

心智模型是指我們如何預期事物的發展,或是事物會如何運作的認知過程。聽起來有點學術,舉例來說當我們在畫面上看到一個按鈕的 UI 時,我們會預期這個 UI 是可以點擊的,點擊之後可能會發生一連串的事件。因此當使用者發現這個 UI 不如預期時它會感到困惑。

繼續閱讀...#程式語言學習
雜談

無接點靜電容鍵盤 HHKB HYBIRD Type-S 使用心得

趁著這個機會試試看鍵盤界的最高峰,同時也是工程師界許多人夢寐以求的鍵盤 - HHKB,購入後使用到現在非常滿意,在這邊分享給大家。這篇除了 HHKB 的心得還會同時介紹無接點靜電容鍵盤的原理。

繼續閱讀...#hhkb
雜談

Tech Lead 守則 1 — 深入基層

我們常說要傾聽基層人員的聲音,因為他們才是真正在做事的人,在開發上也一樣。 不過成為 Tech Lead 除了了解程式碼本身之外,更重要的是必須要對整個專案有通盤性的了解,以下列出幾個我覺得很重要的地方。

繼續閱讀...#雜談
雜談

遠端工作環境分享(硬體版)

台灣受到疫情影響,進入第三級警戒狀態,也有部分公司開始實行遠端工作。從去年起就已經開始遠端的我或許能夠分享一些經驗。

繼續閱讀...#covid-19
雜談

在公司中架設 Server 沒有我想像中的那麼簡單

在這次的專案開發當中,以往純靜態的 Landing Page 頁面,企劃端有了想要 call API 拿資料動態更新的需求,再加上頁面的互動越來越多,原本 pug+webpack+jQuery 的純靜態頁面不敷使用,我們在新版本的開發中導入了 next.js。並開始了架 Server 踩坑之旅

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

在瀏覽器上透過 Arduino 讀取溫濕度 - Web Serial API

Google Chrome 89 推出了 Web Serial API 讓外接設備透過瀏覽器 API 直接互動,包含 USB 設備或是有 Serial 介面的藍牙設備。這樣一來瀏覽器就能與硬體直接溝通。

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

form 標籤與 FormData 的應用

這一篇文章會介紹瀏覽器背後會怎麼處理 form 標籤,以及在 JavaScript 上怎麼運用 FormData 來簡化表單操作

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

一起理解 HTML 當中的 form-data

表單在網頁中是相當常見的應用,不只能夠傳輸純文字,也能夠達到檔案上傳的功能。不過也因為 form 的行為跟其他傳輸方式較為不同,有時候也產生疑惑與誤解。 這篇文章試著從閱讀規範理解來龍去脈後,深入理解 form 背後到底做了哪些事情,以及表單與其他傳輸方式的不同之處,最後再提及 HTML 的 form 標籤背後做了哪些事情。

繼續閱讀...#form
前端

深入理解 Svelte(2)— 分析 Svelte 生成程式碼

從 Svelte 的核心理念可以得知,Svelte 希望從編譯過程中盡可能地獲取必要資訊,減少在動態的 overhead。上一篇文章中說明了 Svelte 從編譯到生成程式碼是如何運作的,今天要來觀察一下 Svelte 生成的程式碼是怎麼運作的。

繼續閱讀...#svelte
前端

2021 年值得學習 Svelte 的四個理由

Svelte 關注度逐年攀升,這篇文章整理了幾個 2021 年值得學習 Svelte 的理由,同時也會來談談 Svelte 使用上的缺點。

繼續閱讀...#svelte
前端

深入理解 Svelte(1)— Svelte 編譯過程

為了生成最後的程式碼,Svelte 必須將元件編譯一次獲取必要資訊,Svelte 的編譯過程到生成程式碼主要會通過幾個階段,在本篇文章會一一介紹

繼續閱讀...#svelte
前端

深入理解 Svelte(0)— 什麼是抽象語法樹?

這一系列的文章以探討 Svelte 原理實作為主,希望能讓讀者對於 Svelte 的編譯機制與程式碼生成有更深入的理解。由於 Svelte 編譯過程涉及程式碼解析,因此這一篇文章主要會先討論抽象語法樹是什麼,並進一步說明抽象語法樹扮演的角色與重要性。

繼續閱讀...#svelte
雜談

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

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

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

Hotwire 與 Turbolinks

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

繼續閱讀...#前端