AdSense

網頁

2026/7/5

English Practice: Hair Styling Optimization

Phase 1: Weekly Input (Hair Styling Optimization)

For a long time, I never used any hair styling products. My rule of thumb was simple: don't bother. First, I had no idea how to use them, and second, because I commuted by scooter, a helmet would just flatten my hair anyway. However, everything changed when I sold my scooter and switched to public transportation. As I started growing my hair out, I realized I needed a better solution to manage my look.

I started by learning the basics of hair styling. Now, I mainly use a simple hairspray(GATSBY). It’s a game-changer. It solves the annoying problem of my bangs falling down and covering my eyes. Learning to style my hair was a small step, but it really makes my day better. It’s just a simple way to stay neat and comfortable.


Vocabulary & Phrases

  • commute: 通勤。
  • flatten: 使變平、壓扁。
  • grow out: (讓頭髮)留長。
  • hairspray: 造型噴霧。
  • bangs: 瀏海
  • game-changer: 改變局勢的事物 (關鍵轉折)。
  • neat and comfortable: 整潔舒適的。

Phase 2: Draft My Own Version

In working days, I take a shower after waking up, and use hairspray to keep my grew out bangs up. After that, I commute to Taipei by bus, so I don't need to worry anything will flatten my hairstyle. Commuting by public transportation is really a game-changer, it makes my life more neat and comfortable, though it looks like inconvenient for most of people.


Phase 3: AI Refactoring

On working days, I take a shower right after waking up and use hairspray to keep my grown-out bangs in place. Since I commute to Taipei by bus, I don't have to worry about anything flattening my hairstyle anymore. Commuting by public transportation has been a real game-changer for me; it makes my life much more neat and comfortable, even though it might seem inconvenient to most people.


Phase 4: Spaced Review


2026/6/29

English Practice: Kitchen Workflow Optimization

Phase 1: Weekly Input (Kitchen Workflow Optimization)

For me, cooking isn't just about the food; it’s about managing the entire process. My philosophy is that a clean kitchen is essential for a stress-free meal. As soon as I finish cooking, I immediately wash the pots and pans. I don’t like leaving dirty dishes behind while I eat. Once the meal is over, I make sure the plates and cutlery are cleaned right away. Keeping the workspace clear completely transforms how I enjoy my downtime.

However, there is one task I absolutely dread: taking out the food waste. It’s messy, smelly, and honestly, it’s the one part of the kitchen workflow that I prefer to avoid. That’s where my wife comes in. We have a clear division of labor: I handle the washing, and she takes care of the trash. I know it might seem like a small detail, but by delegating this, I can focus on keeping the kitchen spotless without feeling overwhelmed. It’s all about finding a balance that gives us room to breathe in our daily routine.


Vocabulary & Phrases

  • dread: 非常害怕/厭惡 (某事)。
  • food waste: 廚餘。
  • division of labor: 分工。
  • spotless: 一塵不染的。
  • delegating: 分派、委派 (任務)。
  • It’s all about ...: 這一切都是為了;。

請嘗試用上面的句型,描述你自己在生活中「最不喜歡做」但又必須完成的家務,或者說明你是如何與家人進行分工的(約 50-100 字)。

Phase 2: Draft My Own Version (Write a short paragraph using at least 2 phrases)

One of the most exhausting housework is hanging out the laundry. At first my wife is in charge of this task, but once I acknowledge taking care of children is another time-consuming job, I ask to undertake this task proactively, which is a good division of labor. It's all about making my wife has more time to rest.


Phase 3: AI Refactoring (Optimize for natural flow and tone)

One of the most exhausting household chores is hanging out the laundry. At first, my wife was in charge of this task, but once I realized that taking care of our children is a much more time-consuming job, I decided to undertake this task proactively. It’s a great division of labor for us. It’s all about making sure my wife has more time to rest, and in the end, it’s a small adjustment that makes a world of difference to our family's well-being.


Phase 4: Spaced Review (Archive and re-read later)


2026/6/28

English Practice: Decluttering Memories

Phase 1: Weekly Input (Decluttering Memories)

Our home has been slowly turning into a storage area for items we no longer need. Looking at the child car seat and the high chair just sitting in the living room, I realize they haven't been used for ages. Add to that the piles of outgrown clothes in the bedroom, and it feels like the space is closing in on us. These items are simply taking up space that we could use for better things.

I’ve reached a point where I’m all for finally getting rid of them. My rule of thumb is: if it hasn't been touched in a year, it’s time to let go. Clearing out the broken chair and these unused pieces of gear might feel like a chore, but I know it will make a world of difference to our living environment. It’s time to stop storing the past and start enjoying the space we have today.


