菜鳥工程師肉豬: 2026

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公斤，我的減肥/減重秘訣如下：

2026/5/31

今日風情 20260531

2026年5月31日，星期日。

2026/5/30

今日風情 20260530

2026年5月30日，星期六

2026/5/24

今日風情 20260524

2026年5月24日，星期日。

2026/5/23

ESP32-DevKitC 開發板初探

購買ESP32-DevKitC連接到電腦的紀錄。

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

Windows 11 安裝Claude code

Windows 11安裝Claude Code方式如下。

2026/3/7

今日風情 20260307

2026年3月7日星期六。

2026/2/28

今日風情 20260228

2026年2月28日星期六。

2026/2/27

今日風情 20260227

2026年2月27日星期五。

2026/2/21

今日風情 20260221 中正紀念堂

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

Vue Nuxt 3 使用Page Meta管理頁面角色存取

本篇介紹Vue Nuxt 3使用Page Meta來管理頁面的角色存取。

AI 時代的工程師困境：從 Vibe Coding 到產業斷層

Powered by ChatGPT

Vue Nuxt 3 登出

本篇介紹Vue Nuxt 3的登出(Logout)實作。

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

Java Google Map Platform Maps Static API 範例

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

2026/1/13

Java Google Map Platform Routes API computeRouteMatrix簡單範例

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

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

Vue Nuxt 3 抽取下拉選單為元件(Components)

本篇把Vue Nuxt 3頁面中的下拉選單抽出為元件/組件(Components)。

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的方式如下。

訂閱：文章 (Atom)