Github Copilot支援Anthropic Claude 3.7 Sonnet


AI圈子昨天發了新消息，就是Anthropic 發佈了新 Claude 3.7 Sonnet，為首個混合推理模型提供標準和擴展思考兩種模式並支援近乎即時回應或展示逐步思考過程

延伸閱讀: laude 3.7 Sonnet發佈：別提什麼AGI，我Anthropic要賺企業客戶的錢！

2025年回顧


重新回到興農集團體系下的軟體公司，已經近十年(實際是9.6年)。
2025年的職銜從專案經理成了專業處長。
從一開始的delphi 開發到.net ~
從原先接觸的POS系統到流通、零售、餐飲，一直到ERP系統的會計/預算/人事薪資/票據，到政府財會/預算以及智慧農業
整個重心除了.net 開發與架構設計外，增加了ai相關的技能樹

.net core 畫出奇門遁甲九宮圖

透過.net 做一個可以載入圖片，然後在圖片上寫字的功能。
這邊是以底圖(九宮圖.jpg)
然後依照x,y座標畫上文字的方式

程式碼

public void ProcessImage()
{
/*
* //Install-Package System.Drawing.Common
* using System.Drawing;
* using System.Drawing.Imaging;
* using System.Drawing.Text;
* using System.IO;
* using System.Drawing;
*/
// 創建一個新的 1024x768 的圖片
using (Bitmap newImage = new Bitmap(1024, 768))
using (Graphics g = Graphics.FromImage(newImage))
{
// 設置文字渲染品質
g.TextRenderingHint = TextRenderingHint.AntiAliasGridFit;

// 讀取原始圖片
using (Image sourceImage = Image.FromFile(Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "九宮圖.jpg")))

{
// 將原始圖片繪製到新圖片上
g.DrawImage(sourceImage, 0, 0, 1024, 768);
}

// 創建字體
string fontPath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "字型.ttf");

PrivateFontCollection privateFont = new PrivateFontCollection();
privateFont.AddFontFile(fontPath);
using (Font customFont = new Font(privateFont.Families[0], 25))
{
// 創建黑色畫筆
using (SolidBrush blackBrush = new SolidBrush(Color.Black))
{
// 繪製所有文字
string message;

// 巽4宮
message = "　 太陰\n　 休門 辛\n　 天心 癸\n 巽4宮";
g.DrawString(message, customFont, blackBrush, 181, 114);

// 震3宮
message = " 六合\n　 開門 庚\n　 天柱 丁\n 震3宮";
g.DrawString(message, customFont, blackBrush, 181, 314);

// 艮8宮
message = " 白虎\n壬一 開門 庚\n天禽 天柱 丁\n 艮8宮";
g.DrawString(message, customFont, blackBrush, 181, 534);

// 離9宮
message = " 騰蛇\n 生門 乙\n 天蓬 戊\n 離9宮";
g.DrawString(message, customFont, blackBrush, 418, 114);

// 中5宮
message = " \n \n 壬\n 中5宮";
g.DrawString(message, customFont, blackBrush, 418, 314);

// 坎1宮
message = " 玄武\n 死門 戊\n 天英 乙\n 坎1宮";
g.DrawString(message, customFont, blackBrush, 418, 534);

// 坤2宮 (注意這裡字體大小是30)
using (Font largerFont = new Font(privateFont.Families[0], 30))
{
message = " 值符\n 傷門 己\n 天任 丙\n 坤2宮";
g.DrawString(message, largerFont, blackBrush, 648, 114);
}

// 兌7宮
message = " 九天\n 杜門 丁\n 天沖 庚\n 兌7宮";
g.DrawString(message, customFont, blackBrush, 648, 314);

// 乾6宮
message = " 九地\n 景門 癸\n 天輔 辛\n 乾6宮";
g.DrawString(message, customFont, blackBrush, 648, 534);
}
}