Vocabulary & Phrases

  • child car seat: 兒童汽座。
  • high chair: 兒童餐椅。
  • outgrown clothes: 小了穿不下的舊衣服。
  • closing in on (someone/something): 包圍、逼近。當用來形容空間時,它描述的是一種物理上的壓迫感。
  • taking up space: 佔據空間。
  • I’ve reached a point: 下定決心。表達已經歷了一段時間的累積或思考後做出了某個決定。
  • let go: 放手、捨棄。

試著用這些句型,寫一段你對於「處理家中堆積雜物」的心得或計畫,或者描述你正準備要執行這個斷捨離行動的感受(約 50-100 字)。

Phase 2: Draft My Own Version (Write a short paragraph using at least 2 phrases)

One of the difficault parts of clearning house is to take the big clutters to trash area, like car seat and high chair, because you have to take the picture of them first, and make an appointment on government website, get the appointment number and paste the number on them, and then you can take them to the trash area.


Phase 3: AI Refactoring (Optimize for natural flow and tone)

One of the most difficult parts of clearing out the house is moving the bulky items to the collection area. Getting rid of things like the child car seat and high chair is a real project: first, you have to photograph them, schedule an appointment on the government website, and print out the confirmation number to attach to the items. It’s a tedious process, but I’ve reached a point where the clutter feels like it’s closing in on us. Honestly, I’m all for doing the extra paperwork if it means finally reclaiming our living space.


Phase 4: Spaced Review (Archive and re-read later)


2026/6/26

LangChain 結構化輸出 Structured output

LangChain 在系統提示詞中使用結構化輸出(Structured output)的範例。

2026/6/25

LangChain 結構化提示詞 Structured prompt

LangChain 在系統提示詞中使用結構化提示詞(Structure prompt)的範例。

LangChain 少樣本提示詞 Few-shot prompt

LangChain 在系統提示詞中使用少樣本提示詞(Few-shot prompt)的範例。

LangChain 系統提示詞 System prompt

LangChain 建立Agent時可以設定系統提示詞(System Prompt),則之後每則提問最前面都會加上此系統提示詞。

2026/6/22

LangChain Agent串流輸出回應

LangChain Agent回應時,預設是思考完成後一次輸出所有結果,但有時回應內容較長要等比較久才能取得全部結果,可以改用串流輸出,也就是逐字輸出回應內容來減少等待時間以改善使用者體驗。

LangChain 使用Agent物件

LangChain除了直接使用語言模型,也可以使用Agent進行問答。

2026/6/21

今日風情 20260621

2026年6月21日,星期日,端午節連假。

2026/6/20

今日風情 20260620

2026年6月20日,星期六,端午節連假。

2026/6/19

今日風情 20260619

2026年6月19日,星期五,端午節連假。

2026/6/17

LangChain LangGraph 差別

LangChain LangGraph 差別。

LangChain 語言模型(Model)與智能代理(Agent)的差別

LangChain中語言模型(Model)和智能代理(Agent)的差別。

LangChain 使用語言模型物件

LangChain除了使用init_chat_model函式建立model,也可以使用支援的語言模型類別來建立model。

LangChain model temperature

LangChain使用init_chat_model函式初始化一個model時,可以設定temperature參數,用來控制模型回應的隨機性,數值越大回應越有創造性(隨機性大),數值越小則確定性較高(隨機性小)。。

2026/6/16

日誌 20260617

上班閒得發慌,來記錄一下。

LangChain Hello World

一個簡單的LangChain Hello World範例,本篇以Anthropic Claude API為例。

Python 安裝python-dotenv

Python應用程式時常會需要使用一些外部的環境變數,通常會設定在.env檔案中,而可透過安裝python-dotenv來讀取。

LangSmith 取得API Key

LangSmith取得API Key的方式如下。

LangChain Academy Foundation: Introduction to LangChain - Python Getting Set Up設定

LangChain Academy課程[Foundation: Introduction to LangChain - Python]的Getting Set Up設定。

2026/6/15

LangChain 使用LangSmith監控Agent

使用LangSmith監控Agent的行為。

今日風情 20260612-20260615 澎湖之旅 四天三夜

2026年6月12日 星期五 - 2026年6月15日 星期一,澎湖之旅 四天三夜。

2026/6/11

LangChain 設定ANTHROPIC_API_KEY環境變數

LangChain若要使用Anthropic Claude API,必須設定環境變數ANTHROPIC_API_KEY

LangChain 建立一個實際應用Agent

