104學習

ASP

ASP 是一種用於網頁開發的技術,主要用來建立動態網站和網頁應用程式。掌握這項技能代表你能夠撰寫伺服器端程式碼,與資料庫連接並處理使用者請求,提升網站功能的互動性與效率。在台灣的資訊業,具備這項能力有助於參與企業網站、電子商務平台或內部系統的開發,增加職場競爭力。尤其對於想從事後端開發或全端工程師的求職者來說,是相當實用的技術基礎。

2,660 個相關職缺

提升你的實力,朝專業更進一步

精選課程

充實自己,讓能力持續成長

ASP.NET MVC 無痛快速上手
ASP.NET MVC 無痛快速上手
ASP.NET MVC 欄位驗證完全攻略
ASP.NET MVC 欄位驗證完全攻略
(最新版.NET 6)ASP.NET Core MVC 無痛快速上手
(最新版.NET 6)ASP.NET Core MVC 無痛快速上手
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
C# 從零開始前進.NET物件導向程式全攻略
C# 從零開始前進.NET物件導向程式全攻略
工程師救星-用Bootstrap速成響應式網頁開發
工程師救星-用Bootstrap速成響應式網頁開發
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
JSP + Servlet | 吳永志Java Web 技術開發
JSP + Servlet | 吳永志Java Web 技術開發
智能文件編輯:AI和Word的整合
智能文件編輯:AI和Word的整合

精選證照

考取專業證照,讓能力被市場看見

HP Master ASP Engineer |
HP Master ASP Engineer證照代表持有人具備高度專業的HP應用服務處理能力,能有效管理及優化HP軟體應用系統,熟悉系統架構與故障排除技術,並具備整合多種應用解決方案的能力,確保企業資訊系統穩定運作與效能提升,適合從事系統管理、應用開發及技術支援相關工作。
HP
TQC+ ASP.NET網站程式開發專業人員 |
為提供產業界符合新時代的專業人才,認證依照職場人才需求趨勢推動「TQC+專業設計人才認證」,藉由嚴謹的認證職能體系架構與專業完善的考試服務,培育出符合企業職場需要的人才。
財團法人中華民國電腦技能基金會
基礎程式語言 |
基礎程式語言證照旨在驗證持有者具備基本程式設計能力,涵蓋變數、流程控制、陣列及簡單演算法等核心概念,適合初學者入門。透過理論與實務測試,證明能使用常見程式語言撰寫簡單程式,具備問題分析與解決能力,為進階程式設計及相關職涯奠定扎實基礎。此證照廣受資訊產業與教育機構認可,是進入軟體開發領域的重要入門資格。
尚未查核發照單位
物件導向視窗及資料庫程式設計 (Java/C#/VisualBasic) |
「物件導向視窗及資料庫程式設計」證照核心旨在驗證開發者融合物件導向理論、視窗圖形使用者介面與資料庫應用的綜合實務能力。不論使用 Java、C# 或 Visual Basic 語法,持證者皆具備利用類別與物件建構視窗應用程式的技術,並能熟練處理事件驅動程式設計。此外,持證者亦精通資料庫連線、SQL 指令操作及資料存取邏輯,具備將前台介面與後端資料庫無縫整合的關鍵職能,是企業評估現代視窗軟體開發與資料庫應用人才的專業客觀指標。
尚未查核發照單位
C語言程式設計與應用認證 |
C語言程式設計與應用認證是一項專業認證,旨在評估和驗證個人在C語言程式設計及其應用方面的知識和技能。此認證對於從事軟體開發、嵌入式系統設計以及其他相關技術領域的人士特別有用。通過這項認證,可以展示個人在C語言方面的專業能力,提高職業競爭力,並獲得更多的職業機會。
TIPCI臺灣國際專業認證學會
SSE Java程式語言國際認證 |
Java程式語言已經是目前欲進入資訊科技殿堂最重要的程式語言,也是最全方位的程式語言,目前大部分的網路應用程式、電子商務,人工智慧,跨平台開發、手機app開發等都是使用Java語言完成。掌握Java語言是軟體工程師最重要的技能。讓你在各個不同領域都能得心應手完成困難的工作。通過我們的認證,你將證明自己具備高人一等的Java語言開發能力。
Silicon Stone Education (SSE)

精選貼文,掌握第一手知識

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
X編・X School 軟體人才專業培訓機構

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
X編・X School 軟體人才專業培訓機構

軟體業Technical Writer工作在做什麼?技術文件為何不是由PM寫?

軟體產業的Technical Writer工作在做什麼?和PM產品經理工作有什麼差異?Technical Writer職位結合「內容寫作」和「技術寫作」的專業,可以將硬梆梆的技術內容、轉換成一般使用者也能好理解的技術+商業內容。本文作者以自身經驗分享,解答包括Technical Writer工作內容及為什麼不由PM來寫技術文件。 文/朱麒 本文目錄(點擊可快速前往) 1. Technical Writer到底要幹嘛?2. 為什麼需要Technical Writer?3. 為什麼不由PM來寫技術文件? 我曾經擔任PM將近6年的時間、在新職位—Technical Writer工作也已經快9個月的時間,這篇文章想分享關於「寫文件」這件事情。 一開始有許多朋友和我討論說「為什麼不交給PM做就好?」在親身體驗與想過之後,我發現這兩者的定位與價值是完全不同的。這篇文章分享Technical Writer在做些什麼,以及簡單比較跟「產品經理(Product Manager)」的差異。 如果你對軟體產業有興趣、正在當PM的人、或是潛在想當Technical Writer的人看(有這樣的朋友嗎),一起來看看這篇文章吧。 備註:請留意此篇文章的脈絡都是以「軟體開發」的角度來談。 1. Technical Writer到底要幹嘛? 簡單說,就是替公司的產品寫一份「攻略本」。 攻略本是電玩產業的詞,能幫助新手玩家快速學會操作方法、了解遊戲目標,接著就可以比較開心的在遊戲的世界中玩耍。 而「技術寫作(Technical Writing)」就是替公司的產品寫使用文件,用來引導消費者更好地使用公司產品。技術寫作也可以視為公司品牌、產品使用體驗的一環,能影響消費者對於公司產品的整體觀感。 這就像「攻略本」會先告訴新手玩家基本的操作方法,讓玩家在別在超大的遊戲世界中不知所措的亂跑、被怪打死而感到挫折(可能一開始連「基礎戰鬥知識」都沒有就跑出新手村)。 好的技術文件,應該能夠把公司產品複雜的功能與規格,在適當的時間點、用適當的方式告訴使用者。 2. 為什麼需要Technical Writer? 對呀,為什麼不由最熟悉產品功能與規格的程式開發者或產品經理,來寫技術文件就好了呢? 先從「軟體開發者」的角度來說。由於技術文件(例如API Documentation)是技術含量相當高的文件,最好的寫作者當然是由開發者來寫。 然而多數的開發者在寫文件的時候,容易從非常技術的角度撰寫文件—多數狀況是「只解釋程式功能,但不解釋程式對於使用者的目的」。由於程式往往有自己的商業邏輯(例如建立訂單的流程、訂單對帳與請款的方式),使用者在不清楚商業邏輯的前提下直接閱讀,往往一頭霧水。 因此Technical Writier誕生了,這個職位結合「內容寫作(Content writing)」和「技術寫作(Technical Writing)」的專業,可以將硬梆梆的技術內容、轉換成一般使用者也能好理解的技術+商業內容。 Technical writer像是一位翻譯員,要把「技術」國家的語言翻譯給「商業」國家的人理解。 3. 為什麼不由PM來寫技術文件? 行行好,放過PM吧! PM的工作包山包海,要跟業務單位/客戶對需求、花時間整理規格、跟設計師/工程師/QA/營運團隊溝通。 PM職責範圍確實也包含寫產品的規格與規劃,例如: 使用者故事(User Story): 即 As a(使用者), I want(做什麼事情), so that(得到什麼成果),讓產品團隊理解每個功能為誰而做、要做什麼、做完成果。 User Story Acceptance Criteria Test Cases:寫完User Story後,必須要進一步描述這個功能的細節,透過「Given(在什麼情況下),When(當使用者做了什麼),Then(會發生什麼事情)」才能讓工程師與QA(測試工程師)執行。 Product Roadmap:告訴C字輩的老闆接下來的產品發展,這一季要做什麼、為什麼要做、要打哪些用戶、如何衡量成效、成效好與不好的相對應措施是什麼。 可以看到,PM的寫作文件通常是「對內」,告訴團隊接下來要做些什麼、不做些什麼;但Technical Writer通常是「對外(外部使用者)」,告訴使用者產品從哪裡開始用、要完成對應的事情該怎麼做、技術細節要到哪裡去查……等。 PM和Technical Writer的技能樹不同,前者更多在溝通、後者更多在引導。更多文章分享,可至「朱騏部落格」閱讀。 (原文標題:軟體產業中的 Technical Writer 在做些什麼,為什麼「寫文件」這件事情不都交給 PM 做就好?) [joblist_plugin title='更多104【Technical Writer】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=Technical%20Writer' amount='4']
【104職場力】

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 Java Script)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 成為前端工程師|Java Script 入門:帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5 第一次就上手,前端工程新手指南 https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 推薦課程: 成為後端工程師 | 踏上程式起點,逐步掌握 Java 語言特性與物件導向程式設計 https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47 全端工程師 必備工具: 🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。
104學習・職涯學習課程專文推薦

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 JavaScript)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/JavaScript: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 全端工程師 必備工具: 🔵 HTML/CSS/JavaScript + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 1234
韓培倫・peiRoom