// 保存圖片
string fileName = DateTime.Now.ToString("yyyyMMddHHmmss") + ".jpg";
string savePath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "imagemake", fileName);
newImage.Save(savePath, ImageFormat.Jpeg);
}

地震警報批次檔通知到line notify或官方推播方式

最近地震頻傳，但因為工作關係不見得都在電腦旁~於是思考另一種方式。把程式另存成ansi的bat檔案

一、使用line notify

@echo off
:: 檢查是否提供了兩個參數
if "%1"=="" goto usage
if "%2"=="" goto usage

:: 將參數存入變數
set magnitude=%1
set seconds=%2

:: 檢查震度是否大於 2
if %magnitude% LSS 2.0 (
echo 震度小於2.0，不發送通知
goto end
)

:: LINE Notify
set LINE_TOKEN=你的line notify token

:: 準備訊息內容
set "message=地震警報！ 震度: %magnitude%, 預計抵達時間: %seconds%秒"

:: 使用 curl 發送 LINE Notify
curl -X POST https://notify-api.line.me/api/notify ^
-H "Authorization: Bearer %LINE_TOKEN%" ^
-F "message=%message%"

if %ERRORLEVEL% EQU 0 (
echo LINE通知發送成功！
) else (
echo LINE通知發送失敗...
echo 錯誤代碼: %ERRORLEVEL%
)
goto end

:usage
echo 使用方式: %0 震度 秒數
echo 範例: %0 6.0 30

:end

二、官方帳號推播給個人

@echo off
:: 檢查是否提供了兩個參數
if "%1"=="" goto usage
if "%2"=="" goto usage

:: 將參數存入變數
set magnitude=%1
set seconds=%2

:: 檢查震度是否大於 2
if %magnitude% LSS 2.0 (
echo 震度小於2.0，不發送通知
goto end
)

:: LINE Messaging API 設定
set CHANNEL_TOKEN=你的chaneel token
set USER_ID=你的id

:: 使用 curl 發送訊息 (使用單引號並直接寫入JSON)
curl -v -X POST https://api.line.me/v2/bot/message/push ^
-H "Content-Type: application/json" ^
-H "Authorization: Bearer %CHANNEL_TOKEN%" ^
-d "{\"to\":\"%USER_ID%\",\"messages\":[{\"type\":\"text\",\"text\":\"地震警報！震度:%magnitude%,預計抵達時間:%seconds%秒\"}]}"

if %ERRORLEVEL% EQU 0 (
echo LINE訊息發送成功！
) else (
echo LINE訊息發送失敗...
echo 錯誤代碼: %ERRORLEVEL%
)

goto end

:usage
echo 使用方式: %0 震度 秒數
echo 範例: %0 6.0 30

:end

25 個 JavaScript 新特性，讓你的程式碼更簡潔、更強大！

JavaScript 作為最受歡迎的程式語言之一，隨著 ECMAScript 標準的持續更新，為開發者帶來了許多實用又強大的新功能。不管你是新手還是老手，這些新特性都能幫助你寫出更簡潔、更高效的程式碼！以下精選了 25 個超實用的 ES 新特性，一起來看看吧！

1. 可選鏈操作符（Optional Chaining）

告別繁瑣的空值檢查，只需用 ?. 就能輕鬆處理物件屬性訪問。

javascript

// 傳統寫法
const street = user && user.address && user.address.street;

// 新寫法
const street = user?.address?.street;

2. 空值合併運算符（Nullish Coalescing）

用 ?? 處理 null 或 undefined 的預設值設定。

javascript

const value = null;
const defaultValue = value ?? 'default'; // 結果為 'default'

3. 私有類字段（Private Class Fields）

用 # 宣告私有字段，讓封裝性更強。

javascript

class Person {
#name;
constructor(name) {
this.#name = name;
}

getName() {
return this.#name;
}
}

4. 動態匯入（Dynamic Import）