用LangChain建立一個實際應用Agent(LangChain官網Build a real-world agent範例)。

2026/6/10

Anthropic Claude API 購買Credit

Anthropic Claude API Key要先購買credits(預付)才能使用,購買方式如下。

LangChain 建立一個簡單Agent

用LangChain建立一個簡單的Agent,讓LLM根據使用者輸入決定是否呼叫工具(Tool),再將工具結果整理成自然語言回覆。

Anthropic Claude 取得API key

取得Anthropic Claude的API Key(API金鑰)的方式如下。

LangChain 建立一個LangChain專案

建立一個LangChain專案。

Windows 安裝Python套件管理工具uv

在Windows 11安裝Python套件管理工具uv的過程如下。

2026/6/6

我的減肥秘訣

5月體重減了有4公斤(86.x → 82.x),6月(82.x → 78.x)我的減肥/減重秘訣如下:

2026/5/31

今日風情 20260531

2026年5月31日,星期日。

2026/5/30

今日風情 20260530

2026年5月30日,星期六

2026/5/24

今日風情 20260524

2026年5月24日,星期日。

2026/5/23

2026/5/17

今日風情 20260517

2026年5月17日,星期日。

2026/5/9

今日風情 20260509

2026年5月9日星期六。

2026/5/3

今日風情 20260503

2026年5月3日星期日。

2026/5/2

今日風情 20260502

2026年5月2日星期六。

2026/5/1

今日風情 20260501

2026年5月1日星期五,勞工節放假。

2026/4/29

今日風情 20260429

2026年4月29日星期三。

2026/4/12

今日風情 20260412

2026年4月12日星期日。

2026/4/11

今日風情 20260411

2026年4月11日星期六。

2026/4/5

今日風情 20260405 國立臺灣科學教育館

2026年4月5日星期日,清明連假。

2026/4/4

鄰居噪音處理經驗

處理鄰居噪音的過程記錄,2026/4/4清晨2:00-3:00。

2026/3/29

今日風情 20260329

2026年3月29日星期日。

2026/3/21

今日風情 20260321

2026年3月21日星期六。

2026/3/15

Java Class Windows Git 檔案名稱大小寫不一致的問題

最近在Windows上使用Git碰到Java Class名稱大小寫不一致的問題。

今日風情 20260315

2026年3月15日星期日。

2026/3/10

Claude Code 做個簡單的計算機

用Claude Code做的第一個小東西,簡單計算機。

2026/3/9

AI Agent 開發初體驗

最近嘗試用AI協助將一個舊專案遷移到Spring Boot架構的新專案的體驗。

2026/3/8

2026/3/7

今日風情 20260307

2026年3月7日星期六。

2026/2/28

今日風情 20260228

2026年2月28日星期六。

2026/2/27

今日風情 20260227

2026年2月27日星期五。

2026/2/21

2026/2/20

今日風情 20260220 初四

2026年2月20日星期五,初四。

2026/2/19

今日風情 20260219 初三

2026年2月19日星期四,初三。

2026/2/18

今日風情 20260218 初二

2026年2月18日星期三,初二。

2026/2/17

今日風情 20260217 初一

2026年2月17日星期二,初一。

2026/2/16

今日風情 20260216 除夕

2026年2月16日星期一,除夕。

2026/2/15

今日風情 20260215

2026年2月15日星期日。

2026/2/14

今日風情 20260214

2026年2月14日星期六。

2026/2/12

今日風情 20260212

2026年2月12日星期四。

2026/2/8

今日風情 20260208

2026年2月8日星期日。

2026/2/5

今日風情 20260205

2026年2月5日星期四。

2026/2/4

今日風情 20260204

2026年2月4日星期三。

2026/2/3

今日風情 20260203

2026年2月3日,星期二。

2026/2/2

Spring Boot Controller接收不到請求主體參數

Spring Boot Controller接收不到參數的問題。

2026/1/25

Vue Nuxt 3 刪除訂單

本篇在Vue Nuxt 3專案使用DELETE API刪除資料。

Vue Nuxt 3 Toast通知

本篇在Vue Nuxt 3專案實作Toast通知效果。

今日風情 20260125

2026年1月25日星期日。

2026/1/24

Vue Nuxt 3 新增訂單資料(表單 + POST API)

本篇介紹在Vue Nuxt 3專案使用表單和POST API新增資料。

2026/1/23

Vue Nuxt 3 Skeleton載入中效果

本篇介紹在Vue Nuxt 3專案使用Skeleton來呈現載入中的效果。

2026/1/22

Vue Nuxt 3 分頁

本篇在Vue Nuxt 3專案實作分頁查詢(Pagination)。