AI寫Excel公式這樣最省時!ChatGPT、Copilot描述需求、生成函數、錯誤修正一次學會

不會寫Excel函數也沒關係!本文教你如何運用ChatGPT、Copilot、Gemini等AI工具,從描述需求開始,生成函數公式、修正錯誤結果,快速完成資料整理任務,超實用的新手與職場工作者必備Excel AI技巧教學!本文節錄自《超有料!職場第一高效的 Excel ✕ AI 自動化工作術》。 文/施威銘研究室 本文目錄(點擊可快速前往) 請AI生成函數、公式,輔助整理資料描述需求、請AI生成函數、公式,不懂還可以繼續問!實用技巧:貼上AI生成的函數、公式後執行失敗?實用技巧:描述問題時,截圖給AI最快! 請AI生成函數、公式,輔助整理資料 使用AI:AI聊天機器人(ChatGPT、Copilot、Gemini…都可以) Excel函數可以說是整理表格資料的利器,延續上一節的「檢查資料漏填」例子,在Excel上普遍的做法是用函數檢查每一列是否有漏填的欄位,例如本例可以用設定條件判斷的IF函數和用來計算範圍內非空值數量的COUNTA函數,組合成公式來做檢查,然後在最後的「確認結果」欄顯示檢查的結果。 但萬一您對Excel不是很熟,光知道該挑這兩個函數出來、進一步撰寫公式,可能就會花一大堆時間,來看AI如何「顛覆」以往的Excel函數學習法吧! 描述需求、請AI生成函數、公式,不懂還可以繼續問! 怎麼開始呢?您不用傷腦筋該如何提供AI方向 (例如提示它「請用函數來解決」),都不用!只有一個重點,就是跟AI聊天機器人描述清楚我們的需求,這非常重要,包括表格的資料範圍、以及我們希望在哪個目標儲存格得到什麼樣的結果都要講清楚。想更萬無一失的話,能截圖給AI聊天機器人參考最好。 【1】我們先試著用文字來描述需求(截圖的做法最後再試,因為有些免費的AI聊天機器人會限制單日的圖片上傳用量,不是您隨時想用都可以用)。先回顧一下本例的需求。 希望確認每一格是否都有填寫,若有一項沒填就在F欄留下註記 解決問題的環境若回到Excel(而不是餵給AI自動處理),也不用擔心表單樣式會受影響了(圖/旗標出版提供) 【2】以本例來說,是使用以下的提示語(prompts): (圖/旗標出版提供) 檢查B3~E27欄位是否都有輸入資料。若有空白的儲存格,在F3~F27標示「有資料未填寫」 ⬆儘量描述清楚欄位的位置 或者 使用Excel函數,檢查B3~E27欄位是否都有輸入資料。如有空白的儲存格,需要在F3~F27標示「有資料未填寫」 ⬆若您大概知道可以用函數來解決,可以加這段,這樣AI的回答就會鎖定在函數,不會回答的很廣泛,導致一時不知該用哪個解法 【TIP】撰寫提示語時,務必清楚描述欄位範圍與條件,例如明確指出「檢查B3:E27範圍內的每個儲存格」,而非模糊的「我想判斷F欄前面的資料有沒有漏」敘述。同時,也要清楚說明判斷條件(例如要找出有空白的格子)與執行動作(例如「在對應F欄標示『有資料未填寫』」),確保AI可以正確理解並執行任務。 (圖/旗標出版提供) 上圖讀者也看到了,AI聊天機器人不只給我們答案,還貼心地提供函數和公式的說明(就是怕您不會用),完美取代了以往Excel函數書、網路上函數教學文的地位(而且不懂還可以繼續問!) 很多AI聊天機器人都會提供複製功能,找到後並點擊就可以複製公式(若沒有,手動複製網頁上的公式也很快)。 【TIP】以上圖AI生成的公式來說,因為每一列都是4格(B、C、D、E這4欄),AI的解法是判斷哪些列「有資料」的儲存格小於4個,小於4個就表示該列有空白的儲存格(資料未填)。本書的精神是優先解決Excel問題,AI給的函數、公式細節讀者可以再慢慢研究。也再次提醒讀者,AI回答的內容不是100%正確喔!AI聊天機器人最擅長的就是生成文字,但也有生成虛構、錯誤內容的可能。如果AI所生成的函數、公式失效了,有時候執行後並不會有什麼錯誤訊息(只是你要的結果沒出現),此時最快的做法就是請AI生成另一個公式給我們試試。 【3】而AI聊天機器人在提供解法時,也可能以「純文字」來做回應,但慢慢讀文字沒什麼效率,可以請AI給出函數/公式。如下圖: 但慢慢讀文字沒什麼效率,可以請AI給出函數/公式(圖/旗標出版提供) 【4】此外,由於AI聊天機器人給的公式可能跟本書示範的不一樣,甚至您每次操作時得到的答案也可能不一樣,不過只要試過能完成任務就沒差。若您問AI聊天機器人有沒有其他的函數解法,它也會提供你新的公式:  本例筆者重新發問後,ChatGPT給了其他的公式解法,所用的函數都不太一樣(圖/旗標出版提供) 老話一句,我們先不用管公式是長是短、內容為何,能解決問題就好!本例先試AI給的這個公式。把公式貼到F3儲存格,按住填滿控點「+」,往下拉到F27儲存格,瞄一下左圖的F欄,看起來公式是OK的。選擇填滿但不填入格式,以保留原儲存格的樣式,這樣就完成操作了! (圖/旗標出版提供) 實用技巧:貼上AI生成的函數、公式後執行失敗? 上圖在AI生成函數的幫助下,缺資料的那一列最後面都做了註記。但AI提供的公式絕對有可能會出錯(特別是在範圍設定或條件判斷的細節上),當出錯時,當然可以請AI修正,或者詢問是否有其他解法。例如: 這個公式不對,請幫我檢查錯誤或提供替代公式 依經驗,單只有給AI文字提示語最容易遇到公式出錯,因為描述需求時容易有遺漏或模糊不清,此時當然可以自行檢查公式內容,有時候或許不難除錯,例如F3改成F4這樣的小問題。但自行檢查有時很花時間,這時不如回頭檢查提示語是否有清楚說明欄位範圍(例如B3:E27),以及明確列出條件與目標(例如「檢查是否有空白儲存格」並「在F欄標註」)。 實用技巧:描述問題時,截圖給AI最快! 面對Excel資料整理需求時,如果prompt描述的夠到位,其實問題就解決一半了。但關鍵就在用文字描述需求有時候很花時間,也容易描述得不夠精確、甚至寫錯… 依筆者經驗,最省時省力的方式就是直接截圖給AI,大部分AI聊天機器人的圖片辨識能力都很強(中英文都通),能快速解析圖片中的內容理解問題。比起繁瑣的文字描述,傳截圖給AI的問題分析準確性高,還能大幅節省時間。 準備好截圖給AI,重點在於,Excel上面和左邊的編號,以及和您的目標欄位(例如F欄)一定要包含在圖片內。(圖/旗標出版提供) 【TIP】針對電腦畫面該怎麼截下來,Windows上有提供Print Screen鍵抓全螢幕畫面,但這樣就得再手動截取範圍,有點麻煩。筆者通常是額外安裝FastStone、HyperSnap等專用來截圖的軟體,利用裡面的「截取區域」功能把要的範圍截下來。若您用的是Mac電腦,內建的Shift+Command+4組合鍵就可以截您指定範圍的畫面了。 截圖備妥後,拉曳到對話框就可以附給AI(這裡是以免費版ChatGPT來操作),再輸入提示語描述需求,因為有附上圖,可以描述的更簡潔(圖/旗標出版提供) 【TIP】現階段無論是ChatGPT、Copilot、Gemini...等都可以接收圖檔來做判讀,讀者要用哪個AI聊天機器人來操作都可以。不過前面提過,免費版的ChatGPT用戶雖然可以使用圖檔上傳功能,但會有用量的限制,當您對話到一半時,可能會出現無法繼續使用的訊息。若真的被限用了也沒關係,免費的AI聊天機器人多的是。不過,建議也要多熟悉文字的描述技巧,以備不時之需! 當不是請AI聊天機器人自動整理資料,而是請它「輔助」生成函數來解決Excel問題時,筆者最喜歡附上截圖方便AI理解prompt 。AI解析圖片的速度很快,幾秒鐘就可完成,依經驗,提供截圖的AI出錯機率比單用文字prompt低非常多喔! 節錄自:旗標出版《超有料!職場第一高效的 Excel ✕ AI 自動化工作術:生成公式 + 函數、做自動化,用 AI 解決所有 Excel 難題!》/施威銘研究室 著 推薦閱讀: Excel公式讓ChatGPT幫你寫!輸入指令就能懂的Excel公式教學 ChatGPT整理Excel表格超快速!用AI輕鬆搞定複雜資料 ChatGPT生成Excel圖表不卡關!xy軸設定、中文顯示問題輕鬆搞定 [course_plugin title='推薦Excel相關課程' keyword='excel' amount=2]
【104職場力】・AI