按需載入模組，提升應用效能。

javascript

button.addEventListener('click', async () => {
const module = await import('./feature.js');
module.doSomething();
});

5. Array.prototype.flat() 和 flatMap()

輕鬆展平嵌套陣列。

javascript

const nested = [1, [2, 3], [4, [5, 6]]];
const flattened = nested.flat(2); // 結果為 [1, 2, 3, 4, 5, 6]

6. 物件字面量增強

更簡潔的物件屬性與方法定義。

javascript

const name = 'Tom';
const age = 18;
const person = {
name,
age,
sayHi() {
console.log('Hi!');
}
};

7. Promise.allSettled()

等待所有 Promise 完成，不管成功或失敗。

javascript

const promises = [
fetch('/api/1'),
fetch('/api/2'),
fetch('/api/3')
];

const results = await Promise.allSettled(promises);

8. BigInt

處理超大整數。

javascript

const bigNumber = 9007199254740991n;
const result = bigNumber + 1n;

9. globalThis

統一的全域物件存取方式。

javascript

console.log(globalThis);

10. String.prototype.matchAll()

更強大的字串匹配功能。

javascript

const str = 'test1test2test3';
const regexp = /test(\d)/g;
const matches = [...str.matchAll(regexp)];

11. 邏輯賦值運算符

簡化條件賦值操作。

javascript

複製
x &&= y; // 等同於 x && (x = y)
x ||= y; // 等同於 x || (x = y)
x ??= y; // 等同於 x ?? (x = y)

12. Promise.any()

返回第一個成功的 Promise。

javascript

const promises = [
fetch('/api/1'),
fetch('/api/2'),
fetch('/api/3')
];

try {

const first = await Promise.any(promises);
console.log(first);
}
catch (error) {
console.log('All promises rejected');
}

13. 數字分隔符

提高大數字的可讀性。

javascript
const billion = 1_000_000_000;
const bytes = 0xFF_FF_FF_FF;

14. String.prototype.replaceAll()

一次替換字串中所有的匹配項。

15. WeakRef 和 FinalizationRegistry

更好的記憶體管理方式。

16. 頂層 await

在模組的頂層直接使用 await。

17. 類靜態初始化塊

更靈活的類靜態成員初始化。

18. at() 方法

更直觀的陣列索引訪問。

javascript
const arr = [1, 2, 3];
console.log(arr.at(-1)); // 結果為 3

19. Object.hasOwn()

更安全的屬性檢查方法。

20. 錯誤原因（Error Cause）

更好的錯誤追蹤。

21. Array.prototype.group()

方便的陣列分組操作。

22. 正則表達式命名捕獲組

更清晰的正則匹配結果。

23. Promise.withResolvers()

更優雅的 Promise 操控方式。

24. Array 複製方法

不修改原陣列的情況下進行操作。

javascript

const arr = [1, 2, 3];
const copy = arr.toReversed(); // 複製並反轉
const sorted = arr.toSorted(); // 複製並排序

25. 裝飾器

增強類與類成員的功能。

javascript

function logged(target, context) {
return class extends target {
exec(...args) {
console.log('Starting execution...');
const result = super.exec(...args);
console.log('Finished execution.');
return result;
}
};
}

@logged
class Example {
exec() {
// ...
}
}

這 25 個 JavaScript 新特性不僅讓程式碼更簡潔，也讓開發過程更加流暢！快把它們用到你的專案中，提升程式碼品質吧！

透過azure openai / openai api with vision功能，讓人工智慧看懂圖片

做了個小玩具  網址: https://shoushan.happyweb.com.tw

上傳圖片後，可以做出

一、依照圖片內容生成商品文案給社群小編行銷

二、人工智慧ai 描述辨識圖片

三、上傳餐廳、飲料店等菜單，透過ai辨識回傳json

四、行為偵測，例如上傳照片 讓ai看看有沒有犯法或違法