2026/1/21

2026/1/20

Vue Nuxt 3 側邊選單權限控管

本篇介紹Vue Nuxt 3的側邊功能選單(Sidebar)的權限控管實作。

2026/1/19

Vue Nuxt 3 登入狀態管理

本篇介紹Vue Nuxt 3的前端登入狀態管理。

2026/1/17

今日風情 20260117

2026年1月17日星期六。

2026/1/15

Vue Nuxt 3 登入驗證

本篇介紹使用Vue Nuxt 3的中間件(Middleware)來做登入驗證。

今日風情 20260115

2026年1月15日星期四。

Vue Nuxt 3 使用路由中間件(Middleware)

本篇介紹Vue Nuxt 3的路由中間件(Route Middleware)的使用。

2026/1/14

2026/1/12

Java Google Map Platform Routes API簡單範例

Java程式呼叫Google Map Platform Routes API的簡單範例

VS Code 建立Spring Boot 3專案

本篇介紹在VS Code中建立Spring Boot 3專案。

2026/1/11

今日風情 20260111

2026年1月11日星期日。

2026/1/10

今日風情 20260110

2026年1月10日星期六。

2026/1/8

2026/1/7

Vue Nuxt 3 抽取共用邏輯為組合式函式(Composables)

本篇把Vue Nuxt 3頁面中的下拉選單的邏輯抽出為Vue 3的組合式函式(Composables)

今日風情 20260107

2026年1月7日星期三。

Vue Nuxt 3 code mapping

本篇把Vue Nuxt 3頁面中的下拉選單改用code mapping的方式改寫。

2026/1/6

Vue Nuxt 3 useFetch 多查詢參數

本篇介紹Vue Nuxt 3的useFetch呼叫API時帶入頁面輸入的多個參數。

Vue Nuxt 3 同步網址列查詢參數

本篇介紹Vue Nuxt 3如何將查詢參數同步到網址列。

Vue Nuxt 3 useFetch 輸入查詢參數

本篇介紹Vue Nuxt 3的useFetch呼叫API時帶入搜尋欄的值為查詢參數(Query Parameter)。

Vue Nuxt 3 useFetch 查詢參數

本篇介紹Vue Nuxt 3的useFetch呼叫API時帶入查詢參數(Query Parameter)。

2026/1/5

Vue Nuxt 3 useFetch error

本篇介紹Vue Nuxt 3的useFetch回傳值的error屬性。

Vue Nuxt 3 useFetch pending

本篇介紹Vue Nuxt 3的useFetch回傳值的pending屬性。

Vue Nuxt 3 使用useFetch從API獲取資料

本篇介紹Vue Nuxt 3的useFetch

Vue Nuxt 3 捕捉所有路由 Catch-all Route

本篇介紹如何在Vue Nuxt 3的捕捉所有路由(Catch-all Route)

Vue Nuxt 3 程式式導航 Programmatic Navigation

本篇介紹如何在Vue Nuxt 3中使用程式式導航(Programmatic Navigation),白話一點就是「使用程式來進行路由頁面跳轉」。

Vue Nuxt 3 動態路由 Dynamic Route

本篇介紹如何在Vue Nuxt 3中使用動態路由(Dynamic Route)

2026/1/4

Vue Nuxt 3 加入側邊選單

本篇在簡單的Nuxt 3網頁加入側邊選單(Sidebar)。

Vue 建立簡單的Nuxt 3網頁

本篇是透過建立一個簡單的Nuxt 3網頁來學習Vue的基礎知識。

今日風情 20260104

2026年1月4日星期日。

2026/1/2

前端CSR和SSR區別

最近學習前端知道原來有分CSR和SSR,差別如下。

Vue 使用pnpm建立Nuxt 3專案

Nuxt是一個基於Vue的框架,透過約定好的專案結構與規範,讓開發者能輕鬆開發支援SPA(Single Page Application,單頁應用程式)、SSR(Server-Side Rendering,伺服器渲染)與SSG(Static Site Generation,靜態網站生成)的應用,並自動處理路由設定。

使用pnpm建立Nuxt 3專案的方式如下。

2026/1/1

Windows 11 關閉智慧型應用程式控制 (Smart App Control)

Windows的「智慧型應用程式控制 (Smart App Control)」我不知道能提高什麼安全性,我只知道在安裝應用程式或軟體時常會造成問題。

Vue 使用Vite建立Vue專案

Vite是可以快速建置Vue專案的工具,建立方式如下。

Windows 11 安裝nvm

Windows 11安裝node版本管理工具nvm的方式如下。

AdSense