前端工程師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 具備以上這些技能,能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
104學習・職涯學習課程專文推薦

MVC架構是什麼?日常生活舉例,MVC架構與產品經理的關聯

MVC架構(Model-View-Controller,模型-視圖-控制器)是一種廣泛應用於軟件工程中的設計模式,特別是在網頁應用和桌面應用的開發中。它通過將應用程序分為三個核心組件——模型(Model)、視圖(View)和控制器(Controller)——來促進代碼的組織、重用和維護。以下將詳細介紹MVC架構的各個組成部分、其工作原理、優缺點以及實際應用案例。 【MVC架構的組成部分】 1. 模型(Model) 𖡡 定義:模型負責管理應用程序的數據、業務邏輯和規則。它代表了應用的核心功能和數據結構,與數據庫、API等後端服務進行交互。 𖡡 職責: - 處理數據的創建、讀取、更新和刪除(CRUD操作)。 - 定義數據驗證和業務邏輯。 - 與數據庫或其他數據源進行通信。 2. 視圖(View) 𖡡 定義:視圖負責呈現數據給用戶,並定義用戶界面的外觀和布局。它是用戶與應用程序交互的界面部分。 𖡡 職責: - 渲染用戶界面,顯示模型中的數據。 - 接收用戶的輸入並將其傳遞給控制器。 - 保持與模型的同步,反映數據的變化。 3. 控制器(Controller) 𖡡 定義:控制器充當模型和視圖之間的中介,處理用戶輸入,調用模型來處理數據,並選擇合適的視圖來展示結果。 𖡡 職責: - 接收並解釋用戶的請求(如點擊按鈕、提交表單)。 - 調用模型來處理相應的業務邏輯。 - 決定使用哪個視圖來呈現數據或結果。 - 管理應用的流程控制和導航。 【MVC架構的工作原理】 1. 用戶請求:用戶在應用程序中進行操作(如點擊按鈕、提交表單)。 2. 控制器處理請求:控制器接收到用戶的請求,解析請求中的參數,並調用相應的模型來處理業務邏輯。 3. 模型處理數據:模型執行必要的數據操作(如查詢數據庫、計算結果),並返回結果給控制器。 4. 選擇視圖:控制器根據模型返回的數據,選擇合適的視圖來顯示結果。 5. 視圖渲染:視圖根據模型提供的數據,渲染用戶界面並將結果展示給用戶。 這一流程確保了應用程序的各個部分分工明確,彼此之間解耦,提高了系統的可維護性和可擴展性。 【MVC架構的實際應用案例】 1. Web應用開發 - Ruby on Rails:一個基於MVC架構的Web應用框架,強調約定優於配置(Convention over Configuration)。 - [ASP.NET] MVC:微軟推出的Web應用框架,允許開發者使用MVC模式來構建動態網站。 2. 桌面應用開發 - Java Swing:雖然不是嚴格的MVC實現,但許多Java Swing應用使用MVC模式來組織代碼。 - Qt Framework:支持MVC架構,用於開發跨平台的桌面應用。 3. 移動應用開發 - iOS MVC:蘋果的iOS開發中,MVC是官方推薦的設計模式,用於組織應用的結構。 - Android MVC:雖然Android更常用MVP或MVVM,但MVC也被廣泛應用於部分項目中。 理解技術概念有時候會感到抽象,尤其是對非技術背景的產品經理來說更是如此。為了更好地理解MVC架構(Model-View-Controller,模型-視圖-控制器),我們可以將其比喻為日常生活中的一個場景:餐廳運營。這個比喻不僅有助於理解MVC的基本概念,還能說明產品經理在這一架構中的作用。 ▍ MVC架構的日常生活比喻:餐廳運營 1. 模型(Model):廚房和食材 𖡡 定義:模型負責管理數據和業務邏輯。 𖡡 比喻:在餐廳中,廚房就像是模型。廚師們使用各種食材(數據)來準備菜肴(業務邏輯)。食材的質量和烹飪方法決定了最終菜品的味道和品質。 𖡡 職責: - 食材管理:確保有足夠的新鮮食材(數據)供應。 - 菜譜制定:確定如何將食材組合,製作出各種菜品(業務流程)。 2. 視圖(View):餐廳的用餐區 𖡡 定義:視圖負責呈現數據給用戶,並定義用戶界面的外觀和布局。 𖡡 比喻:餐廳的用餐區就是視圖。這裡是顧客看到和體驗餐廳服務的地方,包含裝潢、餐桌擺設、菜單展示等。 𖡡 職責: - 環境布置:確保用餐區的布局美觀,讓顧客感到舒適。 - 菜單展示:清晰地展示菜品信息,幫助顧客做出選擇。 3. 控制器(Controller):服務員 𖡡 定義:控制器充當模型和視圖之間的中介,處理用戶輸入,調用模型來處理數據,並選擇合適的視圖來展示結果。 𖡡 比喻:服務員就是控制器。當顧客有需求時,服務員會將這些需求傳達給廚房,並將廚房準備好的菜品送到用餐區。 𖡡 職責: - 接收訂單:聽取顧客的點餐需求(用戶輸入)。 - 傳達需求:將訂單傳達給廚房(調用模型)。 - 回饋結果:將準備好的菜品送到用餐區,讓顧客享用(選擇視圖)。 ▍ MVC架構在產品經理工作中的應用 作為產品經理(PM),理解MVC架構的運作方式有助於更有效地與工程師和設計師合作,確保產品的技術實現符合用戶需求和業務目標。以下是MVC架構與產品經理工作之間的關聯: 1. 理解各部分的職責分工 - 模型(廚房):PM需要明白數據和業務邏輯是如何管理和運作的,確保產品的核心功能符合市場需求。例如,確保數據庫設計能支持所需的用戶操作和報告功能。 - 視圖(用餐區):PM應該關注用戶界面的設計和用戶體驗,確保產品的外觀和交互方式能吸引和滿足目標用戶。例如,與UI/UX設計師合作,確保界面友好且易用。 - 控制器(服務員):PM需要協調不同部分之間的互動,確保用戶的需求能夠有效地轉化為具體的功能和流程。例如,確保用戶操作(如點擊按鈕)能正確觸發相應的業務邏輯並展示正確的結果。 2. 協調跨部門合作 - 與工程師溝通:了解模型部分的需求,確保數據結構和業務邏輯能夠支持產品功能。 - 與設計師協作:確保視圖部分的設計符合用戶需求,並與模型和控制器部分無縫集成。 - 流程優化:通過理解控制器如何處理用戶請求,PM可以優化產品的工作流程,提升用戶體驗和產品性能。 3. 問題排查與解決 - 識別瓶頸:如果用戶反饋顯示某些功能反應遲鈍,PM可以根據MVC架構分析是模型部分的數據處理問題,還是視圖部分的渲染問題,或是控制器部分的請求處理問題。 - 優化流程:根據分析結果,PM可以提出具體的改進建議,如優化數據庫查詢(模型)、改進界面設計(視圖)或調整請求處理邏輯(控制器)。 ▍ 總結 通過將MVC架構比喻為日常生活中的餐廳運營,我們可以更直觀地理解其組成部分及其相互作用。對於產品經理來說,理解MVC架構不僅有助於與技術團隊更有效地溝通,還能在產品設計和開發過程中做出更明智的決策。這種理解能夠幫助PM更好地協調各部門的工作,確保產品在功能、用戶體驗和技術實現上達到最佳效果。
知識貓星球・PM雜學相談室-新手轉職PM交流區🙌

