半熟前端

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

分類:雜談

雜談

自製簡易收音機

自製簡易收音機 對我來說收音機的發明相當神奇,只透過無線電傳輸,聲音竟然可以傳播到那麼遠的地方,再透過收音機將聲音還原播放出來。本篇文章試著自己實作一個簡易的收音機電路,進而理解背後的原理。把收音機的元件簡化後,主要可以由三個部分組成: 諧振電路 濾波 放大電路 因此本篇文章也會以這三個部分做介紹。在此之前,先讓我們來談談聲音是怎麼傳播的吧。 發射端:振幅調變(AM)與頻率調變(FM…

繼續閱讀...#radio
雜談

從 prismjs 改為 shiki

shiki 是一個將程式碼語法做高亮的套件,跟其他套件(highlightjs, prismjs)算是比較新一些,也比較少人知道。shiki 是用 TextMate grammar 當作 tokenizer 的定義,除了可以從其他地方直接拿來用不需要再另外撰寫客製化語言之外,有統一的標準之後要擴充也比較容易。 另外則是它支援的語法很豐富也比較好設定,內建的主題也很多,就順手把原本的 prismjs 換掉了。安裝 gatsby-remark-shiki…

繼續閱讀...#shiki
雜談

對 NFT 的誤解

Photo by Fakurian Design on Unsplash 在決定購買 NFT 之前,先看一下以太坊上是怎麼描述它的吧。 最近 NFT 這個詞成為新潮流,大家一窩蜂地搶著「收藏」,但是往往抱持著錯誤的理解,以下整理常見的誤解: NFT 的本質不是 scam,但其機制容易用來炒作 而且還沒有法律途徑可以解決 NFT 全名為 non-fungible token,中文叫非同質化代幣 把 token 翻成代幣有點怪怪的,我覺得 token 這個詞更能代表它背後的含義 NFT…

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

線性產值與指數產值

為了瞭解價值本身,我們首先需要了解這個世界的簡單運作法則,主要可以分為這四大區塊。 人類的能量來源:農業、畜牧業 支撐社會的能量來源:發電、煤礦、天然氣、石油、運輸 支撐產業進步:工程化(Engineering…

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

Asahi Linux — 在 Apple M1 上跑 Linux

Asahi Linux 最近在推特上看得一則推文,目標是將 Linux porting 到 Apple M1 的機器上,包含 Mac Mini、Macbook Air 跟 Macbook Pro。 Asahi Linux is a project and community with the goal of porting Linux to Apple Silicon Macs, starting with the 2020 M1 Mac Mini, MacBook Air, and…

繼續閱讀...#linux
雜談

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

其實講程式碼字體有點政治不正確,因為它假設了程式碼都是使用等寬字體撰寫,但事實上也有人討厭用 monospace 撰寫程式碼,認為它們難以閱讀。 撇開這些因素不談,用 monospace 字體撰寫程式碼的開發者還是佔大多數,這篇文章來分享一些近年來使用的 monospace 字體。 用什麼字體並不重要,也不會影響你的生產力,但有時候就是會想看看某個開發者的喜好,或許可以從中找到合自己口味的字型也說不定。以下按照喜好順序排名。 1. MonoLisa(需付費) https://www…

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

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

前言 今年二月時有一次幾乎一整天都在敲鍵盤打字與寫程式碼,當時使用機械式鍵盤(FILCO MANILA Air 茶軸),發現手指變得相當疲勞,敲鍵盤有點無力感。 因此趁著這個機會試試看鍵盤界的最高峰,同時也是工程師界許多人夢寐以求的鍵盤 - HHKB,購入後使用到現在非常滿意,在這邊分享給大家。這篇除了 HHKB 的心得還會同時介紹無接點靜電容鍵盤的原理。 鍵盤分類 首先簡單介紹一下鍵盤的種類: 膠膜鍵盤…

繼續閱讀...#hhkb
雜談

Tech Lead 守則 1 — 深入基層

我們常說要傾聽基層人員的聲音,因為他們才是真正在做事的人,在開發上也一樣。 不過成為 Tech Lead 除了了解程式碼本身之外,更重要的是必須要對整個專案有通盤性的了解,以下列出幾個我覺得很重要的地方。 前言 一年前曾經寫過「成為 Tech Lead 的一些感想」,這一年當中學習到的很多事情,最近也發了一篇「在公司中架設 Server 沒有我想像中的那麼簡單」,這篇文章算是把自己認為當 Tech Lead 所要具備的事情梳理一遍,當作筆記。希望也能夠幫助到正煩惱 Tech Lead…

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

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

台灣受到疫情影響,進入第三級警戒狀態,也有部分公司開始實行遠端工作。在日本工作的我從去年起就已經開始遠端,或許能夠分享一些經驗。 前期準備 一旦要開始準備遠端工作的環境,建議決定好要購買的設備之後「馬上」下單,在日本剛進入疫情擴大期的時候因為慢了一步,所以像是視訊鏡頭(Webcam…

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

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

動機 在這次的專案開發當中,以往純靜態的 Landing Page 頁面,企劃端有了想要 call API 拿資料動態更新的需求,再加上頁面的互動越來越多,原本 pug+webpack+jQuery 的純靜態頁面不敷使用,我們在新版本的開發中導入了 next.js。 先來說說原本 Landing Page 的架構,在跑 CI 時會打包好靜態 HTML 頁面並且上傳 CSS、JavaScript、圖片到 CDN 上,HTML 則是直接放在伺服器上,前面在掛一個 nginx…

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

價值這回事

最近一直在想「價值」這件事。 現在有一種趨勢是大前端時代,就是對於有興趣轉職工程師的人,就先跟你鼓吹前端哪裡好哪裡好,叫你二話不說就先轉職前端工程師。不過市場上是對價的,公司付錢買你的專業,而你付出時間賺取金錢。而剛好市場上有做網頁的需求,或是很多公司的服務或產品本身是以網頁為主,所以需要前端工程師。 另外我不是很喜歡有人自居前端工程師就開始鄙視各種產業鍊,這個問題之後有空再聊。 最近在無印良品上買了一個計時器,但是我很喜歡他簡約的設計,所以儘管要 50…

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

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

2020 年是個 ooxx 的一年,不過在家的時間變多了,也因此在技術上也做了很多嘗試與探索,在這邊統整~ YouTube 頻道 建立了自己的 YouTube 頻道,在 2 ~ 5 月份上傳了幾個自己感興趣的主題與計畫試水溫,後來因為找不到一個有效率的拍片模式所以暫緩。 松本行弘 — 言語のしくみ 在 1 ~ 2 月份左右日本疫情感染還沒有爆發時,大概花了兩三個禮拜通勤看這本。松本行弘裡頭介紹了實作程式語言的要素,並且搭配 yacc/lex 實作了一門程式語言 — streem…

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

心得 — 從遊戲學管理

https://akisute.com/2020/11/blog-post.html 備註:本文段落順序與原文相似,但並非原文翻譯並且有附上自己主觀見解,若要參考正確原文,請到原文連結閱讀。 這篇文章原文是以日文撰寫,不過裡頭有很多我在工作上有共鳴,甚至是可以學習的地方,因此決定在這邊做簡單的引用與自己的心得。 這位作者 3…

繼續閱讀...#management
雜談

記一次改善流程

前幾個月剛好是大型功能上線的時間。再接續另外一個專案之前並沒有什麼太大的開發,主要就是修一些小 bug 以及將現有的功能做改善。也因為開發上沒有那麼緊湊,所以這一季有更多的時間可以專注在改善流程上。 背景 先來說說開發時遇到的情況。每個團隊與組織當中遇到的情形不同,因此了解背景與想要改善的問題是相當重要的。這次在開發上明顯造成問題的情況有幾個: 組織上牽涉到的人員多 我目前參與的是金融相關的開發,目前來說就有 FX(外匯)、股票、投資信託等等產品,比較大型的功能雖然會拆出來另外處理(例如 FX…

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

Project Winter 遊玩心得

大概在六個月前,同事在站會分享了他正在玩的遊戲「project winter」,並且介紹了遊戲類型與玩法,有點像是可以互動的狼人殺。當時被 low-poly 的風格還有場景(雪山)吸引,但苦於當時沒有遊戲機,所以一直惦記在心。最近終於入手了遊戲機,於是就把這款遊戲從 steam 買下來了。 這篇紀錄一下玩到現在的心得(也才玩了三天 XD,之後應該會有更多感受) 遊戲簡介 遊戲場景設定在一個寒冷的雪山,…

繼續閱讀...
雜談

在福岡遠端工作 4 個月的感想

前言 (2020/02 ~ 2020/06) 日本大約在 2 月中旬時,東京開始逐漸爆發疫情,雖然我在福岡上班,不過為了避免疫情擴散,公司在二月底時宣佈了遠端工作的政策,目的是為了減少通勤、減少感染等機會。在這邊紀錄一下心得。 3密を避けましょう! / 島原市 實際感受到的事 少了來回通勤的時間(其實也不多,上下班加總約 4…

繼續閱讀...
雜談

在 Typora 編輯器內自動上傳圖片

Typora - 好用的 markdown 編輯器 Typora 是我非常愛用的 markdown 編輯器,用到現在覺得沒有任何比它更順手的編輯器。比較複雜的部落格文章我就會在 Typora 寫好後上傳,Typora 有非常豐富的功能,包含: Table 的支援 支援 LateX 語法,方便寫算式 可以直接拖拉圖片產生對應 markdown 語法 可支援多種 HTML 標籤,像是 iframe、video、ruby 等都可以 可以自定義主題(用 CSS…

繼續閱讀...
雜談

eRemote 紅外線遙控器與 Google Home 實現智慧家庭

其實很早就想要玩玩智慧家電,不過目前的電器都已經是固定的,沒有內建連網功能,要直接改成智慧家電要額外做工程,一般不是那麼容易就能達成的。 因此轉念一想是不是可以有一台機器連上 wifi 後發送紅外線訊號來操作電燈、電視、冷氣等等,在網路上查了一下還真的有,而且相關產品還不少。 這次買的是 LinkJapan 推出了 eRemote mini。 https://linkjapan.co.jp/product/eremote-series/ 步驟很簡單,機器插電後下載對應的 app…

繼續閱讀...
雜談

成為 Tech Lead 的一些感想

被主管升上 Tech Lead 後我的心情有點複雜,因為職等既沒有對應的提升,也沒有一個實際的稱號,只是被指名了「嘿,從現在開始你就是 Tech Lead」,然後加了一點薪水。 不過對我來說是個很好的嘗試,在這邊記錄一些感想。 Tech Lead 與 Team Lead 的差別 在名詞的定義上我比較傾向於 Tech Lead 而非 Team Lead。 兩者對我來說意義不太相同,一個是單純在技術上跟開發上做領導,一個則是有點偏向管理職還有帶團隊了,我現在的角色比較偏向…

繼續閱讀...
雜談

閒聊 flv.js

這篇文章是看完 flv.js 作者的故事之後有感而發當作紀錄。 目前只要是跟直播服務,或是影片服務有相關的網頁開發,基本上最熱門的就是 hls.js 或是 flv.js。因為瀏覽器的原生 video 並不支援這些格式,所以必須要自己想辦法解碼。 以前 flash 當道的時候大部分可以用 flash 來解決,但是當 flash 慢慢被拔掉之後勢必要想其他方法解決。近幾年提出的 Media Source Extension 雖然解決了這個問題,但是必須自己讀文件,而且網路上普遍對 MSE…

繼續閱讀...
雜談

使用 mailchimp 三年後的心得

mailchimp 是我相當喜歡的電子報寄送服務,斷斷續續也用了三年了,突然想寫下來。我在三年前寫了一份週刊,叫做日語八百屋 要做電子報寄送服務並不簡單,像是 event tracking、資料統計、不掉信、重試、針對不同的客戶端優化等,也因此 mailchimp 這個在早期就進入市場的產品相對穩定而且有非常多的企業正在使用。 這篇報導記錄了他們的創業故事。mailchimp…

繼續閱讀...
雜談

點子仍然重要 / idea still count

在網路圈時常聽到,點子不值錢,動手做最重要。這句話基本上認同,沒有實際行動有再好的點子都沒有用。 但是最近逐漸改觀了,雖然身為工程師本來就應該有紮實基礎,但感覺每天討論某某框架的內部實作、又有XX框架跑出來、有人用了XXX做了一個 ToDo App,看似繽紛而多采多姿的技術交流,但實際上跳脫了軟體開發生態圈,真的又能改變什麼嗎? 別誤會了,並不是說這些東西不重要、不有趣,實際上像是 React…

繼續閱讀...
雜談

創作者的崛起 - 寫程式

現在已經有越來越多創作者,為了加速自己的製作流程,都會或多或少寫點程式來幫助自己優化。 這些創作者們非常清楚瓶頸在哪裡,而且因為他們想要花更多時間創作的慾望,這種動力和求知慾有時候會比工程師自我學習本身來得強烈,甚至可以比工程師更精準地找到解決方法。 看看文件、打個 API,完成一些簡單的應用跟日常工作,這些事情並不需要太大的工程能力,只要一些程式基礎就能輕鬆上手。 這也讓我反思,身為一位工程師應該要怎樣在這種狀況下立足? 當我們跟創作者使用同一套程式語言、同個 Library…

繼續閱讀...
雜談

為什麼我開始了一個 YouTube 頻道?

前言 恩,簡單來講就是開始了一個 YouTube 頻道,就跟寫好了一個部落格很開心想要分享一下的感覺。 連結 嘗試不同的呈現方式 在 202…

繼續閱讀...
雜談

推特依存症

最近把 Twitter 帳號關掉跟鎖起來,App 也刪掉了。說真的最近好焦慮,看著推特上充滿各種憂鬱、厭世、成功、好笑、諷刺的推文,不知道為什麼就有一種焦慮感。還不知道什麼時候會把他重新打開,但我覺得自己已經快要到達極限了。 Instagram…

繼續閱讀...
雜談

軟體工程幻滅

原文:Software disenchantment 在網路上看到這篇文章,我推薦每個軟體工程師都應該看一下這篇。雖然說有些觀點過於激進,不過大致上我是同意的。 為什麼軟體那麼「慢」? 在開頭當中,作者有提到,像是汽車、飛機、建築這些領域發展到現在,都已經有一定的模式在,飛機的翅膀、形狀設計、功能等等幾乎都是大同小異,而發展出來的成果也是有目共睹。 我最近也在思考,為什麼這些領域可以,但是在軟體開發上,事情好像越來越糟?每次跑 npm install 在 Macbook pro 或是 iMac…

繼續閱讀...
雜談

2019 in review

In 2019, in the first 5 days of January, I was still counting steamed bread in the barracks (compulsory military). After four months of my military life, I started looking for a job. In the first half of the year, I was almost preparing for…

繼續閱讀...
雜談

2019 回顧

2019 年,1 月的頭 5 天,我還在兵營裡頭數饅頭,好不容易才熬過四個月的軍旅生涯開始找工作。上半年幾乎都在準備面試與沈澱自己,而下半年移居到日本後生活逐漸步上正軌。 上半年 2019 上半年,因為沒有工作的關係,除了有點焦慮之外,其實也還蠻閒的。這期間除了補齊前四個月的前端領域知識之外,也把 React 這四個月的變化(就是 hook 啦!)補上。 我也趁著這段期間,把自己的部落格全部用 gatsby 改寫(前端老毛病 XD),買了 dev…

繼續閱讀...
雜談

日本軟體工程師求職心得

前言 之前就很喜歡日本文化,所以在大學時就逐漸萌生要到日本工作的想法。不過礙於兵役跟經濟的關係,所以一直沒有實行。在這之前我當服完兵役,在服兵役之前則是在公司裡頭擔任前端工程師。最近當完兵回來,總算可以毫無後顧之憂找日本工作了。 剛好現在也是個蠻不錯的時期,日本因為高齡少子化的緣故正在大幅招攬 IT…

繼續閱讀...
雜談

EMS 驚魂記

前言 EMS 是國際快捷郵便,整合了各大國家的郵政,有追蹤號碼可以在網頁上查詢進度,號稱最快的郵便服務,價格當然也貴上許多。 第一次寄 EMS 感覺很棒,網頁進度追蹤很及時,兩天就到日本了;這次公司將在留資格證明寄給我也是用 EMS,正當我以為大概也是 2 ~ 3 天就下來時,悲劇發生了。 今天已經過了第八天,網頁上的進度還是卡在這裡。 圖1 圖…

繼續閱讀...
雜談

再談生日悖論(Birthday Paradox)

前言 生日悖論是個剛開始上統計學時,老師很喜歡拿來唬弄學生的招式。通常老師會徐徐從錢包拿出 100 元,並且問學生,在教室中有沒有兩個人同一天生日? 直覺上,我們可能會以為機率很低。不過事實上只要超過 23 人,2 人同一天生日的機率就有 50% 以上。 一部分的原因是我們將問題「其中兩人同一天生日」與「其中有人跟你同一天生日」聯想在一起,但兩者的機率是完全不一樣的。 「其中有人跟自己同一天生日」的機率為 $\frac{1}{36…

繼續閱讀...
雜談

2017 年度總結

哈囉大家,2018 新年快樂 🎉。 昨天和女友選擇過一個很平凡的跨年,早上各自做彼此的事,晚上在家裡開伙吃飯,再一起跑步,最後一邊寫程式一邊看紅白,結束了 2017 年的最後一天。 每年年底都會試著回想以前做過的事,但如果沒有加以記錄,好像只能浮現一些零碎的片段 或是不完整的訊息,今年開始做了很多統計,試著記錄每筆開銷、統計自己寫的文章、Github contribution…

繼續閱讀...
雜談

狂歡雙 11 — 祝我生日快樂

今年 1111,除了各大電商正在雙 11 特價外,今天剛好也是我的滿 2…

繼續閱讀...#雙 11