半熟前端

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

本部落格使用 Gatsby 製作

本部落格有使用 Google Analytic 及 Cookie

分類

雜談

網路上的評論有毒

一直以來我很好奇一件事,身邊的朋友們在網路上通常不太會去評論某件事,例如在一篇貼文底下留言,在推特上發表自己的看法。然而,如果是在私密群組發問的話,通常會得到不錯的建議。我體會到的事情是其實人是很喜歡給建議與評論的,然而為什麼大部分的我們在網路上卻不常評論呢?

繼續閱讀...#
雜談

無限 alert 迴圈事件

有兩名男性以及一名國一女生因為分享無限 alert 迴圈的程式連結,被警方舉發最後以緩起訴處分。個人覺得這件事雖然發生在日本,但同樣都是開發者的我們或許可以參考。

繼續閱讀...#alert
前端

將 Sentry 的 Web Vitals 整合到 slack

現在許多網站都會導入測量 Web Vitals 的流程,透過量化指標找到可以改善的地方。不過比較少人知道的是其實 sentry 在之前也推出了 Web Vitals 的統計功能,能夠統計 Web Vitals 的各個指標如 LCP、FP、CLS,讓開發者可以在後台看到相關的圖表,甚至把平均值都標好了,相當貼心。

繼續閱讀...#webvitals
雜談

Coinhive 挖礦事件

今天在日本軟體開發圈中,最熱門的新聞應該就是「Coinhive 事件」了。這個訴訟是因為網站經營者在網站裡放挖礦腳本,當瀏覽網頁的使用者進入網頁時便會開始挖礦。這個行為被以「不正指令電磁的記録(妨礙電腦使用罪)」起訴,開始了一連串的訴訟過程。

繼續閱讀...#coinhive
開發環境

我如何用 VSCodeVim 提升開發效率

換了 HHKB 鍵盤之後沒有方向鍵,編輯文字時很自然地想要避免方向鍵的使用次數。種種外在因素影響之下我開始學習 Vim,發現搭配 VSCode 真的蠻好用的,在這邊分享一些心得跟技巧給有興趣的大家。

繼續閱讀...#vim
前端

從前端視角看 SwiftUI

從 UI 的角度來看,前端與手機開發會遇到問題是類似的,儘管使用的語言或是開發手法不盡相同,我們都需要打造一個易用的使用者介面。既然如此,彼此也會遇到類似的問題,元件化開發、狀態管理、資料流、管理副作用(API 或是 IO)等等,對我來說是個很適合互相學習的領域。

繼續閱讀...#swiftui
雜談

雜感(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 也不無可能

繼續閱讀...#polly
雜談

自製簡易收音機

對我來說收音機的發明相當神奇,只透過無線電傳輸,聲音竟然可以傳播到那麼遠的地方,再透過收音機將聲音還原播放出來。本篇文章試著自己實作一個簡易的收音機電路,進而理解背後的原理

繼續閱讀...#radio
avr

用 AVR 做 USB 應用的考察

要用 AVR 做 USB 只有一個重點,就是晶片本身是否有內建支援 USB。目前大概只有 ATmega32u4 還有產線,但半導體供應缺貨下應該也買不到了

繼續閱讀...#avr
pico

Raspberry Pi pico PIO 初探

年初時樹莓派發佈了 pico 微控制器,價格相當便宜只要 100 多台幣,其中有個相當有趣的功能 PIO。可以透過特化後的組合語言與架構實作不同的通訊協定,卻不需要耗費主處理器的資源。

繼續閱讀...#pico
計算機科學

【專題】快速傅立葉轉換(Fast Fourier Transform)

在計算機領域當中,對信號做計算時採樣通常都會是離散的資料,因此稱作離散傅立葉轉換(DFT)。快速傅立葉轉換能夠幫助我們將時域信號轉為頻域信號,方便做進一步的分析。

繼續閱讀...
前端

用 WebGL 畫線比我想像中地還難

WebGL 不支援 lineWidth 大於 1 的線條,連 Three.js 也沒有支援可調整寬度的線條實作,於是開始了自製線條的實作

繼續閱讀...#webgl
前端

如何判斷兩個網域的擁有者是否相同?

在瀏覽網頁時,我們時常透過 subdomain 來區分服務的內容,然而要區分一個網站是否為 subdomain,或是兩個網站是否為 SameSite 似乎沒有想像中的簡單。

繼續閱讀...#samesite
react

useMemo 的幾個使用場景

在前端應用當中,很常會遇到一個情形是在畫面上顯示的值是透過其他的值複合計算而成;或是先經過某種計算再放入畫面當中。通常這類型的處理都可以用 useMemo 來簡化程式碼

繼續閱讀...#react
雜談

從 prismjs 改為 shiki

shiki 是一個將程式碼語法做高亮的套件,跟其他套件(highlightjs, prismjs)算是比較新一些,也比較少人知道。主要是因為它支援的語法更多也比較好設定,然後內建的主題也蠻多的,就順手把原本的 prismjs 換掉。

繼續閱讀...#shiki
開發環境

tmux 快捷鍵筆記

一直以來用終端機的習慣都是直接透過 iTerm2 的分頁功能切換 tab,這麼做其實沒什麼大問題,不過自從了解 `tmux` 的好用之處後就把終端機的操作都移到 tmux 了。

繼續閱讀...#tmux
遊戲心得

從 NAND 邏輯閘開始做電腦 - Turing Complete 遊戲心得

從 NAND 邏輯閘到圖靈完備,全部自己拉電路組裝元件。這款遊戲透過視覺化把程式碼的撰寫變成可以拖拉的邏輯閘,即時的互動更方便玩家觀察的真值表變化。

繼續閱讀...#遊戲心得
雜談

對 NFT 的誤解

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

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

線性產值與指數產值

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

繼續閱讀...#雜談