整理包/最熱門生成式 AI 大拚場 ChatGPT、Gemini、Grok、DeepSeek 各擅長什麼?

2025-06-24報導/經濟日報記者吳康瑋 由聯合新聞網授權轉載 生成式人工智慧(GenAI)技術迅猛發展,多款強大的AI工具幫助各行業提升工作效率。《經濟日報》為協助讀者了解各項AI工具,將「ChatGPT、Gemini、Grok、DeepSeek」等四大生成式AI列出,為讀者分析四款生成式AI的各自效能,就「開發者」、「訂閱費用」、「主要功能」及「擅長領域」等細項逐條分析。 AI工具確實快速提升效率,不過使用者也要注意,目前的AI工具不保證完全正確,甚至也會答非所問、提供錯誤資訊、或產生「AI幻覺」,使用者對生成的資料仍應有基本的辨識能力,避免AI工具謬誤。 各家生成式AI重點馬上看 ChatGPTGeminiGrokDeepSeek使用建議 ChatGPT OpenAI的ChatGPT堪稱帶動GenAI風行的先驅,也有廣大用戶,付費企業客戶近期突破300萬戶,有免費與付費模式,每月20美元的ChatGPT Plus訂閱費每月20美元,用戶指出,付費版反應速度更快,用戶在使用ChatGPT時隨時擁有最佳的使用品質。 「資料分析」方面,ChatGPT的優勢在於將資料壓縮、精簡化,適合急需快速獲取關鍵訊息的使用者。「文案生成」上,適合創作個人化內容。「圖表製作」方面,ChatGPT的圖表較為簡單,但圖片較無法把文字一起生成出來,繪圖時整體構圖比較簡單。 網址:https://chatgpt.com/ ChatGPT小檔案 開發者OpenAI付費版費用每月20美元(約新台幣610元)主功能提供文本生成、對話回應、內容創作、翻譯、問題解答等多種功能擅長領域自然語言處理、文本生成、教育輔助、創意寫作、客服支持等 Gemini Google DeepMind開發的Gemini專注於多模態學習,能同時處理文本、圖像和音頻數據。版本包括2.0、2.5和最新的2.5 Pro,推理和數據處理能力進步快速。Gemini 2.5 Pro提供更強大的計算能力和更高準確性,讓用戶在處理複雜任務時能獲得更佳體驗。付費版額外提供用戶包括2TB儲存空間、Gemini Advanced和其他AI功能。 「資料分析」方面,Gemini提供的內容易於閱讀,文法經過重新梳理,適合需要清晰解釋的使用者。在「文案生成」上,Gemini能一次生成多達15個標題,提供選擇建議,對於需要多樣化提案的用戶非常方便。「圖表製作」方面,Gemini 的完整度高,使用者可選擇不同的圖表類型,並能下載圖片、Excel或JSON格式的數據。 網址:https://gemini.google.com/ Gemini小檔案 開發者Google DeepMind付費版費用每月19.99美元(約新台幣650元),可免付費試用一個月主功能強大的推理能力,擅長處理複雜的問題和情境,能同時處理文本、圖像和音頻數據等多模態文件擅長領域AI推理、圖像理解、科學研究和技術開發 Grok Grok是由X(前稱 Twitter)開發的生成式AI,專注於社交媒體內容的生成。最新版本Grok3提供更強大的功能,能即時生成與當前熱點話題相關的內容,結合社交媒體數據分析趨勢,提升用戶互動的實時性,成為品牌營銷和社交媒體管理的理想工具。 「文案生成」方面,Grok風格簡潔有力,類似科技周刊的風格,適合快速傳達訊息。「圖表製作」方面,Grok可以較為輕鬆的運用文字組成圖表,並附上有關的資訊數據,對於需要快速理解數據的使用者來說很實用。 網址:https://grok.com/ Grok小檔案 開發者應用程式X(前身為Twitter)付費版費用每月30美元(約新台幣970元)主功能即時生成與當前熱點話題相關的內容擅長領域社交媒體互動、內容創作、即時訊息生成和品牌營銷 DeepSeek DeepSeek專注於資料搜尋和訊息檢索,開發商為位於中國大陸的「杭州深度求索人工智慧基礎技術研究」,中資避險基金幻方量化創立的人工智慧公司,創始人暨執行長梁文鋒持續致力將大陸AI技術推向全球市場,提供R1和R2兩種不同的服務模式。 「資料分析」方面,DeepSeek提供前言和總結,讓懶人可以快速理解內容。在「文案生成」上,DeepSeek的口語化風格能夠生成10個標題,附上創作理念和選擇建議,適合需要親民語言的使用者。「圖表製作」方面,DeepSeek使用文字排列呈現,提供Python程式碼,對於技術使用者來說相當便利。 網址:https://www.deepseek.com/ DeepSeek小檔案 開發者中國大陸企業「深度求索」付費版費用每100萬(輸入)tokens收費人民幣16元(約新台幣66.68元)主功能資料搜尋和訊息檢索,利用生成式AI技術提升搜索引擎的智能化,提供相關建議和訊息過濾功能擅長領域資料搜尋、訊息檢索、知識管理和數據分析 使用建議 生成式AI工具已經落地商業化,從自然語言處理到多模態學習、社交媒體互動及訊息檢索等多種服務都能提供,競爭也更加激烈。用戶可根據自己的需求,選擇最合適的AI工具,以提升工作效率與創造力。 綜合比較四款生成式AI後,提供讀者幾點建議。若需要多樣化的文案提案,可考慮Gemini;若喜歡口語化一點的表達,可選擇DeepSeek。AI繪圖方面,生成多幅圖片建議可使用Grok,若希望作品有較高的品質,可選擇Gemini。在「資料分析」方面,若希望能獲取較「簡潔明瞭」的資料,建議選擇「ChatGPT」,讀者若希望能得到比較容易理解的內容,應該選擇Gemini。 針對「表格整理」方面,若要以更快的速度掌握大致上的資訊,建議選用ChatGPT;若讀者希望在表格中能得到較「詳細」的內容,可考慮DeepSeek。針對「生成圖片」功能上,若讀者追求圖表要具有充分「完整性」的類型,建議使用Gemini。 推薦閱讀: AI聽話卻沒懂你?OpenAI揭露AI「裝乖」假象與職場真風險 AI強勢取代!企業寧僱AI也不找菜鳥,今年畢業生有多慘? 除了ChatGPT,還有哪些生成式AI?16種AI工具應用解析 打造ChatGPT行政小助理:專屬AI助理幫你處理瑣碎行政工作 [course_plugin title='推薦AI相關課程' keyword='AI' amount=2]
【104職場力】・AI

