.NET開發資料庫應用系統全方位－ADO.NET與Entity Framework(.NET Core)攻略
104學習
Visual Studio .net
這項技能代表具備使用微軟整合開發環境（IDE）進行軟體開發的能力，特別是針對.NET平台的應用程式設計與維護。擁有此能力的人通常能高效撰寫、除錯及部署C#、VB.NET等語言的程式碼，適用於企業內部系統、網站及桌面應用的開發。此技能在台灣軟體業需求穩定，對於進入資訊服務、金融科技或製造業的數位轉型專案非常有幫助，能提升工作效率與程式品質。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
（最新版.NET 6）ASP.NET Core MVC 無痛快速上手
ASP.NET MVC 無痛快速上手
ASP.NET MVC 欄位驗證完全攻略
C# .Net Framework系統基礎實作攻略
.NET 委派實戰教學：讓您真正會用 LINQ、Expression
C# 從零開始前進.NET物件導向程式全攻略
GA4 x Looker studio跨資料源整合＆動態報表實戰｜104獨家
R語言/R-Studio入門─統計分析、資料探勘與機器學習的原理與實戰演練
JSP + Servlet | 吳永志Java Web 技術開發
精選證照
考取專業證照，讓能力被市場看見
MCSD for .NET
MCSD for .NET 證照代表具備使用微軟.NET技術進行應用程式開發的專業能力，涵蓋前端與後端設計、Web服務及資料庫整合等技能，適合軟體工程師與系統開發人員提升職場競爭力。持有此證照表示熟悉Visual Studio開發環境，能運用C#、ASP.NET等技術完成企業級應用，符合現代軟體開發需求。
尚未查核發照單位
Generative AI Studio
線上課程約8小時
本課程將介紹 Vertex AI 上的 Generative AI Studio，說明如何用此產品設計生成式 AI 模型的原型及自訂生成式 AI 模型，以利您在應用程式中使用模型的功能。課程中，您可以透過 Generative AI Studio 示範教學逐步認識 Generative AI Studio，並瞭解產品功能、選項與使用方式。課程最後，您可以在實作研究室應用所學，並進行測驗來評估學習成果。
完成此活動，贏取徽章！向世界展示您掌握的技能，拓展雲端領域的職業之路。
課程目標：
● 說明 Generative AI Studio 的功能。
● 介紹 Generative AI Studio 的選項。
● 使用 Generative AI 語言工具。
Google
TQC+ ASP.NET網站程式開發專業人員
為提供產業界符合新時代的專業人才，認證依照職場人才需求趨勢推動「TQC＋專業設計人才認證」，藉由嚴謹的認證職能體系架構與專業完善的考試服務，培育出符合企業職場需要的人才。
財團法人中華民國電腦技能基金會
程式設計Visual Basic 2008
Visual Basic 2008證照驗證持有者具備使用Visual Basic 2008開發應用程式的基本能力，涵蓋程式設計語法、物件導向概念、事件驅動設計及資料庫連接等技能。證照強調實務操作與問題解決能力，適合希望從事軟體開發、系統維護及相關資訊工作者，提升就業競爭力與專業技術水準。
財團法人中華民國電腦技能基金會
物件導向視窗及資料庫程式設計 (Java/C#/VisualBasic)
「物件導向視窗及資料庫程式設計」證照核心旨在驗證開發者融合物件導向理論、視窗圖形使用者介面與資料庫應用的綜合實務能力。不論使用 Java、C# 或 Visual Basic 語法，持證者皆具備利用類別與物件建構視窗應用程式的技術，並能熟練處理事件驅動程式設計。此外，持證者亦精通資料庫連線、SQL 指令操作及資料存取邏輯，具備將前台介面與後端資料庫無縫整合的關鍵職能，是企業評估現代視窗軟體開發與資料庫應用人才的專業客觀指標。
尚未查核發照單位
NetBeans IDE
Sun NetBeans IDE 認證專家，是一項針對使用 NetBeans IDE 開發 Java 桌面及 Java Web 應用程式，具備廣泛經驗之程式設計師的認證。贏得此認證，為程式設計師能夠在此 IDE 中建置與設定複雜專案，且使用此 IDE 工具以設計、編碼、測試及剖析應用程式，提供明確的驗證。此測驗包含選擇題與情節式題型，且需要 NetBeans IDE 6.1 之廣泛知識。
Oracle
精選貼文，掌握第一手知識
Vibe Coding × ASP.NET Core LLM 開發實戰班
AI 時代，程式不只是寫，還能「聊」出來！
學會 Vibe Coding，
讓你用自然語言操控程式、生成 API、打造 AI Agent，
真正結合後端工程 + AI 實戰。
🌟 你將學到
✅ 精通 C# / ASP.NET Core（MVC、API、雲端部署）
✅ LLM × Vibe Coding 實戰，從 Prompt 到應用落地
✅ AI Agent 開發、NLP、影像辨識、模型部署
✅ 使用 Azure / VS Code / Cursor 實作
✅ 分組 Side Project，實務專題製作
💡 課程特色
1⃣️ 小班真人線上（10 人以下），Discord 即時答疑。
2⃣️ 避開平日上班時間，便於在職者學習。
3⃣️ 全程錄影，缺課可回放
4⃣️ 真實專案模擬業界開發流程
🎯 適合誰？�想成為 AI 工程師的畢業生
✅ 有基礎的在職工程師
✅ 企業中高階主管。
✅ 創業想做 MVP 的產品人。
🗓️ 開課資訊
預計開課：2025/12月 平日晚上（日期另行公告）
課程時數：共計288小時 / 約32週
上課方式：全線上
⚡ 名額有限，立即報名，搶先升級你的開發力！
報名連結👇
https://user135527.pse.is/7ze3yz
C# ASP.NET CORE X 智能體工程 開發實戰線上課
過去幾個月，「Vibe Coding」與「Agentic Engineering」正在重塑矽谷的開發邏輯。軟體開發正從「手工業」轉向「指揮官模式」。
身為開發者，你是要繼續在語法細節中掙扎，還是要領先成為學會指揮 AI 智能體（Agent）作戰的架構師？
X School 再次突破業界框架，帶來【全台首創】的實戰課程。
我們不只單純教Vibe Coding，
更要帶你掌握智能體工程開發精髓。
將特斯拉前 AI 主管倡導的開發思維，深度植入日常的專案開發。
這不是實驗，這是即將發生的產業革命。
🚀 為什麼這堂課值得學習？
✨全台首創： 唯一整合 Vibe Coding 與智能體工程（Agentic Engineering）的系統化課程。
✨拒絕黑盒： 解決 AI 隨機生成的技術債，掌握可驗證、可管理的開發流程。
✨實戰導向： 從 建立 AI 協作開發思維、精通 AI 驅動的 SQL 資料庫技術、掌握最新 AI Coding 工具、開發具備執行力的 AI Agent 核心、實現 OCR 企業進銷存自動化到打造全天候 Line Bot 智能助理，5 件成品帶你直接對接產業需求。
✨小班精修： 為了確保教學品質，本班上限僅 15 人。
AI 不會取代工程師，但會取代不會用 AI 開發的工程師。
【60 小時掌握 AI 核心實力】
👉早鳥優惠實施中，現省 NT$14,400
👉名額僅 15 位，我們只留給最渴望掌握未來技術的人。
🔥 手刀搶佔先機，成為企業爭奪的頂尖人才！
立即報名👇
https://user135527.pse.is/8yxtn4
CATIA Visual Scripting 晶格鞋CAD案例分享
CATIA Visual Scripting 晶格鞋CAD案例分享
https://www.tw-qingteng.com/CATIA_V5/catia_succe_7.html
案例具體效益
1.打破生產技術對創意的限制，實現品牌的創新需求，放大設計過程，提高創意靈活性，並探索更多設計替代方案或各種複雜的3D圖案紋樣式。
2. 縮短產品開發時程，8分鐘可更換現有花紋至其他3D CAD造型上。重複使用設計演算法，最大程度提高團隊效率和協作能力，並降低人為繪製所造成的品質瑕疵風險。
3. 透過演算法直接繪製重複造型或花紋，維持產品質量和造型一致性。
2.png)
TikTok 在 TikTok Studio 應用程式中加入貼文安排
TikTok 在其 TikTok Studio 管理工具中加入了貼文安排的功能。
1️⃣ 用戶可以更輕鬆地在一個地方管理所有 TikTok 貼文和分析流程
2️⃣ 該工具提供了編輯和預定更新貼文的功能
3️⃣ 提供內容的完整總覽，以及分析和貨幣化監控工具
————————————————————
想看更多數位社群專業文章與服務
歡迎搜尋：Steven 數位社群行銷研究室
🤝 各單位邀課或行銷需求：歡迎私訊聯絡！
或洽 smallballmj@gmail.com
AI 賦能的數據分析工具：Looker Studio x Gemini
看到一支關於Looker Studio結合Gemini的影片，當時看到影片覺得真的是太棒了，可以運用AI對話直接做視覺化報表與數據分析。
整理了行銷人最常用的Looker Studio跟Gemini的介紹，包含對話式分析、智慧報表，掌握AI行銷數據分析的新趨勢。
文章內容從能「對話」的 AI 分析助手出發，探討內容如下：
◼Gemini與Looker Studio介紹
◼Looker Studio x Gemini視覺化報表生成
◼對行銷決策與資料洞察的觀點
👉 看完整文章：https://jasondiginote.com/lookerstudio-gemini-ai-analytics/
.NET 開發者必看！學會滲透測試思維，加速修補資安漏洞並提升系統穩定性
恆逸開課時間查詢：https://www.uuu.com.tw/Course/Show/1501/1
恆逸學員徐英智：
C# 全端開發兼顧穩定與資料安全
我目前在一家以軟體開發為主的科技公司擔任全端工程師,主要使用 C# 和 .NET 平台開發各類應用程式。工作上,我負責的範圍涵蓋後端系統架構設計到前端畫面的串接。我也會與美編人員、測試人員一起討論技術方案,並處理系統整合的問題。我們的客戶大多是公部門,因此系統在穩定性、擴充性及資料安全方面的要求都非常高。
🎯 藍紅軍攻防實務滿足工作所需
公司正在計畫投標更多不同領域的專案,在證照要求上需要有更多同事擁有 C# 相關證照。我覺得這門課最大的吸引力是內容非常完整,從防禦到攻擊的部分都有涵蓋,特別是針對藍軍防禦與紅軍攻擊等主題,都有搭配實務講解。這些正好是我目前工作上非常需要了解的內容。
🛡️ 從攻擊視角掌握資安防護精髓
講師的教學方式非常豐富,不只侷限於課本內容,而是從多個角度搭配實際案例來說明重點。印象最深的是在講解「程式撰寫的資安防護」時,講師不只是單純地說明理論與原則,而是透過實際的攻擊範例,來展示網站在有防護與沒防護時的差別。透過這樣的實作演示,我能夠更直觀地理解各種漏洞的成因與攻擊手法,也學會了如何在開發階段就建立正確的安全意識。這對我特別有幫助,因為我在工作中經常需要修補系統漏洞、分析滲透報告。課程讓我更清楚地了解滲透測試人員在檢測時的思維與方式,能更有效地從防禦角度思考問題,預先避免潛在風險。這樣的實務教學方式,讓我在資安防護上不再只是照著規範執行,而是真正了解背後的邏輯與意義。
🔍 Proxy 工具實戰應用發現潛在弱點
讓我印象深刻、甚至覺得意想不到的收穫,是學到了 Proxy 工具在滲透測試中的進階應用。以前我只知道這類工具能攔截封包做基本分析,但在課程中,講師深入示範了如何利用 Proxy 來模擬實際攻擊、測試網站的安全防護機制,這才讓我意識到這類工具的潛力。透過上課,我發現可以在專案系統上線前,先用這個工具自行進行測試,檢查是否存在漏洞或防護不足的地方,這不僅能提早發現問題,也能減少上線後修補的時間與成本。上完課的隔天,我立刻將這些方法運用到工作中,重新檢查過去負責的專案系統,找出一些過去未注意到的潛在弱點。實務操作的經驗,也幫助我在考證過程中,能更快速地判斷並找到問題的答案。
🚀 資安課程助學員快速理解攻擊手法強化防護爭取升遷
這門課對我工作的幫助可說是立竿見影。回到公司後,我剛好收到幾份滲透測試報告需要修補漏洞,便立刻回想課堂上學到的觀念與技巧。以前看到這類報告時,常需要花時間去理解攻擊手法與漏洞成因,但現在我能更快掌握滲透人員的思維角度,也能準確判斷問題所在,迅速找到程式中需要修補的部分並完成防護強化。更重要的是,這次的學習讓我對資料防護與網路架構的整體概念有了更深入的理解,能夠以更全面的視角來思考系統安全。我現在也能更直觀地提出自己的建議與想法,並主動分享課程中學到的資安觀念與防護技巧。最後,我希望自己能順利在下個月取得 CASE .NET 的證照,爭取公司提供的額外獎勵與升遷機會。
索取課程優惠：https://www.uuu.com.tw/Forms/CourseInfoRequest?courseId=CASENet&mediaSrc=104
AI生成設計趨勢！CATIA Visual Scripting 與Lattice晶格鞋的技術分享
CATIA Visual Scripting 的功能展示以鞋子設計為例
案例影片:https://youtu.be/C9pJOqVeSj8
如何運用 AI演算法 來生成設計，應用在 Lattice晶格鞋 的創新設計上。本影片針對當前的 AI生成設計趨勢，並分享實際案例，幫助設計師和工程師更好地理解如何利用 CATIA 進行產品設計的最佳化。透過對 Lattice晶格結構 的應用分析，你將學到如何結合 CATIA 和 AI技術 來實現更輕量化與高效能的設計方案。
無論你是對 CATIA GGR 功能評估感興趣，還是想了解更多關於 AI生成設計 和 Lattice結構 的應用，本影片都將為你提供豐富的技術分享與實例解析。
#CATIA #Lattice結構 #CATIAGGR #AI生成設計 #VisualScripting #產品設計 #晶格結構 #鞋子設計趨勢 #3dexperience
TikTok 推出 Symphony Creative Studio！一站式 AI 工具重新定義影音創作
影音創作太耗時？TikTok 全新推出的 Symphony Creative Studio，結合強大的 AI 技術，為內容創作者與廣告商提供一站式解決方案！無論是影片生成、多語言配音翻譯，還是數位化身影片，這款工具不僅大幅縮短製作時間，更能節省人力成本。本文將深入介紹 Symphony Creative Studio 的功能與優勢，幫助你快速解決繁瑣的影音製作挑戰！
▍Symphony Creative Studio 是什麼？
Symphony Creative Studio 是 TikTok 最新推出的 AI 工具，專為影音創作者設計，旨在簡化短影片的製作過程。它透過多項創新功能，讓創作者能以更低成本、更高效率產出符合 TikTok 平台特性的高品質短片。無論是品牌經理、廣告商，還是自由創作者，這款工具都能帶來全新的創作體驗。
▍Symphony Creative Studio 的四大核心功能
1. 快速生成＆重置影片
只需提供品牌資訊、圖片或網址，Symphony Creative Studio 即可快速生成專屬的 TikTok 廣告短片>品牌方和中小企業可以利用這項功能快速進入 TikTok 廣告市場，不再需要聘請專業攝影或剪輯團隊。透過自動生成的短片，品牌能快速測試不同的廣告版本，提高廣告轉化率。
2. 數位化身影片
AI 數位化身功能能生成具不同國籍、年齡、語言的角色，幫助品牌輕鬆進行多元化行銷。使用者可選擇角色設定，例如美國年輕人或日本長者，符合目標市場的偏好。這項功能能解決跨國行銷中語言與文化障礙的問題，大幅降低製作地區化內容的門檻。
3. 多語言配音翻譯
Symphony Creative Studio 支援將原始影片快速翻譯成多種語言，並加入專業配音。內容翻譯與配音的費用高昂且耗時，而這項功能讓品牌能快速完成多語版本。特別適合全球化業務，幫助品牌快速擴展到新的市場。
4. 影片編輯工具
快速在影片中加入字幕、音樂與貼圖等，讓內容更符合 TikTok 平台的熱門風格。增加字幕與視覺特效，吸引觀眾更長時間觀看，提升觀看完成率。即使是新手也能快速上手，節省學習高階剪輯軟體的時間。
▍未來功能搶先看
TikTok 宣布將在未來推出更多強大的功能：
自動調整影片節奏與 Hook：讓影片更具吸引力，快速抓住觀眾注意力。
AI 自動生成影片腳本：從腳本到完成短片，真正實現一鍵生成。
▍Symphony Creative Studio 帶來的價值
1. 節省時間與成本
傳統的影音創作需要編輯、剪輯、翻譯等多個專業團隊，Symphony Creative Studio 將這些過程壓縮為一個工具完成，讓品牌經理一人即可搞定整個製作流程。
2. 提升內容創作靈活性
藉由數位化身與多語言翻譯功能，創作者可以快速應對不同市場需求，實現真正的全球化行銷。
3. 降低專業門檻
即使是不熟悉影音製作的創作者，也能透過 Symphony Creative Studio 快速上手，開啟內容創作之路。
▍影音生成 AI 的未來發展
Symphony Creative Studio 不僅是 TikTok 對創作者社群的支持，更是影音生成 AI 的重要里程碑。隨著技術的發展，未來影音生成工具將更智能、更人性化，為創作者帶來更多創作可能性。
如果你是品牌經理、內容創作者或廣告商，Symphony Creative Studio 是一款不容錯過的工具。無論是快速生成廣告影片、多語翻譯，還是運用數位化身創作多元化內容，這款工具都能讓你的創作更上一層樓。現在就進入 TikTok，搶先體驗這款重新定義影音創作的 AI 工具吧！
➤ 立即試用：https://ads.tiktok.com/business/en-US/blog/symphony-creative-studio?ab_version=experiment_2
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
🚀被低估的職場神器？用 Google AI Studio 打造你的「AI 超能力」 (免寫程式也能上手！)
在這個 AI 工具滿天飛的時代，你是否也感到焦慮？別擔心，今天不談複雜的程式碼，我們要聊一個 Google 默默推出，卻可能成為你職涯轉捩點的秘密武器——Google AI Studio。
如果說 ChatGPT 是讓你隨點隨吃的「AI 餐廳」，那麼 Google AI Studio 就是讓你親自下廚的「AI 實驗廚房」。它讓你能在這裡調配出專屬於你的 AI 助手，而且過程比你想像中簡單有趣得多！
🤔 Google AI Studio 到底是什麼？
簡單說，它是一個讓一般人也能快速打造 AI 應用的原型設計工具。
它直接串接了 Google 最強大的 Gemini 模型 🧠。不同於一般的聊天機器人，這裡允許你「設定人設」、「微調參數」，甚至餵給它大量的資料（如整本 PDF 或 Excel 📑），讓它變成一個懂你業務的專屬專家。最重要的是，它的介面直觀，幾乎不需要寫程式 (Low-code/No-code) 就能做出強大的功能。
==========
🎯 為何你的職涯需要它？三大族群的應用攻略
1️⃣ 專業工作者：擺脫瑣碎，成為「流程優化大師」 ⚡
每天被會議記錄、週報、數據分析淹沒嗎？
💡 應用場景：你可以將公司過去一整年的專案報告上傳到 Google AI Studio，建立一個「專案知識庫」。下次老闆問：「上一季 A 產品的行銷成效如何？」不用翻箱倒櫃，直接問你的專屬 AI，它會根據你提供的資料精準回答。
💎 價值：你不再只是「執行者」，而是懂得利用 AI 提升效率的「管理者」。這能大幅展現你的邏輯思維與工具應用能力。
2️⃣ 求職/轉職者：履歷上的「超強亮點」 ✨
還在履歷上寫「精通 Office」嗎？現在最吸睛的關鍵字是「AI 應用能力」。
💡 應用場景：在面試產品經理或行銷職位時，與其空口說白話，不如直接展示：「我用 Google AI Studio 建立了一個『競品分析助手』，能自動抓取並比較市面上的產品差異。」
💎 價值：這證明了你不僅擁抱新技術，還具備解決問題的實戰能力。這絕對比一張普通的證書更能打動面試官。
3️⃣ 外包接案者 (Freelancer)：擴展服務邊界，提高客單價 💰
身為接案者，時間就是金錢。如何用更少的時間產出高品質的作品？
💡 應用場景：
✍️ 文案寫手：建立多個不同風格的 AI 模版（如：嚴肅財經風、活潑社群風），輸入關鍵字即生成初稿，你只需進行潤飾。
💻 工程師/開發者：利用它快速生成 API 程式碼片段，或是用來測試不同 Prompt (提示詞) 的效果，大幅縮短開發週期。
💎 價值：你可以提供「客製化 AI 導入服務」給你的客戶，從單純的「賣勞力」轉型為「賣解決方案」，直接拉高你的報價天花板。
==========
🔥 Google AI Studio 的核心優勢 (SEO 重點摘要)
🦾 強大的 Gemini 模型支援：直接使用 Google 最先進的長文本處理能力 (Long Context Window)，可以一次讀入大量文件、影片或程式碼。
🆓 免費額度超大方：目前提供非常寬裕的免費使用額度，對於個人開發者或測試用途來說綽綽有餘。
🔌 無縫接軌開發：做好的 Prompt 原型，只有一鍵就能轉成程式碼 (API Key)，方便日後開發成真正的 App 或網頁功能。
==========
👋 結論：現在就是進場的最佳時機
Google AI Studio 降低了 AI 的使用門檻，讓創意不再受限於技術能力。無論你是想提升工作效率、在求職市場脫穎而出，還是想拓展接案業務，它都是你不可或缺的利器。不要只是觀望，現在就去註冊，開啟你的 AI 廚房吧！
Google AI Studio
https://aistudio.google.com/
軟體工程師技能找工作
點擊技能可到對應的職缺工作區
PHPJavaPythonJavaScriptNode.jsHTMLCSSSassLinuxGitMySQLCC++SQLAngularRXcodeReactJSVueGolang程式語言找工作
PHP工作機會
[joblist_plugin title='【PHP】精選職缺' url='https://www.104.com.tw/jobs/search/?jobsource=blog_skill&mode=s&page=1&keyword=PHP&order=15' amount='4']
Java工作機會
[joblist_plugin title='【Java】精選職缺' url='https://www.104.com.tw/jobs/search/?jobsource=blog_skill&mode=s&page=1&keyword=Java&order=15' amount='4']
軟體工程師薪水找工作
月薪5萬月薪6萬月薪7萬月薪8萬年薪100萬待遇面議
前端工程師2025年必學技能清單：10大工具與技術指南，職場增能懶人包整理
前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等)，包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具，幫助您在職涯中站穩腳步，開發出高效且吸引人的網站與應用。
1. HTML、CSS 和 JavaScript
HTML: 用於結構化網頁內容，是前端開發的基礎語言。
CSS: 負責設計和佈局，使網站具有視覺吸引力。
Java Script: 增加互動性，處理用戶事件和動態內容。
⚡推薦課程⚡
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
https://nabi.104.com.tw/course/tibame/f5b246b2-ec79-4f0d-8ef5-2fdf8d6f5bcb
成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能
https://nabi.104.com.tw/course/tibame/830671fb-2c58-48fa-9a5a-6c1f1798598a
【更多課程學習】https://user266414.pse.is/6ps94k
2. 前端框架和庫
React.js: 一個用於構建用戶界面的 JavaScript 庫，能夠快速開發單頁應用（SPA）。
Vue.js: 一個漸進式框架，適合於小型到大型應用的開發。
Angular: 一個全面的前端框架，適合大型企業級應用。
Svelte: 新興的前端框架，以其高效的性能和簡化的開發體驗而受歡迎。
⚡推薦課程⚡
Let’s Vue! 前端開發入門到實戰
https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc
3. 版本控制工具
Git: 版本控制系統，用於跟蹤代碼變更，方便團隊協作。
GitHub 或 GitLab: 托管代碼庫，協作開發和版本管理的主要平台
⚡推薦課程⚡
Git 速成攻略：2.5 小時變身版本控制達人
https://nabi.104.com.tw/course/tibame/20a2bbd6-ee21-4d92-8899-18e59ea3b97f
AI助理GitHub Copilot | 提升前端開發效率
https://nabi.104.com.tw/course/tibame/c4795096-ae10-43a5-b5e3-2a6548c30e8c
GitHub Copilot AI賦能開發實戰訓練班
https://nabi.104.com.tw/course/tibame/2617c99d-b815-442d-89b4-aa35a360273a
4. 預處理與構建工具
Sass 或 Less: CSS 預處理器，能夠提高樣式表的可維護性和可重用性。
Webpack、Parcel 或 Vite: 模塊打包工具，用於優化資源加載、處理 JavaScript 模塊化等。
【更多課程學習】https://user266414.pse.is/6psa64
5. 響應式設計與跨平台兼容
響應式網頁設計: 掌握使用 CSS 媒體查詢（Media Queries）以適應不同屏幕尺寸的布局技巧。
跨瀏覽器兼容性: 確保網站在不同的瀏覽器（如 Chrome、Firefox、Safari、Edge）上的一致性。
⚡推薦課程⚡
RWD響應式網頁設計入門
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
工程師救星-用Bootstrap速成響應式網頁開發
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
6. 調試與測試
Chrome DevTools: 瀏覽器內建的開發者工具，用於調試 JavaScript、分析網頁性能。
前端測試框架: 如 Jest、Mocha、Cypress，用於自動化測試和單元測試。
7. API 與 AJAX 技術
Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信，拉取數據或發送數據。
RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。
8. 設計工具和基礎設計原則
Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。
UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則，確保設計既美觀又實用。
⚡推薦課程⚡
UI/UX 新時代指南：產品設計 x 商業思維 x AI 工具
https://nabi.104.com.tw/course/ppa/d9785ca3-7de2-4567-aae5-2c771a5471e8
UI/UX新手實務班｜UI介面設計，洞悉使用者體驗
https://nabi.104.com.tw/course/tibame/1550e806-07b1-49a2-a8e8-42668911d4ca
9. 性能優化
代碼分割與懶加載: 減少初次加載時間，提升網站性能。
圖片優化與資源壓縮: 優化圖片格式與大小，減少網頁加載時間。
10. SEO（搜索引擎優化）
理解基本的 SEO 概念，確保網站在搜索引擎中具有良好的可見度，包括結構化數據的應用和適當的標題標籤。
⚡推薦課程⚡
SEO搜尋引擎優化七大密技｜攻上頂端排名寶座
https://nabi.104.com.tw/course/tibame/b0d286b0-9106-406c-beff-c53918ab2270
具備以上這些技能，能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
ChatGPT生成Apps Script程式碼4技巧！Google Sheets自動化範例用AI加持
想把重複的Google Sheets試算表工作自動化，用ChatGPT就可以快速生出可用的Apps Script程式碼，相較於手動編寫、錄製巨集，使用生成式AI的技術門檻最低！作者分享2個範例，並提醒用AI生成Apps Script程式碼的Prompting技巧。本文節錄自《AI 加持！Google Sheets 超級工作流》。
文／杜昕 Mic Tu
本文目錄（點擊可快速前往）
撰寫Apps Script程式碼的3種方式使用生成式AI生成Apps Script程式碼▶ 範例1：資料統計▶ 範例2：生成圖表用AI生成Apps Script程式碼的Prompting技巧
Google Apps Script（以下簡稱Apps Script）是一個強大的雲端腳本語言，讓使用者能透過類似JavaScript的程式碼整合Google的試算表、文件、簡報、日曆等功能，自動化重複性的工作，完全免費且不需要安裝任何開發環境即可完成。
若要在Google Sheets中使用Apps Script，只要點選「擴充功能 → Apps Script」進入Apps Script的編輯器介面，便能開始撰寫程式。
撰寫Apps Script程式碼的3種方式
撰寫Apps Script程式碼的方式可分成手動編寫、錄製巨集、使用生成式AI 3種，優缺點分別如下：
撰寫方式優點缺點手動編寫完全根據需求客製化程度高。需要花較多的時間學習與實際撰寫。錄製巨集錄製後自動生成程式碼，只需根據需求手動調整即可。錄製的程式碼較基本，複雜的需求可能要大幅的手動調整，因此仍需具備程式基礎。使用生成式AI可直接複製貼上生成的程式碼，大幅提高撰寫效率，也能解決較複雜的案例。撰寫程式碼時會備註各程式碼的用途，可供快速學習。較冷門的需求可能會回答錯誤，若要提升生成品質則會需要訂閱。有時程式碼較冗餘，影響執行效能與可閱讀性。
雖然3種方式皆有優缺點，但使用生成式AI需要的時間、技術門檻最低，因此後續各章節主要會使用ChatGPT生成程式碼，提供輸入的Prompt及對應的輸出。
使用生成式AI生成Apps Script程式碼
本節將使用兩個範例說明如何使用ChatGPT生成程式碼，只要將程式碼複製到Apps Script中並執行函式即可，兩範例的需求、Prompt與ChatGPT (4o mini)生成程式碼如下：
本節範例使用之「會員資料檔」Google Sheets
會員資料檔範例（圖／旗標）
▶ 範例1：資料統計
需求：統計會員資料檔中的會員職業，各職業依會員數多到少排序。
問：生成Apps Script程式碼，統計工作表「會員資料檔」的 E2:E 每個值出現的次數，依次數由高到低輸出到工作表「5.4.3 使用生成式 AI 生成程式碼」的 A:B 中，並將兩欄的標題分別設為「職業」和「會員數」。
ChatGPT輸出結果（以下為作者撰寫時生成之版本，每次生成可能有些許差異，請各位讀者稍加留意）：
▶ 範例2：生成圖表
需求：延續上例，將統計結果繪製成柱狀圖。
問：生成Apps Script程式碼，將工作表「5.4.3 使用生成式AI生成程式碼」的 A2:B 繪製成柱狀圖，兩欄分別為「職業」和「會員數」，並貼上至工作表的 C1 儲存格中。
ChatGPT 輸出結果：
兩範例的最終結果如下圖所示：
（圖／旗標）
用AI生成Apps Script程式碼的Prompting技巧
在撰寫Prompt時要清楚描述需求，以增加生成式AI正確的機率，可以使用以下的Prompting架構增加正確輸出的機率：
問：(1) 生成Apps Script程式碼，(2) 完成以下步驟：1. (3) 將工作表「○○○」的 ○○:○○ 儲存格 (4) 匯總 / 繪製圖表 / 計算...，其中 A / B / C 欄位依序為 △△△ / △△△ / △△△…。2. 將 …3. 將 …，(3) 把最終結果輸出至工作表「○○○」的 ○○ 儲存格。
(1) 在一開始就提及Apps Script，避免AI輸出其他程式語言。
(2) 若要求非常複雜時，建議化為多個步驟，或是分多次Prompt漸進式說明。
(3) 清楚說明資料來源與最終輸出的位置，提及「工作表/儲存格/範圍/欄/列」避免判斷錯誤，並建議用括號標示工作表名稱。
(4) 說明計算過程時可以說明應用場景，但要說明各欄位的名稱，避免判斷錯誤。若欄位的名稱較難判斷資料型態時，可以增加舉例說明。
節錄自：旗標《AI 加持！Google Sheets 超級工作流》／杜昕 Mic Tu 著
推薦閱讀：
AI家教上線！ChatGPT和Gemini學習模式實測4招馬上用
AWS免費課程幫你打造AI「學力」證明，攻搶12萬AI職缺！
除了ChatGPT還有哪些生成式AI？16種AI工具應用解析
有任何收穫或想分享的，都來和大家一起聊聊吧！