AI 話題每天聽的到，不過 ChatGPT 的熱潮或許稍有些退燒，但這只代表它的應用與學習潛力還有很大的空間可以發展。當其他人可能轉移注意力時，堅持不懈地學習，你將有機會在未來遠遠超越他們。本篇將帶你探索一些不同的應用方式，繼續挖掘ChatGPT的潛力。
例如，你可以讓ChatGPT協助建立Google表單使用的規則運算式。這將使得表單填寫更加智能化和便捷。ChatGPT能夠幫助你設計適合特定場景的規則，讓表單的填寫和收集資料更加高效，同時減少錯誤。
此外，你還可以透過中央氣象局的API建立一個網頁，用於顯示即時的天氣資訊。這將使你的網頁更加生動和有趣，同時提供了有價值的天氣資訊給使用者。利用ChatGPT和API技術，你能夠輕鬆地整合和展示天氣資料，為使用者提供更好的使用體驗。
1. 建立 Google 表單使用的規則運算式
在使用 Google 表單時，設計者可能必須限製使用者能輸入的內容。例如：Email、網址、日期和時間等，如果你要限制輸入像是身分證字號的內容，該如何處理？你可以請 ChatGPT 協助。
提問：在Google表單中一個問題要使用簡答文字，請為我設計回應驗證的「規則運算式」，可以限制輸入共10碼，第1碼限大寫英文字，第2碼至第10碼為數字。
得到：^[A-Z]\d{9}$，將此表示式複製後，貼至 Google 表單。
如此便可以限制使用者輸入的內容。
2. 建立可以顯示現在天氣資訊的網頁
如果想要建立一個HTML網頁可以顯示目前的天氣資訊，該如何處理？你可以請 ChatGPT 協助。
提問：我要一段JavaScript程式，可以串接中央氣象局的API，並顯示目前台北天氣的程式。
你必須先向中央氣象局申請 API 的 KEY，並將該段程式複製到記事本，再將你的 KEY 填入程式中，將檔案另存新檔為 .html 格式。
執行這個程式，可以得到結果。這是由氣象局 https://opendata.cwb.gov.tw/ 透過 API 取得的資訊。
以下詳列 ChatGPT 的回應：
當使用JavaScript來串接中央氣象局的API時，你需要先獲取API的授權金鑰（API Key），然後使用AJAX或Fetch等技術來向API發出請求，並處理API返回的數據來顯示目前台北天氣的程式。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>台北天氣查詢</title>
</head>
<body>
<h1>台北目前天氣</h1>
<div id="weather-info"></div>
<script>
// 你的中央氣象局API授權金鑰
const apiKey = 'YOUR_API_KEY';
// 中央氣象局API的網址
const apiUrl = `https://opendata.cwb.gov.tw/api/v1/rest/datastore/O-A0003-001?Authorization=${apiKey}&locationName=臺北`;
// 使用Fetch API向中央氣象局API發出請求
fetch(apiUrl)
.then(response => response.json())
.then(data => {
// 處理API返回的數據
const location = data.records.location[0];
const weatherElement = location.weatherElement;
const temperature = weatherElement.find(element => element.elementName === 'TEMP').elementValue;
const humidity = weatherElement.find(element => element.elementName === 'HUMD').elementValue;
const weatherDescription = weatherElement.find(element => element.elementName === 'Weather').elementValue;
// 在網頁中顯示天氣資訊
const weatherInfoDiv = document.getElementById('weather-info');
weatherInfoDiv.innerHTML = `
<p>溫度：${temperature}℃</p>
<p>濕度：${humidity}%</p>
<p>天氣描述：${weatherDescription}</p>
`;
})
.catch(error => {
console.error('發生錯誤：', error);
const weatherInfoDiv = document.getElementById('weather-info');
weatherInfoDiv.innerHTML = '無法取得天氣資訊';
});
</script>
</body>
</html>
請將程式碼中的YOUR_API_KEY替換為你的中央氣象局API授權金鑰。這個程式會向中央氣象局API發送請求，並在網頁中顯示目前台北的天氣資訊，包括溫度、濕度和天氣描述。注意，中央氣象局的API可能有限制，請遵守相關使用規則。
當你把程式中的「臺北」或「台北」都改成「臺南」時，則顯示的就是臺南的天氣即時資訊。（其中天氣描述傳回錯誤訊息）
關於中央氣象局開放資料平臺提供各式資料，請參考：
https://opendata.cwb.gov.tw/devManual/insrtuction
留言列表