ChatGPT可以轉檔JPG、Word、PDF嗎?讓AI一站式解決20種轉檔任務

想把圖片如PNG、JPG轉成其他格式,或把Word等文字檔案轉檔,或將PDF合併成報告,這些瑣碎的任務能用AI完成嗎?解析如何透過ChatGPT等AI工具,一站式完成Word、JPG、PDF、Excel等多達20種轉檔任務,無需再依賴多款軟體,節省大量時間與精力,讓AI成為你的最佳工作助手!本文節錄自《30個必學的AI行政工作術》。 文/賴彥廷 本文目錄(點擊可快速前往) 讓AI幫你轉檔!ChatGPT一站式處理轉檔工作【STEP 1】快速掌握20種ChatGPT轉檔功能問題:ChatGPT可以轉檔影片嗎?【STEP 2】設計ChatGPT轉檔指令3大重點【STEP 3】出現缺頁或文字亂碼?讓ChatGPT修正錯誤【STEP 4】下載檔案【技巧升級】快速下載多個檔案的訣竅 在工作中,你是否經常需要做各種「轉檔」工作?早已準備好多款不同的應用軟體,還是每次遇到問題才急急忙忙尋找線上工具? 轉檔是職場生活中既不起眼又耗時的繁瑣事務。舉例來說,把多份PDF檔案合併成完整報告,或是將圖片轉換為指定格式。 雖然市面上有不少線上工具可以處理這些任務,但真正的麻煩在於,我們必須適應多種軟體,才能應付五花八門的轉檔任務。 試想一下,PDF合併需要一種工具,照片格式調整用另一種,至於影片處理、錄音格式轉換,甚至將網址製作成QR Code,都需要用不同的軟體來處理。更麻煩的是,找到操作簡單、功能強大的工具往往需要花不少時間試用和篩選。 如果能有一個「一站式」工具解決大多數的轉檔工作,省去來回切換軟體的麻煩,那該有多好! 讓AI幫你轉檔!ChatGPT一站式處理轉檔工作 ChatGPT在文案寫作、圖像生成、程式碼撰寫等方面的表現令人津津樂道,但它還有一個較不為人知且相當實用的功能:「轉檔」。 ChatGPT轉換多種不同類型檔案格式的品質都很好,有了它幫忙,我們就不必在各種軟體之間疲於奔命了! 【STEP 1】快速掌握20種ChatGPT轉檔功能 轉檔工作雖然不起眼,卻幾乎無所不在。無論是將文件轉換成適當的格式備份,還是將數據轉為兼容格式以供特定軟體處理。 此外,檔案的分割與合併也是常見的行政工作。在這些瑣碎繁雜的工作項目上,ChatGPT能幫上忙的地方比我們想像中更多。 以下列出7大類、超過20種轉檔相關的任務情境,每一項ChatGPT都能迅速完善地交付成果。 ChatGPT轉檔轉檔任務情境文字檔案轉換● Word檔案(.docx、.doc)、純文字文件(.txt)以及Markdown文件(.md)相關的檔案格式轉換。數據資料檔案轉換● Excel 檔案(.xlsx、.xls)、CSV 檔案(.csv)、JSON格式以及XML格式相關的檔案類型轉換。圖片檔案轉換● JPG、PNG、BMP等圖片檔案的格式轉換。PDF檔案分割與合併● 依照特定頁數範圍分割。● 奇數頁偶數頁分別獨立存放。● 單獨提取特定頁數。● 將多份檔案合併為一份。音訊檔案轉換、分割與合併● 不同音訊檔案(.mp3、.wav、.flac)的格式轉換。● 將一份音檔按照指定的時間區段,分割為幾個獨立的檔案。● 合併多份音檔。影片檔案分割與合併● 將影片檔案(.mp4、.avi、.mov、.mkv)按照指定的時間區段,分割為數個小片段。● 按照指定的檔案大小分割。● 將多段影片拼接成一個完整的影片。其他實用功能● 將彩色圖片轉換為灰階。● 圖片尺寸縮放。● 在圖片上套用簡單的濾鏡效果,比如復古風格或是負片效果。● 在圖片上的特定位置添加浮水印或是時間戳記。● 根據指定的排列方式,將多個圖片合併為一張圖。● 壓縮圖片以降低檔案大小。● 將網址製作成QR Code。 問題:ChatGPT可以轉檔影片嗎? 看完以上五花八門的功能或許有人會好奇:ChatGPT可以圖片轉檔,音樂轉檔,但是沒辦法將影片轉檔嗎? 答案是可以,但是失敗率高,限制也多。 原因在於影片的檔案容量通常比較大,轉換過程更為複雜又耗時,在處理中常常因為時間限制或網路不穩定,導致轉檔中斷而失敗。 根據經驗,目前ChatGPT只適合處理容量小、時間短的影片轉檔工作(分割與合併功能則不在此限),但相信AI科技一日千里,未來用ChatGPT處理幾小時長的影片不會是夢。 介紹完ChatGPT擅長的轉檔工作之後,接著就要設計指令囉! 【STEP 2】設計ChatGPT轉檔指令3大重點 工作上轉檔有很多情況,對ChatGPT下的指令也會各不相同。整體來說,轉檔指令可以簡化為3個重點:「輸入什麼、設定條件、輸出什麼」。 以切分一個PDF檔案為例。 輸入什麼:這份PDF檔案。 設定條件:照著1-5頁、6-10頁、10-15頁的順序分割。 輸出什麼:3份檔案。 將這3個重點整合成一段話就是:「請將這份PDF檔案依照1-5頁、6-10頁、10-15頁的順序,分割為3份獨立的檔案。」 透過這樣的方式,我們就能快速將工作需求轉為ChatGPT可以理解的指令,不必多費心力來思考指令該怎麼寫。 值得一提的是,如果要同時處理多份檔案,例如合併好幾份PDF文件,該如何告訴ChatGPT誰在前、誰在後呢? 這裡有個實用小技巧:「將每個檔案的名稱改為數字」,就能直接用數字檔名告訴ChatGPT排列順序囉! 【STEP 3】出現缺頁或文字亂碼?讓ChatGPT修正錯誤 如果發現轉檔後的檔案出現缺頁或是文字亂碼等錯誤,只要請ChatGPT重新處理一次即可排除問題。 舉例來說,近期ChatGPT處理JSON與XML兩種資料格式時,比較容易出現中文字亂碼。這時候我們可以輸入指令:「請修正這份檔案的中文編碼問題,並確保所有資料按照正確的格式顯示」,ChatGPT就會自動修正錯誤。 【STEP 4】下載檔案 轉檔完成後,點擊ChatGPT提供的下載連結,就能儲存檔案。 唯一要注意的是,下載連結有時效性,最好立刻將檔案儲存到自己的電腦。連結若是逾期失效,轉檔成果都會付諸流水! 【技巧升級】快速下載多個檔案的訣竅 當我們連續處理了好幾個轉檔,ChatGPT生成許多不同的下載連結,如果想簡化下載步驟,我們可以告訴ChatGPT:「將所有成果打包成壓縮檔」,就不需要手動下載多個檔案,省了許多麻煩。 節錄自:商周出版《30個必學的AI行政工作術:搞定會議、行程、簡報、文書、圖表、影音、資料庫,事半功倍,準時下班!》/賴彥廷 著 更多【AI工作術】推薦給你: 4步驟學會運用AI關鍵能力!16種AI工具應用解析|行銷策略指令範例 用AI快速寫Email!ChatGPT Writer、Copilot等中英文電子郵件生成 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報 會議紀錄用AI怎麼做?會議逐字稿如何整理?|AI語音轉逐字稿教學 用ChatGPT準備面試練習!AI履歷撰寫和模擬面試必學指令
【104職場力】・AI