五、上傳一張網頁的圖片/手繪的prototyp，然後生成規格書與欄位內容，最後搞出一個前端的prototype

c# 即時錄音送至openai whisper 翻譯/逐字稿

最近試著做即時翻譯這件事，透過安裝naudio。把麥克風聲音錄下後，每10秒轉成一個檔案上傳至open AI whisper做即時翻譯或逐字稿：


private const string API_KEY = "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
private const string API_URL = "https://api.openai.com/v1/audio/transcriptions";
var waveIn = new WaveInEvent();
waveIn.WaveFormat = new WaveFormat(16000, 1);

var buffer = new MemoryStream();
var writer = new WaveFileWriter(buffer, waveIn.WaveFormat);

//var writer = new WaveFileWriter(new DisposeStream(buffer), waveIn.WaveFormat);

waveIn.DataAvailable += async (sender, e) =>
{
writer.Write(e.Buffer, 0, e.BytesRecorded);
if (buffer.Length > 16000 * 2 * 10) // 每10秒
{
var audioData = buffer.ToArray();
buffer.SetLength(0);
buffer.Position = 0;
await SaveAudioChunkAsMp3(audioData, waveIn.WaveFormat);
await SendAudioChunk(audioData);
}
};

Console.WriteLine(“開始錄音。按任意鍵停止…”);
waveIn.StartRecording();
Console.ReadKey();

waveIn.StopRecording();
writer.Dispose();
buffer.Dispose();

static async Task SendAudioChunk(byte[] audioData)
{
using var httpClient = new HttpClient();
httpClient.DefaultRequestHeaders.Add(“Authorization”, $”Bearer {API_KEY}”);

using var content = new MultipartFormDataContent();
content.Add(new ByteArrayContent(audioData), “file”, “audio.wav”);
content.Add(new StringContent(“whisper-1”), “model”);
content.Add(new StringContent(“language”), “zh-hant”);

var response = await httpClient.PostAsync(API_URL, content);
var result = await response.Content.ReadAsStringAsync();
Console.WriteLine($”Transcription: {result}”);
}

理解c# 程式非同步async 跟await

隨著軟體開發的進步，以及硬體效能不斷增加，非同步程式設計是現代程式開發很重要的技術。在c# 主要以async 與await 二個關鍵字，讓非同步更直觀與容易管理。

非同步程式設計是允許程式在等待其他非阻塞任務操作完成時，能繼續執行其他任務的一個技術。能提高系統的回應性以及性能，尤其在處理高併發請求或者是耗時間的操作上。

async關鍵字

這個關鍵字主要用宣告這個方法是非同步的，但它不會去啟動一個新的執行緒，而是告訴compiler該下來的方法會有await的關鍵字，compiler需要為這個方法支持非同步的操作。

而async主要是宣告方法，而且只能回傳Task、Task<TResult>、void一起使用，但不建議void。

await關鍵字

awiat 是用來等待非同步操作完成用的關鍵字，只能在有宣告asyncASYNC的方法內部，compliler遇到await ，會將方法中其他部門註冊為等待任務延續，然後立既返回user。


using System;
using System.Net.Http;
using System.Threading.Tasks;

