比語意化標籤更重要的事
身為一位前端工程師,雖然我們不需要把全部的 HTML 標籤背得滾瓜爛熟,但是常見的 HTML 標籤與使用場景還是要有一定程度的了解,根據不同場景使用。 但是,使用語意化標籤的目的是什麼?我發現很多文章對於語意化標籤往往只停在表面,也就是討論某某標籤應該使用在哪裡,導致網頁上的標籤看似多彩繽紛,但使用者體驗卻沒有得到相對的提升。
在日本買無線機械鍵盤
最近被 Amazon 的推薦燒到,入手了一把 Nuphy Air60,整個假日都在看機械鍵盤,把一些心得整理成筆記。
卡內基溝通與人際關係 How to win friends and influence people
這本書算是經典中的經典,拖了很久終於把它看完了。書裡傳達的理念有點像是把自己變成一個利他主義者。
異數:Outliers by Malcolm Gladwell
讀完異數後的心得
深度職場力 by Cal Newport
熱情被過度美化了。書中一開始就用賈伯斯的演講破題,直接說賈伯斯做的和他說的不一樣。我覺得熱情不應該是你被要求去生出來的東西,而是在你在做某件事的過程中自然而然產生的。我對 XXX 有熱情,但世界通常要的不是你的熱情,而是你的產出。
用 Astro 寫電子報網站
探討在建立電子報網站的需求,最後選擇了 Astro 來建立網站。這篇文章會探討與其他靜態網頁生成器的比較以及最後選 Astro 的原因。
社交恐懼
我很不會社交。我仍記得在大學裡總是下意識地避免和同學在校園裡偶遇,避免眼神接觸,故意繞遠路或乾脆躲到圖書館。
錢的本質
我不想活在所有人都很有錢的世界,那不是我們應該追求的事,也沒有意義;我想要活在錢可以真正獎勵到創造價值的人身上的世界,那才是真正讓社會進步的方法。
2022 Advent Of Code(day9) – Rope Bridge
看完題目的描述後,比較要動腦的地方在於怎麼決定尾巴的移動跟是否相鄰的判斷。我這邊是直接寫了簡單的 2-d 向量來做。
2022 Advent Of Code: Cathode-Ray Tube
突然想到要紀錄自己覺得有趣的題目,尤其是可以視覺化的東西。如果有多餘的力氣就把每天的題目都寫成筆記。總之,我覺得 Advent Of Code Day10 的題目還蠻有趣的,所以就先記錄一下。
HTML 和 CSS 能解決很多問題,但 JS 也很重要
在 2017 年時曾經讀過一篇文章,主要是分享各種用 HTML/CSS 就能達成的排版技巧。第一次閱讀時覺得深有同感,也學到很多當時還不熟的技巧,很推薦大家看看。雖然 JavaScript 幾乎可以解決大部分問題,但從無障礙設計的角度、效能跟 bundle size 的角度來看,能夠用 CSS 解決一定是比較好的。然而,盡量不要用 JS 不代表完全不用 JS,這兩者還是有些差別的。這篇文章會重新閱讀一次上面提到的文章,並且點出一些我覺得能夠改善的地方。
排版時有用的 Pseudo 類別
用 CSS 排版時,我們會根據樣式使用對應的 CSS 處理,有時甚至需要使用 JavaScript 來完成,不過在 CSS 其實有許多 pseudo classes 只要善加利用可以簡化 CSS,也可以減少不必要的 JavaScript 實作,而且不再像過去一樣只有少數的瀏覽器有支援。
用 Next.js 重寫整個部落格
記錄了將部落格從 Gatsby 遷移到 Next.js 的過程與感想。包含使用的技術以及實作細節等等。
C 語言當中的字串處理
在 C 語言當中,可以透過 strlen 來取得字串長度,然而使用上有些地方需要注意
探討 remix 的表單與資料讀取機制
雖然說可能不少人又會覺得「哎呀,怎麼又一個框架」,不過 remix 的確有它的獨特之處,如果有翻過文件而且追過最顯而易見的是
avr-libc 當中的ATOMIC_BLOCK
就算是在微控制器,也是有各種 interrupt 可以使用,因此程式碼的執行可能中途被打斷,透過 atomic
node.js 讀取檔案時的細節
在 node.js 當中透過 fs 模組來操作檔案是相當常見的操作,然而如果在吞吐量比較大的情況下,任何有關 IO 的操作都應該非常小心
2021 雜談
原本計畫把自己做的事情整理一下發出來的,結果發現整理完後還真的沒什麼好講的東西,乾脆就用流水式的方式紀錄一下吧。
MIT 公開課 - Introduction to Computational Thinking with Julia 心得
課程看似內容很雜,有涵蓋像是資料科學、氣候變遷建模、Ray Tracing、偏微分、統計、image
網路上的評論有毒
一直以來我很好奇一件事,身邊的朋友們在網路上通常不太會去評論某件事,例如在一篇貼文底下留言,在推特上發表自己的看法。然而,如果是在私密群組發問的話,通常會得到不錯的建議。我體會到的事情是其實人是很喜歡給建議與評論的,然而為什麼大部分的我們在網路上卻不常評論呢?
無限 alert 迴圈事件
有兩名男性以及一名國一女生因為分享無限 alert
將 Sentry 的 Web Vitals 整合到 slack
現在許多網站都會導入測量 Web Vitals 的流程,透過量化指標找到可以改善的地方。不過比較少人知道的是其實 sentry 在之前也推出了 Web Vitals 的統計功能,能夠統計 Web Vitals 的各個指標如 LCP、FP、CLS,讓開發者可以在後台看到相關的圖表,甚至把平均值都標好了,相當貼心。
Coinhive 挖礦事件
今天在日本軟體開發圈中,最熱門的新聞應該就是「Coinhive 事件」了。這個訴訟是因為網站經營者在網站裡放挖礦腳本,當瀏覽網頁的使用者進入網頁時便會開始挖礦。這個行為被以「不正指令電磁的記録(妨礙電腦使用罪)」起訴,開始了一連串的訴訟過程。
我如何用 VSCodeVim 提升開發效率
換了 HHKB 鍵盤之後沒有方向鍵,編輯文字時很自然地想要避免方向鍵的使用次數。種種外在因素影響之下我開始學習 Vim,發現搭配 VSCode 真的蠻好用的,在這邊分享一些心得跟技巧給有興趣的大家。
從前端視角看 SwiftUI
從 UI 的角度來看,前端與手機開發會遇到問題是類似的,儘管使用的語言或是開發手法不盡相同,我們都需要打造一個易用的使用者介面。既然如此,彼此也會遇到類似的問題,元件化開發、狀態管理、資料流、管理副作用(API 或是 IO)等等,對我來說是個很適合互相學習的領域。
雜感(Leaving MySQL)
今天早上看到這篇 Leaving MySQL。如果說這篇文章有什麼重點,大概就是作者在文章中寫的:MySQL is a pretty poor database, and you should strongly consider using Postgres instead.
Amazon Polly - 文字轉聲音,效果十分顯著
Polly 是 Amazon 雲端平台的其中一個服務,可以將文字轉為聲音。雖然文字轉聲音這件事並不稀奇,不過 Polly 可以根據句型組合盡可能發出自然的聲音,對語言學習者來說是一大福音。除此之外能夠應用的範圍也很廣,例如字幕轉為聲音、腳本、旁白、對白,甚至直接用 Polly 來錄 Podcast 也不無可能
自製簡易收音機
對我來說收音機的發明相當神奇,只透過無線電傳輸,聲音竟然可以傳播到那麼遠的地方,再透過收音機將聲音還原播放出來。本篇文章試著自己實作一個簡易的收音機電路,進而理解背後的原理
藍色時期與弱弱的我

最近 Netflix 上的新動畫「藍色時期」很好看,劇情是在講一位高中生愛上畫畫後進入東京藝術大學的故事。