Figma Asset 是什麼?用來管理Components超方便,不要再傻傻複製貼上了

在Figma中,Asset(資產)是設計師用來管理和重用設計元素的強大工具。它可存放常用的樣式(Styles)、組件(Components)、變量(Variables)等,讓設計師能在不同頁面或專案中快速調用已設計好的資源。以下將詳細介紹Figma中Asset的功能。 ▮Figma中的Asset概念 Asset主要包含以下幾個部分: 1. 組件(Components) 是Figma中可重用的設計元素,類似於設計模組或模板。例如,按鈕(Button)、導航欄(Navigation Bar)、圖示(Icon)等都可以作為組件被添加到Asset中。 2. 樣式(Styles) 包括顏色樣式(Color Styles)、文字樣式(Text Styles)、效果樣式(Effect Styles,如陰影、模糊等)。透過這些樣式,可以在設計中保持一致性,並快速套用或更新設計。 3. 變量(Variables) 是用來儲存和管理不同屬性值的工具,如顏色模式(Color Mode)、字體尺寸(Font Size)、間距(Spacing)等。變量可在不同情境下應用,讓設計更靈活。 ▮如何使用Asset面板 Asset面板通常位於Figma左側邊欄內,並包含以下功能: 1. 創建和管理組件(Components) - 建立組件(Create Component):選中要設為組件的元素,右鍵選擇「Create Component」,或使用快捷鍵 Cmd/Ctrl + Alt + K。 - 組件的使用:在Asset面板中,可以拖曳組件到畫布(Canvas)上,重用已設計的元素。 2. 保存樣式(Styles) - 文字樣式(Text Styles):選中設計好的文字,點擊右側樣式面板的「+」按鈕,將其保存為文字樣式,方便後續使用。 - 顏色樣式(Color Styles):設置顏色後,也可以將其存為顏色樣式,快速應用在不同元素上。 - 效果樣式(Effect Styles):如陰影(Shadow)或模糊(Blur)等效果,也能被儲存並重用。 3. 變量的應用(Variables) - 在資產面板中,設計師可以定義不同的變量組(Variable Sets),如亮色模式(Light Mode)和暗色模式(Dark Mode),並在不同情境下快速切換。 - 當需要修改整個專案的屬性(如顏色或間距)時,只需修改變量的值,其他引用了這些變量的元素都會同步更新。 ▮Asset的優勢 1. 提高一致性(Consistency) 透過Asset中的樣式和組件,可以在整個專案中保持一致的設計風格,避免不同頁面間的風格不協調。 2. 加速設計流程(Design Process Acceleration) 重用已存的資產可以減少重複勞動,縮短設計時間。 3. 便於團隊協作(Team Collaboration) Figma中的Asset是多人協作的重要工具,所有人都可以從Asset面板中調用相同的設計資源,保持專案風格的統一。 ▮如何最佳化使用Asset 1. 分類管理(Categorized Management) 將組件和樣式進行分類(如按功能、頁面、元件類型等),方便快速查找和應用。 2. 定期更新(Regular Update) 確保組件、樣式和變量的資源是最新的,以免在不同版本間出現不一致的情況。 3. 使用設計系統(Design System) 建立完整的設計系統(Design System),將所有設計規範、元件和樣式都納入Asset中,便於長期的專案維護和拓展。 透過對Figma中Asset的靈活運用,設計師可以提升設計效率和品質。Asset不僅是個人設計的好幫手,也是團隊協作中不可或缺的工具。
104學習・UI 設計新手村:Figma學習之旅🪐

