Jul 15使用瀏覽器的『閱讀模式』『閱讀模式』常用螢幕來讀取文字的人都應該要知道的一個功能。概念上來說就是讓當下的內容變成一個最適合閱讀的狀態，包含但不限於以下： 簡單且舒適、可以隨需求快速調整的文字大小、間距、字型 顏色主題對比適合閱讀，可以隨需求調整 移除不必要不相關的圖片、文字 閱讀模式有以下好處： 減輕眼球壓力，尤其對我這種看螢幕半小時眼睛就會累的人來說，字大一點、對比不要過高、背景不要 …Reading Mode6 min readReading Mode6 min read
Jul 14ChatGPT Code Interpreter 是什麼？可以拿他來做什麼？終於玩到 OpenAI 的 Code Interpreter 。先說結論： 他就像一個你的 python 的小助理，不僅會依據你的需求寫扣，還可以自己執行、找出錯誤並調整，最後輸出你想要的內容。如果能好好利用這個工具，可以大幅的增加數位世界的生產力（不限 Coding）。 Code Interpreter 是什麼 Code Interpreter 可以做到下面這些事情 執行程式碼 使用者可以上 …Code Interpreter3 min readCode Interpreter3 min read
Jul 7ECMAScript 2023 的四個新玩意ECMAScript® 2023 Language Specification (tc39.es) 最近剛定案，確定會有四個新功能： Array.prototype.findLast / findLastIndex: 找陣列中最後一個符合條件的元素（或 index） Immutable 的陣列修改方式 WeakMap 支援 Symbol 作為 key 支援 Hashbang 語 …Ecmascript 20234 min readEcmascript 20234 min read
Apr 27一窺 Copilot 設計幕後打造下一代用戶體驗：當系統即是產品 原文 Behind-the-Design: Meet Copilot by Jon Friedman & Kurtis Beavers 經歷了多年的穩定且逐步的創新，我們正在見證一些具有革命性影響的技術的誕生。乍看之下，大型語言模型，如 OpenAI 的 ChatGPT 和 DALL-E 等前沿 AI 技術，似乎正 …AI11 min readAI11 min read
Apr 23, 2022能提高生產力的命令列工具: WARP工程師無可避免的會碰到指令列，但一般指令列存在的目的是為了有一個地方讓電腦可以接收指令，因此我們需要熟記各種指令，各種游標操作方式，才能順暢的操作。 更多時候，我們會忘了指令、甚或不知道有這樣子的操作方式。我也想 RTFM，只是，如果 Manual 本身就百來頁長，誰有辦法好好看完，就算看完也很難消化。Productivity5 min readProductivity5 min read
Dec 31, 2021一個產品技術主管的年末雜談要 2022 了，先祝大家新年快樂 （圖片來源：新北消防月曆，全家有在賣） 也順便用這一篇文章記錄自己對 2021 的心得。 大改變的推動與展開20216 min read20216 min read
Published in嗨，世界·Dec 24, 2021今年聖誕節我們做了一個軌跡特效套件緣起 偶然在網路上看到個上古時代的語法 <MARQUEE><BLINK>你覺得這訊息會怎麼顯示？</BLINK></MARQUEE> 除了驚訝 marquee 仍然可以用以外Cursor8 min readCursor8 min read
Nov 26, 2021能節省四成開發時間的工具？ GitHub Copilot 的介紹與心得分享Copilot 是我心目中 2021 年最強的工程師生產力工具，沒有之一，好好的使用的話絕對可以幫助工程師們省下大量的打字時間。接下來就來介紹一下 Copilot 是什麼，該怎麼使用，以及可以如何幫助你省下時間。 Copilot 是什麼 Copilot 是 GitHub 於 2021/06/29 推出的 AI 程式碼工具，基於 OpenAI 加上 GitHub 上大量的原始 …Github Copilot8 min readGithub Copilot8 min read
Nov 23, 2021Developer Experience: 從 UX 經典十大經驗法則的角度來看五年前發了一篇這樣的文章：開發者的 UX: Developer Experience (DX) (finfin.github.io) 如今隨著開發工具的成熟，我們更注重開發效率，關注 DX 已經成為一種顯學，不管開源套件還是軟體服務供應商，沒有好的 DX 很難說服開發者們使用。自家開發軟體也該注重 DX，以減少開發中的各種摩擦、卡關。就如同好的 U …Developer Experience7 min readDeveloper Experience7 min read
Oct 8, 2021來用 CSS function 做半套的 Container QueryCSS 的 media query 幫助我們依據螢幕 / 視窗尺寸來切換不同的排版方式，是 RWD 的重要基礎。但有的時候我們會需要更細緻的控制，參考某個 ancestor 元素的尺寸來做排版，這就是 Container Query。 隨著瀏覽器的進步，我們已經離 Container Query 越來越接近了。但如果現在、馬上就想要用呢？可以考慮使用一 …Container Queries7 min readContainer Queries7 min read