class Program
{
static async Task Main(string[] args) // Main也可以非同步的
{
try
{
string content = await DownloadContentAsync(“https://example.com”);
Console.WriteLine(content.Substring(0, 100));
}
catch (Exception ex)
{
Console.WriteLine($”An error occurred: {ex.Message}”);
}
}

static async Task DownloadContentAsync(string url)
{
using (HttpClient client = new HttpClient())
{
HttpResponseMessage response = await client.GetAsync(url); // 透過非同步取得
response.EnsureSuccessStatusCode(); // 確定回應碼是是正確
return await response.Content.ReadAsStringAsync(); // 透過非同步取得回傳內容作回應
}
}
}

上面的例子中，透過await 關鍵字 donwloadcontentasync 的方法，不會阻塞主執行緒，而是允許程式在等網路回應時繼續執行其他任務

非同步的異常處理

在處理非同步的異常，可以用try catch 來await 。而非同步方法在拋出異常時，會封裝在回傳的Task 裡。

注意的事

避免在非同步用.Result 跟 wait() 會導致死結與效能問題

非同步方法會盡可能快速回傳，避免在非同步的方法裡執行需長時間運行的同步程式，會造成執行緖阻塞。
確實處理非同步中會發生的異常，避免程式崩潰與資料損毀

聊架構 – 大型網站設計中多人上線指標Transactions Per Second(TPS)定義

大型網站的架構設計中，主要都是以同一時間系統能處理大量網頁請求或處理任務的能力當標準值。假設說，五月天的演唱會訂票系統瞬間會有大量搶票、支付，或是系統同時會有幾十萬客戶上線，這種有機會讓系統癱瘓掉的都屬於「高併發」。
而高併發衡量的指標主要是以”Transactions Per Second(TPS)”就是每秒處理交易數量，就如同剛才說的五月天演唱會搶票，以2024年6月統計7-11有12000家同時有人搶票，就算是高併發的一個場景。
一般而言TPS 落在1000-5000 屬於具有一定程度的併發，而5000以上就算高併發，像50000以上就屬於超大型網站會遇到的超高併發了。
要支撐這樣的場景，需要採用許多高併發的技術方案。
一、分散式架構
將系統的負載分散到多個伺服器的節點，提高擴展與可靠性。例如:增加伺服器的數量

二、微服務架構

把系統從單體拆分成相互獨立的服務，系統各自有自己的業務功能，彼此間透過RPC HTTP 做通訊。而每個微服務可以根據流量/負載做水平擴增。微服務的好處還可以獨立部署或擴增，減少耦合。

三、Cche機制

透過減少直接連接資料庫來提高回應速度，降低伺服器與資料庫的壓力。而用最多的莫過於使用redis 集群方式來擴展性能。把會頻繁查詢的資料，像商品、會員等放在記憶體中，提高併發量。

四、Load Balance 負載平衡

把客戶端的請求分配到不同伺服器，避免單一台伺服器過載，例如像nginx、HAProxy、F5等技術。而負載平衡有三種主要的策略來做分配

  • 輪詢：依順序把請求配到每一台伺服器
  • 權重：根據伺服器效能設定不同權重，能者多勞（不是過勞喔）的意思
  • IP Hash:透過請求的IP來分配，把同一個IP分配到同一台，這樣可以讓Session保持

五、流量的削峰

這是常用到的方式，避免瞬間大量沖垮服務過載。常用的方法是透過佇列的排隊來處理，比方說放到MQ這種訊息佇列來做承受大流量。

六、限流

透過限制請求的速率，主要有Token Bucket、Leaky bucket或計數器三種演算法

可參考:[Architecture] 架構設計 – 限流策略 Rate Limiting Strategies

七、熔斷

當某服務故障、過慢，熔斷機制可臨時中斷請求，避免影響

八、降級

關閉一些非核心的服務，降低系統壓力。

C# 進階概念釐清


一、瞭解IEnumerable 以及 ICollection
不允許資料被修改操作用前者，後者可以

二、要寫低耦合可測試的程式，使用DI
透過依賴注入可以簡單管理class間的依賴關係
三、參數使用ref 與out 的差別
ref 傳給方法的參數要先初始化，方法可修改值;out不需初始，但一定要回傳值
四、透過async await 來提高程式的效能
async允許非同步執行;await透過不阻塞主thread來update ui
五、錯誤處理機制
一般使用try catch 。全局時可以透過app.UseExceptionHandler統一處理

六、appsettings.json 搭配環境來劃分

七、task與thread
thread單執行緒;taskTA是非同步的抽象，與async/await一起服用