從數位工具到商務實戰──義民高中資料處理科:培養跨域競爭力的數位職人

如何讓學生在 AI 崛起與網路經濟爆發的時代脫穎而出?義民高中資料處理科給出了一個清晰的答案。這門兼具「資訊技術」與「商業管理」的學科,不僅教導學生如何操作電腦、考取證照,更著重於跨領域的邏輯思維與實務整合。在這裡,學生從最基礎的文書處理出發,逐步踏入會計、經濟與商業專題製作的殿堂,在數字與程式碼之間,編織出屬於自己的未來職涯藍圖。 跨域思維的先行者:結合資訊與商務的學科優勢 「資料處理科最核心的優勢,就在於它的『跨領域』。」義民高中資料處理科陳昭君主任在訪談中一針見血地指出。面對許多國中生與家長常將「資訊科」與「資料處理科」混淆的疑問,主任給出了一個簡單而明確的判別方式:「資訊科是工業類群,面對的是機器;而資料處理科(資處科)則是商業管理群,面對的是人。網路世界的基礎是電腦,當你具備了電腦操作能力,又懂得商業運作邏輯,就能直接跨入電子商務與現代商務的領域。」 在課程設計上,資處科將複雜的電腦應用與統整商管知識相結合。高一到高三的學科內容涵蓋兩大體系: 資訊技術: 電腦軟體應用(Word、Excel、PowerPoint)、中英文輸入、計算機概論與Python 程式語言。 商業類科: 會計學、經濟學、商業概論到專題製作。 這種雙軌並進的訓練,讓資處科的學生在面對複雜的商業環境時,既擁有清晰的邏輯思維,又具備資料處理的執行力。 圖:學生透過上機實作,培養文書能力 從基本功到高階應用:以證照檢定奠定實力自信 在義民高中資處科,學習成果不只體現在課堂的聽講上,更落實在具體的證照考取與技能檢定中。學校規劃了一套循序漸進的證照地圖,協助學生在三年內建立無可替代的硬實力。 「我們透過考取證照的過程,給孩子們建立信心。」主任分享,高一時學生會先從電腦軟體應用丙級、TQC 辦公室應用軟體(Word、Excel、PowerPoint)以及中英文輸入開始扎根;到了高二、高三,則進階挑戰高難度的「電腦軟體應用乙級」檢定,以及人工記帳會計丙級等專業證照。 目前就讀資處科的林同學與戴同學,便充分展現了這項環境帶來的專業實力。林同學在三年內考取了包括電腦軟體應用乙級與丙級、商教會會計一級檢定、人工記帳會計丙級等多張高含金量證照;戴同學也順利拿下了電腦軟體應用丙級及多張 TQC 證照。這些努力,成為他們畢業時最堅實的備忘錄。 圖:高中三年努力考取多張證照,展現學以致用的實力 理論與實務的交會:專題製作打開職涯的無限可能 隨著 108 課綱的推進,「專題製作」成為資處科高三學生最重要的核心課程。專題製作要求學生必須主動整合三年所學,從無到有地完成一項縮小版的商業研究或企劃報告。 主任分享,目前科大在競賽與專題上喜好的取向,多圍繞在 ESG(環境、社會與治理)、APP 應用、產品行銷企劃與活動企劃。因此,學生的專題主題也緊扣這些時代脈動,例如有組別便以「心理舒壓」為核心研發創意點子,完成了具備高度整合性的專題成果。 在專題製作的過程中,學生必須寫出完整的企劃書,內容涵蓋室內設計構想、成本預算控制、人力資源配置、行銷宣傳策略等。主任透露:「在討論行銷推廣時,學生提出想利用 Instagram作為宣傳通路。我不直接教他們怎麼進行推廣,但我會以過去做行銷的經驗挑戰他們:『你們的推廣策略就只有這樣嗎?要怎麼寫文案?文稿跟圖片要怎麼呈現?』」這種高互動性的引導,讓學生養成思考每一步驟背後的邏輯與效益。 圖:高三專題成果,榮獲商業類技藝競賽獎項,展現跨域整合與實作能力 多元進路與特質媒合:找到屬於自己的發光舞台 「讀資處科,最大的好處就是未來的出路非常寬廣。」主任驕傲地表示。由於兼具資訊與商管背景,資處科畢業生在統測升學時擁有極大的優勢,可選擇的落點涵蓋:資訊管理系、企業管理系、財務金融系、會計系、財稅系等…甚至是跨足跨域的工業管理、資訊工程系等。 對於有志於在高中畢業後直接投入職場的「實用技能班」學生,資處科也提供了充足的就業準備。林同學與戴同學便分享,身邊選擇直接就業的同學,多數能順利進入餐飲業、零售通路(如全聯)等服務產業服務。更有實用技能班的孩子在畢業後,一邊在知名科技公司(如緯創)上班,一邊在國立大學研究所繼續深造,實現了產學無縫接軌。 究竟什麼樣的孩子適合就讀資料處理科?主任與兩位學生的分享總結出了以下幾項人格特質: 樂於與人互動、不排斥溝通: 商管群的核心在於服務與協調,具備良好的文字與言語表達能力是重要基石。 對數字與細節具備敏感度: 不需要數學成績頂尖,但必須對數字有耐心,能從簡單的數據中發現脈絡。 喜好操作電腦、不排斥邏輯思考: 面對系統與程式工具,願意動腦思考其運作邏輯。 航向數位未來的羅盤:在多變環境中發光的跨域英才 在義民高中資料處理科的三年的時光裡,學生學到的從來不只是死板的軟體操作,而是一套與現代數位世界對話的方式。從高一敲擊鍵盤的生疏,到高三能在講台上自信展示專題成果;從面對數據的迷惘,到能用多元工具梳理資料邏輯。這群資處科的學生在細節中鍛鍊判斷力,在跨領域的碰撞中摸索自我,陪伴著他們走向未,在各自的領域裡閃閃發光。 開箱資料處理科學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

有任何收穫或想分享的,都來和大家一起聊聊吧!