WordPress視覺排版設計超入門：CSS與HTML
104學習
HTML
是用來建立網頁結構的標記語言，負責定義文字、圖片、連結等內容的排列和呈現方式。掌握這項技能能讓你理解網站如何運作，並能與前端設計師或工程師有效溝通。對於從事網頁設計、前端開發或數位行銷相關工作的人來說，是基本且必備的技能，有助於提升職場競爭力。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
JSP + Servlet | 吳永志Java Web 技術開發
C# 從零開始前進.NET物件導向程式全攻略
智能文件編輯：AI和Word的整合
WordPress新手架站10堂課
Python Crawler AI爬蟲與自動化實戰：新手入門到精通！打造你的數據助手！
工程師救星-用Bootstrap速成響應式網頁開發
精選證照
考取專業證照，讓能力被市場看見
ITS HTML and CSS 程式語言核心能力
Information Technology Specialist（IT 資訊科技專家認證），簡稱 ITS，是Pearson VUE／Certiport 推出符合產業趨勢的初階資訊科技認證，涵蓋 IT 資訊技術、資料庫、軟體研發、新興科技四大領域，共十三個科目，透過 IT 資訊科技專家訓練課程，可驗證考生是否具備雇主所需的 IT 技能，幫助考生為未來職涯做好準備。
即使是國際性的專業認證、英文證書，但是在試題上可以自由選擇語系，因此，在國內的 ITS 認證考試亦提供有正體中文化試題，只要通過 Certiport 的認證考試，即頒發全球通用的國際性證書。
IT 資訊科技專家課程的目標對象為正在考慮或剛剛開始踏上資訊科技職涯的人士。考生能夠驗證他們在各個 IT 領域中的知識，其中包含軟體開發、資料庫管理、網路與安全、行動與裝置管理、程式開發、編程與代碼、雲端運算以及人工智慧。
Certiport
SSE HTML5國際認證
網頁設計的工具有許多，但是最基礎也是最重要的是HTML語言，特別是對於資訊科技的學生或網頁設計師，當了解HTML語言後，你可以全盤了解網頁畫面的設計方法以及徹底了結網頁結構的精神與意義，更進一步你也可以了解應如何設計一個可以讓搜尋引擎搜尋到，以及增加瀏覽率的網頁。通過本測驗，可得到HTML5認證書，代表你已擁有設計及修改HTML文件的能力。
Silicon Stone Education (SSE)
SSE CSS3國際認證
CSS3是設計網頁的重要技術，和HTML搭配使用，基本上是HTML5的延伸，在W3C官方組織中，基本上將網頁的文件內容設計與外觀設計分開，CSS3重點是處理網頁的外觀設計，特別是應用在大型網站。通過本測驗，可得到CSS3認證書，代表你已擁有設計及瀏覽別人所設計大型網站HTML5+CSS3文件的能力。
Silicon Stone Education (SSE)
Adobe Certified Dreamweaver Developer
Adobe Certified Dreamweaver Developer認證為Adobe所發之國際認證，針對多媒體網頁設計之核心應用能力，所規劃的認證項目。其協助網頁工作者，能有效使用Dreamweaver 軟體進行創作展現實力。
Adobe
MCSD for .NET
MCSD for .NET 證照代表具備使用微軟.NET技術進行應用程式開發的專業能力，涵蓋前端與後端設計、Web服務及資料庫整合等技能，適合軟體工程師與系統開發人員提升職場競爭力。持有此證照表示熟悉Visual Studio開發環境，能運用C#、ASP.NET等技術完成企業級應用，符合現代軟體開發需求。
尚未查核發照單位
SSE C程式語言國際認證
C語言已經是目前欲進入資訊科技殿堂最重要的程式語言，也是最好找工作的程式語言，目前大部分的半導體，工業工程，無人車，虛擬實境和手機開發等和硬體相關的開發都是使用C語言完成。掌握C語言是軟體工程師最重要的技能。讓你在各個不同領域都能得心應手完成困難的工作。通過我們的認證，你將證明自己具備高人一等的C語言開發能力。
Silicon Stone Education (SSE)
精選貼文，掌握第一手知識
2026年高效工作術！盤點9種辦公室生產力工具App
內容太多想記下筆記，哪款筆記軟體適合自己呢？工作常常分心想滑手機，如何才能提升專注力？想和團隊即時線上討論，除了通訊軟體開視訊還有什麼方法？《104職場力》為您整理幾個辦公室實用生產力工具App，包括手寫筆記、文法錯字修正、時間管理等提升效率、增加便利性的軟體，讓工作更加靈活！
文／《104職場力》
生產力工具網站／APP特色Slack通訊軟體協作工具，可以即時交談、群組對話。Zoom遠距、視訊會議工具，與團隊成員直接網路交流。Evernote筆記和組織工具，跨平台支援桌機、iOS、Android。GoodNotes筆記和組織工具，目前僅支援macOS、iOS、iPadOS。Notability筆記和組織工具，目前僅支援macOS、iOS、iPadOSTodoist任務管理工具，清楚管理日常各式工作與行程。Forest時間管理工具，提高專注力並減少分心，讓樹木成長茁壯。Grammarly語法和拼寫檢查工具，可以迅速修正拼字、文法錯誤。Later社群媒體管理平台，管理你所經營的各種社群網站。
1. Slack
許多企業都會用的Slack是什麼軟體？
Slack是一個通訊協作工具，可以即時交談和群組聊天功能，讓團隊成員能夠快速溝通和討論問題。它的功能有：
即時聊天：可以與團隊成員立即溝通、討論問題。
建立群組頻道：團隊成員在不同頻道中進行對話，討論不同主題面向。
文件分享：分享文件、圖片、影片等。
寄送通知：可以透過電子郵件、手機通知等方式向團隊成員發送通知，及時了解重要訊息。
應用程式整合：可以整合其他應用程式，如Google Drive、Trello等，在Slack上直接連結這些應用。
自訂義訊息：可以設置自定義訊息，如自動回覆、提醒等，提升工作流程與效率。
網站連結：Slack
網站語言：提供繁體中文
費用：免費版、Pro、Business+、Enterprise Grid
版本：
桌面版：macOS、Windows、Linux
應用程式：Apple App Store、Android Google Play
▲ 圖片來源：Slack
2. Zoom
眾多遠距、視訊會議和網路研討會的工具之一，不論成員身在何處，它可以與團隊成員直接網路交流。例如：
視訊會議：視訊通話可以同時支援多達1000位與會者，在會議中分享畫面、白板、文件、影片等內容。
音訊會議：除了視訊通話，也能透過電話加入音訊、設定喇叭與麥克風或召開個人電話會議。
畫面分享：會議中分享自己的畫面，同步讓其他與會者檢視畫面、簡報、工作表等。
註解和白板：在分享文件或畫面上增加註解和標記，或使用白板即時進行線上協作。
網路研討會：舉辦網路研討會或直播，Zoom有提供管理註冊和報名程序的功能。
會議錄製：如果是會議主持人，可以錄製會議存檔，後續回放和分享。
網站連結：Zoom
網站語言：提供繁體中文
費用：基本免費（Basic）、Pro、Business、Enterprise
版本：
桌面版：macOS、Windows（官網下載連結）
瀏覽器擴充功能：Chrome、Firefox
電子郵件：Microsoft Oulook增益集
應用程式：Apple App Store、Android Google Play
▲ 圖片來源：Zoom
3. Evernote
筆記和組織工具，可以快速記錄想法和重要資訊，並將統整組織，日後方便檢閱搜尋。例如：
筆記和記事本：建立不同類型的筆記或記事本，可以設定於不同標籤或文件夾中。
增加多媒體檔案：可以加入圖像、聲音和影片等多媒體檔案於筆記中。
網頁文章剪貼：Evernote提供瀏覽器擴充功能，文章、網頁、螢幕擷取都可以直接儲存到筆記中。
標籤搜尋：透過標籤清楚分類，搜尋時更快速找到想要的文件。
共享協作：開啟文件分享權限後能與他人共同協作。
同步備份：支援跨平台同步和備份，不同設備上都可以使用，也避免防止資訊不見或損壞。
整合服務：能與Google日曆、電子郵件及雲端硬碟等、Slack、Microsoft Teams許多應用程式整合，提升效率。
網站連結：Evernote
網站語言：提供繁體中文
費用：免費版、個人版、專業版、團隊版
版本：
桌面版：macOS、Windows
瀏覽器擴充功能：Chrome
電子郵件：Microsoft Oulook增益集
應用程式：Apple App Store、Android Google Play
▲ 圖片來源：Evernote
4. GoodNotes
筆記和PDF編輯軟體「GoodNotes」，其功能有：
建立不同類型筆記：如手寫、打字和插入圖像、聲音、影片等多種媒體。
手寫筆記和繪圖：GoodNotes支援手寫筆記和繪圖功能，在iPad上可以用手寫筆或Apple Pencil手寫筆記或繪圖。
PDF、PPT編輯：可以編輯PDF及PPT文件，包括增加註釋、標記、繪圖、刪除和更換文件等。
錄製音訊筆記：編輯筆記同時，也能錄製音訊檔，而播放錄音即可看到所做筆記同時出現。
文字識別功能：支援手寫文字識別功能，可以透過搜尋找到手寫文字資訊。
抽認卡：將筆記轉化成抽認卡，透過間隔重複進行複習，增加熟悉。
分享匯出：筆記和PDF文件可以上傳到雲端或其他應用程式中、與其他人分享，並匯出多種格式如PDF、Word、PowerPoint等。
iCloud同步備份：透過iCloud同步備份能在不同裝置瀏覽使用。
網站連結：GoodNotes
網站語言：提供繁體中文
費用：免費版（建立筆記數量、功能有限制）、付費版（一次性買斷 NTD$290）
版本：
桌面版：macOS
應用程式：Apple App Store
▲ 圖片來源：GoodNotes
5. Notability
不論你是學生課堂記下筆記、教師紀錄課堂資訊與教學內容、從業人員繪圖並記下重要資訊等，相信有使用iPad也都不陌生這款筆記軟體「Notability」。
其主要的功能有：
建立不同類型筆記：如手寫、打字和插入圖像、聲音、影片等多種媒體。
手寫筆記和繪圖：Notability支援手寫筆記和繪圖功能，在iPad上可以用手寫筆或Apple Pencil手寫筆記或繪圖。
PDF、PPT編輯：可以編輯PDF及PPT文件，包括增加註釋、標記、繪圖、刪除和更換文件等。
錄音：編輯筆記同時，也能錄製音訊檔，在課堂、會議、講座等場合十分好用。
手寫筆記轉換為文字：支援手寫文字識別功能，將手寫筆記轉換為文字，更為方便編輯與閱讀。
分享匯出：筆記和PDF文件可以上傳到雲端或其他應用程式中，並能匯出多種格式，如PDF、Word、PowerPoint等。
iCloud同步備份：透過iCloud同步備份能在不同裝置瀏覽使用。
網站連結：Notability
網站語言：提供繁體中文
費用：免費版（建立筆記數量、功能有限制）、付費訂閱制（Notability Plus）
版本：
桌面版：macOS
應用程式：Apple App Store
▲ 圖片來源：Notability
6. Todoist
Todoist是一個任務管理工具，可以設定期限、優先級別和提醒事項，更清楚的管理日常各式工作與行程，例如：
建立任務清單：建立各種類型的任務清單，例如工作、家庭、學習等等，組織任務、提升效率。
設定優先順序：可以標記將各種任務標記優先順序，「重要」、「中等」或「較不重要」，更清楚的安排時間規劃。
設定期限：為每個任務設定期限，掌握進度並確認什麼時候需要完成。
建立次要任務：如果任務較為龐大複雜，可以再往下設定次要任務，以便追蹤進度。
設定標籤、提醒等：讓任務更清楚。
與其他成員共同合作：可以設定將任務與他人共享，團隊都能清楚了解任務資訊與進度。
Todoist提供免費版及按月付費，以及企業商務用，差別在於項目、共同協作成員數量等限制。
網站連結：Todoist
網站語言：提供繁體中文
費用：免費版、專業版、企業版
版本：
桌面版：macOS、Windows 10/11、Linux
瀏覽器：Chrome、Firefox、Microsoft Edge、Safari
應用程式：Apple App Store、Android Google Play
穿戴裝置：Apple WatchOS、Google Wear OS
電子郵箱：Gmail插件、Gmail、Outlook
▲ 圖片來源：Todoist
7. Forest
幫助您放下手機，專注生活的 App。
Forest
「Forest 專注森林」是一款時間管理工具，它可以幫助使用者提高專注力並減少分心，透過有趣的種植「虛擬樹木」方式來完成目標。
今日社會人手一機，更是難以放下對手機的依賴，因此不論工作、學習還是社交場合中，想要提高專注力、減少查看手機的行為、更享受於與人社交的過程，這款App可能很適合你。
啟動Forest選擇一個時間長度並開始計時，這段時間不能使用其他軟體、應用程式，否則成長中的小樹就會枯萎。持續執行持續達成目標後，森林就會變得愈來愈茂密。
而Forest也與種樹組織Trees for the Future合作，如果使用者累積一定金幣後，Forest就會種植一顆真正的樹苗在地球上。
網站連結：Forest
網站語言：提供繁體中文
費用：免費版（提供應用程式內購）
版本：
瀏覽器：Chrome擴充功能
應用程式：Apple App Store、Android Google Play
穿戴裝置：Apple WatchOS
▲ 圖片來源：Forest 專注森林
8. Grammarly
寫電子郵件、報告和其他業務工作文檔、文案時，可以透過Grammarly語法和拼寫檢查工具迅速修正拼字、文法錯誤。功能如：
文法和拼寫檢查：檢查文中的文法和拼寫錯誤，並提供相關建議與修正，從而改善文句順暢與正確性。
語法改進：根據文章類型，如學術寫作、新聞稿件、社群媒體，提供語法建議。
標點符號：有時可能漏打或錯用標點符號，它會檢查文中標點符號的使用狀況。
詞彙替換：提供詞彙同義字更多選擇，單字使用上更精準也讓語句更豐富。
調整撰寫風格：它也能提供撰寫風格建議。
Grammarly提供免費版、高級版以及企業商務用，差別免費版僅有基礎功能，如要更進階的改善建議則須付費。
網站連結：Grammarly
網站語言：英文
費用：免費版、高級版、企業版
版本：桌面版：macOS、Windows
瀏覽器：Chrome、Firefox、Microsoft Edge、Safari
文書軟體：MS Office、Google Docs
應用程式：Apple App Store（iPhone、iPad）、Android Google Play
▲ 圖片來源：grammarly
9. Later
Later為一社群媒體管理平台，主要功能在於管理你所經營的社群網站，排程貼文、分析社交平台上的活動、行銷等。功能如：
設定排程：透過Later編輯並可預先排定每個社群媒體貼文、圖片。
多平台支援：支援Instagram、Facebook、TikTok、Twitter、LinkedIn、Pinterest等社群平台，一次管理所有社群活動。
儲存標籤：整理社群媒體標籤。
分析報告：分析社群媒體成效，了解貼文表現、提供粉絲、受眾群體有用資訊。
貼文管理：管理不同平台的貼文圖片，可修改圖片、增加文字等功能。
多人共同管理：可以新增與他人共同協作，共享帳號和管理。
網站連結：Later
網站語言：英文
費用：免費版、入門版（Starter）、成長版（Growth）、進階版（Advanced）
版本：
桌面版：macOS、Windows
應用程式：Apple App Store、Android Google Play
▲ 圖片來源：Later
關於【工作術】更多職場新訊，還有這些觀點供您參考
為什麼我發的Mail，都沒人要回我信？｜職場工作術
簡報結束後才是戰場，面對提問的3大應對技巧｜職場工作術
在家工作就想發懶？8個提升WFH辦公效率的小技巧！｜職場工作術
不想年度工作報告像流水帳？學學張忠謀的「時間框架」｜職場工作術
密碼用生日、常用平台用同一組密碼？這些帳號被盜的資安大地雷，你也犯了嗎？｜職場工作術
Windows 10實用快捷鍵：免安裝下載的「表情符號」？用快捷鍵叫出微軟內建的「Emoji」、顏文字和特殊符號吧！｜職場工作術
2025年字體懶人包！15款【實用中英日字型】免費下載，可商用、自用
在當今數位設計領域中，開源字體的使用已經變得日益普遍，為設計師提供了多樣化的選擇和便利性。然而，這種開源字體的使用也引發了一系列值得關注的痛點，例如：版權問題...等，本篇整理15款免費字體、開源字體，除了自用還可商用，讓創作者在使用字體時不用擔心版權問題。
文／《104學習精靈》
本文導覽（點選連結可至指定章節閱讀）了解什麼是「開源字體」?15大免費字體懶人包整理：思源黑體思源柔黑體台北黑體源樣黑體瀨戶字體花園明朝體饅頭黑體源泉圓體ju open 粉圓體思源宋體芫荽字體源流明體辰宇落雁體悠哉字體俐方體11號
procreate使用字體常見QA
線上學習：打造出屬於你的字體
什麼是開源字體？
開源字體（Open Source Fonts）是指以開源許可證（例如SIL Open Font License、Apache License、MIT License等）發布的字型，這些許可證允許任何人自由地使用、修改、分發和共享該字型的源代碼。開源字體具有以下四大特點：
自由使用：任何人都可以免費使用開源字體，無需付費或取得特殊許可。這使其在許多不同領域，包括網頁設計、印刷媒體和軟體開發中變得非常受歡迎。
可修改性：開源字體的源代碼通常是公開的，允許字體設計師和開發者自由地修改字型以滿足特定需求。這種可定製性使設計師能夠創建獨特的字體風格。
共享和分發：開源字體可以自由地分享和分發，這使其易於在不同項目和平台之間共享，無需擔心版權問題。
社區參與：開源字體通常由一個社群來開發和維護。這促進了協作和知識分享，並使字體得以不斷改進和擴展。
開源字體的使用在設計和開發領域中非常常見，它們為設計師、開發者和內容創作者提供了多樣性的字體選擇，同時也支持開放的文化和知識共享。
15大免費字體懶人包整理：
字體說明 字體介紹字體參考思源黑體 多語言支持，優質設計，多風格，開源授權，跨平台，廣泛應用。【我要下載】思源柔黑體中文優雅、豐富風格、多字重、精簡設計、開源授權。【我要下載】台北黑體簡約現代、中文優美、多風格、開源許可、易用廣泛。【我要下載】源樣黑體簡約風格、中英文支持、多字重、開源許可、廣泛應用。【我要下載】瀨戶字體日式風格、漂亮筆劃、多字形、優質字型、設計自由。【我要下載】花園明朝體優雅書法風、中文精美、多風格、閱讀佳選、獨具特色。【我要下載】饅頭黑體多語言支持，優美字形，清晰易讀，跨平台，開放授權。【我要下載】源泉圓體簡約風格，中文精緻，多字重，免費開源，廣泛應用。【我要下載】ju open 粉圓體年輕活潑，簡潔設計，多字重，自由分享，現代風。【我要下載】思源宋體傳統中文風，多字重，開源許可，閱讀佳選，多用途。【我要下載】芫荽字體手寫風格、藝術性、簡單多用、中英文支持、創新設計。【我要下載】源流明體楷書風格、經典美學、多字形、精緻細緻、文學藝術。【我要下載】辰宇落雁體藝術書法、流暢筆觸、文學情感、風格獨特、中文優雅。【我要下載】悠哉字體風格簡約、清晰易讀、多字形、中英文支持、閱讀愉悅。【我要下載】俐方體11號現代風格、多字形、簡潔美觀、中文優美、設計專業。【我要下載】
procreate使用字體常見QA：
1. 如何在Procreate中添加自定義字體？
通過啟動iOS的檔案應用程序，將字體文件添加到Procreate的「字體/Fonts」文件夾中。然後您可以在Procreate中訪問並使用這些字體。
2. Procreate支持哪些字體文件格式？
Procreate支持.ttf（TrueType）和.otf（OpenType）字體格式。您可以將這些格式的字體添加到Procreate中使用。
3. 我添加了字體，但它們不顯示在Procreate中。怎麼辦？
確保您已將字體文件正確放置在Procreate的「字體/Fonts」文件夾中。然後在Procreate中嘗試重新啟動應用程序，這些字體應該會出現在字體選擇列表中。
4. 是否有推薦的字體管理應用程序可用於Procreate？
是的，您可以使用應用程序如iFont或AnyFont來管理和添加字體到Procreate以外的應用程序。
5. 我可以在Procreate中調整字體的大小和顏色嗎？
是的，您可以在Procreate中調整字體的大小、顏色和其他屬性。使用文本工具來編輯文本圖層，並使用Procreate的繪圖工具進行進一步的調整。
6. 是否可以在Procreate中添加外部字體庫？
目前，Procreate只支持將字體添加到特定的「字體/Fonts」文件夾中。如果您希望使用外部字體庫，需要確保將字體文件複製到該文件夾中。
更多Procreate學習討論，可前往104學習精靈加入討論
線上學習：打造出屬於你的字體
除了下載字體使用外，其實你可以打造出屬於你的專屬字形唷 ! 透過線上學習相關課程，逐漸鑄造出屬於自己的文字風格，這是一場充滿創意和表達的冒險旅程。通過堅持練習，我們能夠在數位世界中留下自己的痕跡，打造一個獨一無二的字體，反映著我們的個性和故事。
相關課程推薦：
課程課程名稱教學內容伸縮自如的字體課：從基本功到創意風格掌握基礎中文字體知識，掌握基本字體如明、黑體的繪製技巧標標標標標準字 - 從生活創意到邏輯實踐設計出一套好看的標準字6五3的書法設計課：跳脫字帖的書寫自由式可獨立完成具有設計感的書法字，並應用於日常生活各處。藝術字數位化，手寫風格 Logo 設計清楚了解每個流程的製作方式與細節等，最後將自己手寫的字體應用在各種地方！
用AI快速寫Email！ChatGPT Writer、Copilot等中英文電子郵件生成｜附5種指令範例
想用AI快速回信寫信，Grammarly、Microsoft Copilot、TinaMind、ChatGPT Writer要怎麼用？本文解析4種工具的特色及介面用法，以及分享5種情境的信件指令（Prompt），讓你工作效率倍增！
文／ 張可佳（Claire Chang）
本文目錄（點擊可快速前往）
Grammarly：英文書信的撰寫輔助Microsoft Copilot：善用預設介面撰寫信件撰寫商務信函指令（Prompt）商務信函的最佳化指令（Prompt）個人信件書寫指令（Prompt）職場信件書寫指令（Prompt）政府公文的撰寫指令（Prompt）TinaMind：一鍵產生信件內容ChatGPT Writer：快速寫信、自動幫你回信
書信和邀請函至今依然扮演著重要的角色，無論是正式場合還是私人活動，都需要一封得體、清晰的信件來傳達資訊和心意。利用文字生成工具來撰寫和修改書信與邀請函，無論是商務邀請、活動邀請，還是個人邀請信，都可以通過簡單的提示，生成專業且符合場合的內容。
延伸閱讀：【商業／求職Email格式】電子郵件7重點+範例，輕鬆寫出專業感
Grammarly：英文書信的撰寫輔助
官方網站：https://www.grammarly.com/
Grammarly是一個AI驅動的寫作輔助工具，主要針對英文的寫作為主，旨在幫助用戶提升寫作的準確性和表達效果。它能即時檢查文法、拼寫、標點，並提供語氣、風格等建議，也可以可根據提示生成內容大綱或草稿。
該工具支援多種平台，包括桌面應用程式、瀏覽器擴展程式、行動應用程式等，在安裝桌面版程式之後，可直接在Google Docs、Slack、Outlook等使用此工具，提供撰寫信件時的文法檢查，或是直接輸入你想寫的內容請Grammarly幫忙生成內容，而無需切換應用程式。另外Grammarly也提供瀏覽器外掛，支援Chrome、Safari、Firefox等主流瀏覽器，透過外掛可與Gmail、Google Drive等Google服務整合。
Grammarly提供免費和付費版本，某些高級的功能如：語氣建議、抄襲檢查等，只能在付費版本使用。
這個功能適合經常需要撰寫英文書信的人，其對於文法和拼寫檢查非常的準確。
Grammarly（圖／博碩文化提供）
Microsoft Copilot：善用預設介面撰寫信件
針對邀請函的撰寫，我推薦Microsoft Copilot，因為他有已經設計好的介面可供直接使用，我們只需要將Copilot的介面切換至「撰寫模式」，這邊都已經有固定的表格和選項，只要按照表單填寫，就能產生很棒的內容。
Microsoft Copilot在撰寫邀請函方面的最大優勢在於其直觀且易用的介面，特別適合不熟悉AI的使用者。以下是一些具體的優勢：
設計良好的介面：Copilot提供了一個專門的「撰寫模式」，用戶可以輕鬆切換到這一模式，無需深入了解AI技術即可開始使用。
預設模板和選項：在撰寫邀請函時，Copilot已經設計好固定的表格和選項，用戶只需選擇所需的類型，系統便會自動生成相應的內容，這樣可以節省大量的時間和精力。
自動化內容生成：Copilot能夠根據用戶的需求自動生成邀請函的內容，無論是正式的商務邀請還是輕鬆的社交聚會邀請，均能提供合適的文案。
Copilot（圖／博碩文化提供）
除了邀請函之外，同樣的模式在商務信函的撰寫與最佳化、個人和職場信件的書寫也非常有用。以下為範例的Prompt：
撰寫商務信函指令（Prompt）
寫一封有說服力的電子郵件來說服潛在客戶嘗試我們的商品。我們的商品是辣木月餅我們每盒都會捐贈100元幫助婦幼弱勢，辣木有極高的營養價值，是個天然的健康補充來源
商務信函的最佳化指令（Prompt）
修改這封電子郵件，以專業的英語口說方式寫出來，此封信件的語氣應要能非常專業和簡潔。此外，至少提供三個電子郵件主題給我選擇。""" 我們很高興向您介紹我們最新推出的產品「辣木月餅」。這款月餅結合了傳統與健康，是您中秋佳節的不二選擇。每購買一盒，我們將捐贈100元幫助婦幼弱勢群體。希望能有機會為您提供試吃樣品，讓您親自體驗這款健康美味。"""
個人信件書寫指令（Prompt）
寫一封給朋友的電子郵件，內容是邀請他們參加我即將舉辦的生日派對，並提供派對的詳細資訊如日期、時間、地點，還有希望他們能夠來的原因。
職場信件書寫指令（Prompt）
寫一封給同事的電子郵件，內容是邀請他們參加公司即將舉辦的研討會，並提供研討會的詳細資訊如日期、時間、地點，以及參加的意義。
政府公文的撰寫指令（Prompt）
寫一封給教育局的公文，內容是請求教育局通知各學校特教系分享協會即將舉辦的針對特教老師的培訓課程資訊，並附上課程的詳細資料如日期、地點及報名方式。
TinaMind：一鍵產生信件內容
我們可以至TinaMind的官網安裝瀏覽器外掛，這個外掛提供簡單易用易上手的UI，並且有非常多已經分類好、在不同領域可開箱即用的現成提示詞，我們只需要像是填表單一樣把我們的需求填入，就可一鍵產生我們要的書信內容。
官方網站：https://tinamind.com/
在介面的頂端，可以選擇是要撰寫新郵件還是回覆現有郵件。並可以選擇郵件內容的長度（自動、短、中、長）、語氣（中立、正式、專業等），並選擇輸出語言。這部分更詳細的說明可參考本書【4-2推薦的瀏覽器外掛與工具】，裡面有專門針對TinaMind外掛有更完整的介紹。
TinaMind（圖／博碩文化提供）
ChatGPT Writer：快速寫信、自動幫你回信
官方網站：https://chatgptwriter.ai/
ChatGPT Writer是一個瀏覽器外掛，能夠幫助用戶快速撰寫電子郵件、修正語法、進行翻譯及進行研究等多種操作。其與Gmail進行深度整合，讓用戶可以很方便地在Gmail信箱內使用AI。無論是撰寫電子郵件、回覆信件、訊息還是進行文本的修正與改寫都能快速完成。
ChatGPT Writer（圖／博碩文化提供）
支援多種AI模型，如GPT 4o、Claude Sonnet 3.5、Gemini 1.5 Flash等。ChatGPT Writer不僅支援多輪對話功能來調整回覆內容，或透過最下方的選單，根據需求調整寫作語氣與回應長度，並支援Markdown格式，讓回覆的內容更加適合特定的場合。最後則可以一鍵將最終的結果放回Gmail回覆欄位內。
ChatGPT Writer（圖／博碩文化提供）
ChatGPT Writer體積小巧、啟動快速，支援多語言，適合各類使用者需求。免費版的使用者一個月可使用15次，若覺得滿意升級Pro版本則月費為$16美金。
節錄自：博碩文化《AI職場超神助手：ChatGPT與生成式AI一鍵搞定工作難題／張可佳（Claire Chang） 著 》
更多【AI工具應用】推薦：
盤點20大職場必備AI工具！專家：未來9成工作者都須懂AI
ChatGPT整理Excel表格超快速！用AI輕鬆搞定複雜資料
ChatGPT一鍵生成簡報！Slides Maker讓AI幫你快速做完整簡報
軟體業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']
FYI意思是什麼？PV、OOO、FWD等職場英文縮寫懶人包！
FYI什麼意思？OOO、PV、KPI…等職場常見英文縮寫又代表什麼？本文整理常見辦公室英文縮寫，包括：Email、職位與部門名稱、會議報告、行銷企劃及資訊技術的英文縮寫用語，下次遇到就不擔心啦！
文／《104職場力》
本文導覽
FYI、FYR、OTP…常見的辦公室用語英文縮寫FYI意思跟FYR差在哪？常見的職位英文與部門名稱英文縮寫常見的會議報告英文縮寫常見的行銷企劃英文縮寫常見的資訊技術英文縮寫Email及辦公室用語使用英文縮寫的原因與優劣
你是否也有在和同事、主管開會討論時，發現他們口中會念出一連串的「英文縮寫字」，聽起來既像是專業用語又像是口語，記得住字母、但是卻完全搞不懂意思，總是搞得在會議中只能乾笑卻又丈二金剛摸不著頭緒嗎？
在現在的職場中，為了縮短溝通時間和精簡文字，養成許多辦公室都會出現的「英文縮寫」文化，有些源自於專有名稱的縮寫（如PV、UV、KPI、CTA.......等等）、有些則是出自於商務電子郵件中的常見用語（如c.c.、Fw、etc）、有些則是職場常見的職務縮寫（如HR、PM、R&D、PR），更有些則是約定成俗的英文縮寫用語（如BTW、ASAP、FYI、IAM），林林總總列不完，對於初來乍到的新人而言，這些大家聽到就能直接反應的省略用詞，又不好意思拉著前輩一個一個詢問，到底該怎麼辦呢？
以下提供職場中在會議、信件中常會看見的「英文縮寫」，下次遇到就不擔心啦！
FYI、FYR、OTP…常見的辦公室用語英文縮寫
名稱說明FYIFor your information 的縮寫，意指：提供予你做參考。FYRFor your reference 的縮寫，意指：提供給你參考。C.C.Carbon copy 的縮寫，意指：副件、副本。Fw/FwdForward 的意思，意指：轉寄郵件。ASAPAs soon as possible 的縮寫，意指：請盡快完成。BTWBy the way 的縮寫，意指：順帶一提。TBDTo be determined 的縮寫，意指：待議、待決定。NSFWNot safe for work 的縮寫，意指：工作場所不宜、不適合工作場合。NRNNo reply necessary 的縮寫，意指：不需要回覆。IAMIn a meeting 的縮寫，意指：正在會議中。ETCEt cetera 的縮寫，意指：......等等，英文意同 " and so on. "OOOOut of the office 的縮寫，意指：不在辦公室。WFHWork from home 的縮寫，意指：在家工作。OTPOn the phone 的縮寫，意指：通話中。
FYI意思跟FYR差在哪？
FYI中文翻譯為「提供予你做參考」，明明跟FYR意思差不多，但為什麼要分成兩種用法呢？
兩者的主要區別如下：
FYI英文中的Information，意思是指「資訊、資料、文件」等明確資訊，不論對方要採取什麼行動，這些訊息都是對方必須知道的事項。例如：需要出席的開會時間、出差行程、活動安排等。
常見的FYI用法：
FYI，下週的會議將在同一時間和地點舉行。
FYI，公司年度晚宴已確定在10月舉行，詳細資訊稍後公佈。
FYI，附上會議的紀錄與報告。
FYR英文中的reference，相對於Information，比較偏向參照、對照用的參考資訊或資料。屬於額外性質的，「有沒有幫助」或「要不要參考」則取決於收件者的判斷與意願。例如：圖片設計的建議參考範本、官網改版的參考網頁等。
常見的FYR用法：
這是以前設計圖的風格，FYR。
雲端內有歷史資料，FYR。
附檔為競品的調整內容，FYR。
因此，可以根據你提供給對方的資料屬性，選擇應該要使用FYI或FYR，這樣對方收到的指令會更加明確、使溝通更順暢。
常見的職位英文與部門名稱英文縮寫
名稱說明CEOChief Executive Officer 的縮寫，意指：首席執行官、執行長、行政總裁。CEO是公司三長之一，多為企業集團、行政單位的最高行政負責人。CFOChief Financial Officer 的縮寫，意指：首席財務官、財務長、財務總監。CFO是公司三長之一，多為企業集團、財閥中負責財務的最高執行人。CIOChief Information Officer 的縮寫，意指：首席資訊官、資訊長。CTOChief Technology Officer 的縮寫，意指：首席技術官、技術長。COOChief Operating Officer 的縮寫，意指：首席營運官、營運長。CMOChief Marketing Officer 的縮寫，意指：首席行銷官、行銷長。HRHuman Resources 的縮寫，意指：人力資源管理。PRPublic relations 的縮寫，意指：公共關係維護。PMProject Manager 的縮寫，意指：專案經理。ITInformation Technology 的縮寫，意指：資訊技術。R&DResearch and Development 的縮寫，意指：研究開發，簡稱研發。SASystem Analyst 的縮寫，意指：系統分析師。MISManagement Information System 的縮寫，意指：網管人員。QAQuality Assurance 的簡寫，意指：品質管理工程師。UIUser Interface Designer 的縮寫，意指：使用者介面設計師。UXUser Experience Designer 的縮寫，意指：使用者經驗設計師。VDVisual Designer 的縮寫，意指：視覺設計師。
常見的會議報告英文縮寫
名稱說明KPIKey performance indicators 的縮寫，意指：關鍵績效指標。OKRObjectives and Key Results 的縮寫，意指：目標與關鍵成果。YTDYear to date 的縮寫，意指：從今年初至今。常見於財務文件或報表當中。MTDMonth to date 的縮寫，意指：從本月初至今。Q1、Q2、Q3、Q4Quarter 1-4 的縮寫，意指：季度。一年可分為四個季度、每個季度3個月。通常第一季度指1-3月、第二季度指4-6月、第三季度指7-9月、第四季度指10-12月。H1、H2H 指的是 Half（半年），通常用來指特定年份，因此會出現在年份的的末尾，如：2023H1、2023H2（請注意一年只會有2個半年），H1通常指1-6月、H2則為7-12月。YoYYear on year 的縮寫，意指：年營收成長率。QoQQuarter on quarter 的縮寫，意指：季營收成長率。MoMMonth on month 的縮寫，意指：月營收成長率。B2BBusiness to Business 的縮寫，意指：企業對企業。常用於電子商務模式定義商業關係。B2CBusiness to Consumer 的縮寫，意指：企業對消費者。常用於電子商務模式定義商業關係。TBCTo be confirmed 的縮寫，意指：待確認。TBDTo be determined 的縮寫，意指：待確定。
常見的行銷企劃英文縮寫
名稱說明ADAdvertisement 的縮寫，意指：廣告。PVPage View 的縮寫，意指：單頁點閱率。UVUnique Visitor 的縮寫，意指：網站不重複的訪客數。SEOSearch Engine Optimization 的縮寫，意指：搜索引擎優化。CTR Click Through Rate 的縮寫，意指：點擊率。CTACall to action 的縮寫，意指行動呼籲，意指提示使用者採取動作。CPCCost Per Click 的縮寫，意指：每次點擊成本。CPACost Per Action 的縮寫，意指：每次動作成本。ROIReturn On Investment的縮寫，意指：投資報酬率。CRMCustomer Relationship Management 的縮寫，意指：客戶關係管理。EDMElectronic Direct Mail 的縮寫，意指：電子郵件行銷。FAQFrequently Asked Questions 的縮寫，意指：常見問題。
常見的資訊技術英文縮寫
名稱說明IPIP Address 的縮寫，意指：網際協定位址、網際網路協定位址。URLUniversal resource locator 的縮寫，意指：統一資源定位符，俗稱網頁位址或網址。VPNVirtual Private Network 的縮寫，意指：虛擬私人網路，多用於企業或團體間的私人網路通訊。RSSRich Site Summary 的縮寫，意指：簡易資訊聚合，用以聚合經常發布更新資料的網站。OSOperating System 的縮寫，意指：作業系統。HTTPHyperText Transfer Protocol 的縮寫，意指：超文本傳輸協定，是全球資訊網資料通信的基礎。HTTPSHyperText Transfer Protocol Secure 的縮寫，意指：超文本傳輸安全協定。FTPFile Transport Protocol 的縮寫，意指：檔案傳輸協定。ERPEnterprise Resource Planning 的縮寫，意指：企業資源計劃。APIApplication Program Interface 的縮寫，意指：應用程式介面。CSSCascading Style Sheet 的縮寫，意指：階層式樣式表。HTMLHyperText Markup Language 的縮寫，意指：超文本標記語言。
Email及辦公室用語使用英文縮寫的原因與優劣
不論辦公室中是使用電子郵件傳遞訊息或透過通訊軟體溝通，為了有效傳遞資訊，都非常講求簡短精確，使用英文縮寫可避免撰寫與閱讀時間的浪費，也減少語意不清混淆的狀況，如果辦公環境中有外國同事，更有助於促進溝通的一致性、邁向國際化。
雖然英文縮寫能提升打字效率，甚至可在商場中打造出專業形象，並幫助團隊溝通順暢，但對於初來乍到的新人可能門檻有點高，例如：
如果對英文敏感度較低，部分縮寫可能會造成理解困難，尤其是對於不熟悉該領域或書信文化的人來說。
部分縮寫具有多重意義，如果沒有弄清楚前後文的語意，容易導致誤解或會錯意，進而形成紛爭。
簡寫雖然好用，但過度使用縮寫可能會讓整封信件變得晦澀難懂，反而提升閱讀門檻。
不同國家、地區或文化對於縮寫的理解可能有所不同，如果沒有定義清楚，容易因文化差異造成誤解。
因此如果要在辦公室推行英文縮寫，或是因業務需要，向來都是英文書信往來的企業，不妨在新人訓練時一併布達相關內容，或直接列入培訓環節，讓整體的使用更精準、更實際。
推薦閱讀：
辦公室黑話快把我逼瘋了！ASAP是什麼意思？ROI、CPC又是什麼指標？｜辦公室常用英文簡稱整理包
【辦公室英文】實用！40 個網路業常用英文句型與情境整理
【辦公室英文】這些常用例句其實很「不得體」，小心得罪同事都不知道！
要放假了！Email自動回覆的英文「休假通知」怎麼寫？
小編私房推薦：104NABI精選【英聽會話、職場英語】學習資源
經典不敗：NEW TOEIC 新多益線上高分速成班 >>
會走路的翻譯機，用關鍵字秘訣，進擊職場口說 >>
摩根史丹利管理師都在學的「一分鐘英文短講術」>>
銀行雙語政策上路，9大情境式教學，讓你從容接待、滿足客戶 >>
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履歷撰寫和模擬面試必學指令
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工具應用解析
【2026精選PPT模板】12大簡報範本網站、AI工具免費下載！
需要高質感簡報範本嗎？《104職場力》實測、整理12款「PPT模板網站和多個AI簡報生成工具，免費下載商務、演講、會議、提案等簡報範本！文末加碼教學PPT轉PDF，並由簡報大師憲哥謝文憲、王永福指導專業簡報邏輯。
更新日期：2026/7/9
文／《104職場力》
本文導覽（點選連結可至指定章節閱讀）
超實用的PPT模版、簡報範本網站1. slidesgo─近7000個商業、行銷等免費簡報模板可下載2. OfficePLUS 微軟官方Office模板─超過1500種免費PPT模板，登入微信無限制下載3. SlidesCarnival─免費簡報模板依色系分類，無註冊、下載限制4. freepiker─近2200種簡報模板，適用版本多元5. showeet─創意滿點，可選擇4：3或16：9尺寸6. ALLPPT─免費PPT模板每天更新，每種提供30至40張投影7. PPT BIZCAM─可預覽3至5張內頁，《104職場力》小編激推！8. 새별의 파워포인트 SaebyeolPPT─提供簡報模板色碼，避免顏色落差9. Canva─最知名線上簡報編輯軟體，《104職場力》小編激推款！10. Slidehunter─提供精美視覺圖解，簡報有大量表格、數據超好用11. Design AC─近10種商業設計類別全包，可切換中文12. Gamma─AI製作、快速生成【104獨家製作】台灣簡報認證-初級｜104 × 台灣簡報認證更多【免費 PPT 簡報模板懶人包】「電獺少女」推薦五個超好用網站加碼不藏私技巧：「PPT轉PDF」教學專家手把手帶你做超強簡報：千萬講師謝文憲、王永福劃重點★ 重點一：先說重點，再講細節★ 重點二：善用「倒三角型敘述」★ 重點三：概念愈複雜愈要濃縮★ 重點四：重要比賽別用新手套！★ 重點五：在對的時間、講給對的人聽★ 重點六：因地制宜調整你的內容
下周部門會議被指定上台報告，主管更吩咐得做簡報，讓我好緊張。看著前輩的報告簡單俐落、畫面與資訊清楚又有設計美感，回頭看看自己過往簡報...簡直不忍直視。到底問題出在哪呢？
《104職場力》小編特別整理12個海量免費的簡報設計模板網站，不論各行各業，做專案、年度報表、企劃提案、產品介紹等皆能找到合適模板，包含時尚繽紛的韓系簡報、精簡大氣美系簡報、清新簡約日系風、專業職人風格...簡報設計一下上手，清楚呈現各項資訊！
超實用的PPT模版、簡報範本網站
網站特色slidesgo近7000個免費簡報模板可以選擇OfficePLUS微軟於中國Office官方網站所提供之簡報模板SlidesCarnival提供顏色之分類方式，讓你輕鬆找到鍾愛的色系freepiker支援PowerPoint、Google Slides、keynotes、Canvashoweet可以選擇 4：3 或 16：9 兩種尺寸ALLPPT每天更新，每種模板皆提供30至40張投影片PPT BIZCAM可簡易預覽3至5頁的內頁 《104職場力》小編激推款SaebyeolPPT清楚標示模板所使用的各色色碼，避免色差Canva標榜任何人都能輕鬆上手的Visual Suite，提供多款精美簡報版型，滿夯的線上編輯平台 《104職場力》小編激推款Slidehunter數千款簡報模版，可支援Keynote, Google Slides, Microsoft Office for MacsDesign AC不只PPT模版，更提供卡片、名片、海報、宣傳單、簡報、賀卡、月曆、商標LOGO等各種設計模版GammaAI生成簡報工具！一眼瞬間即可建立簡報、網站等內容 《104職場力》小編激推款12個高質感免費下載簡報範本網站
AI也許能幫你做簡報，但沒辦法替你說服別人！三位重量級講師：王永福、謝文憲、葉丙成，攜手《104學習》，共同推出「台灣簡報認證-初級」，透過一套讓企業快速辨識人才簡報實力的標準，讓求職者、在職工作者的簡報能力被真正看見！ ▶ 台灣職場簡報認證 - 初級｜104 × 台灣簡報認證
1. slidesgo─近7000個商業、行銷等免費簡報模板可下載
slidesgo相信許多人不陌生，近7000個免費簡報模板可以選擇，不同需求如「商業」、「行銷」或是泛用型簡報模板皆有，可透過用途篩選找到合適的版型，是製作Google Slides、PowerPoint和Canva好用的免費簡報模板網站。
網站連結：slidesgo
網站語言：英文
費用：免費（但有下載限制）
頁面中的 "Filter by" 選項 "License" 選擇 "Free" 即可篩選免費模板（近7000個）
版本：PowerPoint、Google Slides、Canva
slidesgo >>
2. OfficePLUS 微軟官方Office模板─超過1500種免費PPT模板，登入微信無限制下載
微軟於中國Office官方網站所提供的簡報模板，提供超過1500種不同用途PPT模板，可以依照「用途」、「風格」、「圖表」、「功能頁」篩選，如總結報告或產品推廣皆能選擇。
網站連結：OfficePLUS
網站語言：簡體中文
費用：免費（微信登入無限制下載）
版本：PowerPoint
OfficePLUS >>
3. SlidesCarnival─免費簡報模板依色系分類，無註冊、下載限制
提供超過200個免費簡報模板，無須登入也無下載限制，若對簡報主視覺色彩有特別要求者，網站提供顏色之分類方式，讓你輕鬆找到鍾愛的色系。模板提供PowerPoint或Google Slides版本，部分更提供Canva版本可以使用。
網站連結：SlidesCarnival
網站語言：英文
費用：免費（無註冊或下載限制）
版本：PowerPoint、Google Slides，部分提供Canva
SlidesCarnival >>
4. freepiker─近2200種簡報模板，適用版本多元
提供近2200種簡報模板可供下載，另外是使用keynote、Google Slides或Canva的使用者也有多種模板可選擇。美中不足的地方是沒有分類，僅能逐頁瀏覽。
網站連結：freepiker
網站語言：英文
費用：部分免費（需註冊登入）
版本：PowerPoint、Google Slides、keynotes、Canva
freepiker >>
5. showeet─創意滿點，可選擇4：3或16：9尺寸
提供200多種不同特色且富有創意的簡報模板，可以依照個人喜好選擇，每種模板都有多種用途，並非侷限於特定領域與面向，有的更可以選擇 4：3 或 16：9 兩種尺寸，提供給喜愛創意型的人參考。
網站連結：showeet
網站語言：英文
費用：部分免費
版本：PowerPoint、Google Slides
showeet >>
6. ALLPPT─免費PPT模板每天更新，每種提供30至40張投影
網站主打所有PPT模板完全免費、每天更新，將近1000個簡報模板可以選擇、15種分類不擔心找不到合適的選項。更具特色的是每種模板皆提供30至40張投影片的圖表、版面及字體搭配，依據自身需求選用。
網站連結：ALLPPT
網站語言：英文
費用：免費
版本：PowerPoint
ALLPPT >>
7. PPT BIZCAM─可預覽3至5張內頁，《104職場力》小編激推！
提供上千種不同風格的簡報模板，惟網站語言為韓文，但多數PPT模板在清單頁面可簡易預覽3至5頁的內頁，讓你清楚了解含有那些設計與圖像表格。（《104職場力》小編愛用推薦）
網站連結：PPT BIZCAM
網站語言：韓文
費用：免費
版本：PowerPoint
PPT BIZCAM >>
8. 새별의 파워포인트 SaebyeolPPT─提供簡報模板色碼，避免顏色落差
由韓國人經營架設的免費模板網站，提供上百種不同風格的簡報模板，特色在於清楚標示模板所使用的各色色碼，避免了不同顯示器產生的色差。
另外若有GoodNotes筆記模板需求，近期網站也開始提供簡易免費模板可供下載。
網站連結：SaebyeolPPT
網站語言：韓文、英文
費用：免費
版本：PowerPoint、部分GoodNotes
SaebyeolPPT >>
9. Canva─最知名線上簡報編輯軟體，《104職場力》小編激推款！
小編實測：Canva元素區有相當多實用小圖，可快速搜尋、套用，超方便
Canva 是一款相當多人使用的線上簡報設計編輯平台，可使用現有的免費PPT版型進行魔改，有些較進階精美的版型則需要付費才能解鎖。不過經小編實測，覺得如果沒有高度設計需求，其實免費版版型算是滿夠用的。介面也相當容易上手，特別是元素區有相當多實用小圖，可快速搜尋、套用，不用自己畫或另外上網搜圖，相當方便。（《104職場力》小編愛用推薦）
網站連結：Canva
網站語言：中文
費用：免費（可付費解鎖進階版）
版本：PowerPoint
Canva >>
10. Slidehunter─提供精美視覺圖解，簡報有大量表格、數據超好用
可下載數千款簡報模版（需先註冊成免費會員），可依情境去尋找適合的版型。這個網站提供的簡報的最大特色，是有許多精美視覺圖解，如果你的資料中有大量表格或數據，不妨到Slidehunter找找，讓你的簡報更一目了然。
網站連結：Slidehunter
網站語言：英文
費用：免費
版本：PowerPoint、Keynote、Google Slides、Microsoft Office for Macs
Slidehunter >>
11. Design AC─近10種商業設計類別全包，可切換中文
日本線上設計編輯平台，不只提供PPT模版，更提供卡片、名片、海報、宣傳單、簡報、賀卡、月曆、商標LOGO等各種設計模版，甚至能輕鬆做出Youtube縮圖、IG限動。網站可切換成中文介面，不用擔心看不懂日文。而且他們的圖片素材相當豐富，是直接使用 illustration AC 和 photo AC 圖庫網站。
網站連結：Design AC
網站語言：日文、中文、英文
費用：免費
版本：PowerPoint、PNG、JPG、PDF
Design AC >>
12. Gamma─AI製作、快速生成
這是一個強大的AI內容製作工具，可以快速生成PPT簡報、網站、文件。以下為《104職場力》小編實測「如何無腦生出專業簡報」過程：
1. 選擇產生「簡報內容」並選擇想要的卡片張數（即簡報頁數）
2. 輸入簡報主題，點擊「產生大綱」
為了測試AI有多強大，小編故意將主題設定較直白絕對不是因為台積電又破千元。一眼瞬間，AI立刻列出6頁簡報大綱，從台股近期表現到風險分析、策略建議等，讓整份簡報看起來面面俱到。如果不滿意大綱，也可以手動刪除，或點擊「產生大綱」讓AI生一批新大綱。
3. 還可以進一步設定每頁簡報的內容詳細程度、風格。小編選擇詳細內容，打算看看AI會端出什麼菜！
雖然小編不是少年股神，但這份簡報看起來還不錯，對吧！
（重要：以下簡報內容僅為AI生成示意，請勿作為投資依據）
網站連結：Gamma
網站語言：繁體中文
費用：免費試用版、付費進階版
版本：PowerPoint、PNG、PDF
Gamma >>
【104獨家製作】台灣簡報認證-初級｜104 × 台灣簡報認證
[course_plugin api_type='course_id' title='台灣簡報認證-初級｜104 × 台灣簡報認證' id='39d7b0fe-6384-450f-aee8-eaa8932b544d']
更多【免費 PPT 簡報模板懶人包】「電獺少女」推薦五個超好用網站
加碼不藏私技巧：「PPT轉PDF」教學
完成後的PPT簡報，有時為保持原創性、避免他人修改，需要轉成PDF檔案，步驟如下：
選取［檔案］>［匯出］
選取［建立 PDF/XPS 文件］，點選右方［建立 PDF/XPS］（如下圖示意）
在［檔案名稱］方塊中輸入名稱
選擇適合的［最佳化］輸出品質，如果想要列印，建議選取［標準］。 如果用於電子郵件或電腦投影使用，可以 選取［最小值］以避免檔案過大。
按一下［發佈］
PPT轉PDF教學步驟
專家手把手帶你做超強簡報：千萬講師謝文憲、王永福劃重點
不論求學或工作階段坐在臺下聽取他人簡報，當看到畫面密密麻麻的文字，講者又像讀稿機把每個文字都念過去，是否就昏頭不想看下去了？換作自己站在台上時，該如何避免此種狀況發生呢？
簡報製作不外乎幾個重點，「字體清楚」、「資訊明確易辨認」、「畫面簡潔」、「字數勿太多」、「透過圖表或圖像帶出重點」等，依據欲講述的內容選擇合適的表達方式，才能明確傳達每一頁的資訊。
令人驚艷的簡報設計與報告方式值得我們多加學習，有待加強或較差狀況的簡報則提醒自己勿再犯下同樣錯誤，不斷修正與進步。
簡報界千萬講師謝文憲（憲哥）、王永福（福哥）教你專業簡報該怎麼做：
★ 重點一：先說重點，再講細節
傳統簡報總是先闡述緣由，再專業說明，最後才推導到結論。如果結論是客戶最想知道的事，放在最後面才說，這不是很奇怪嗎？
現代社會講求效率，商務簡報應該要「先說重點，再講細節」。
〈謝文憲教簡報：先說結論再講細節，一開場就要直球對決〉
★ 重點二：善用「倒三角型敘述」
對於實事求是的高階主管而言，精準與有效率的談話一向是成功表達的要訣。掌握福哥說的倒三角訣竅，讓你未來無預期遇見高階主管，「只會想到機會，不再感到害怕」，尤其真的在電梯裡。
〈先講結論！電梯簡報分秒必爭，善用「倒三角型敘述」to the point！〉
★ 重點三：概念愈複雜愈要濃縮
簡報不僅用來傳達資料內容，更重要的是說服。當你只想著傳達資訊，便會在投影片中塞入一大堆資訊；而當你想的是說服聽眾，就會開始思考什麼方式能讓聽眾理解、記住而且被說服。「三重點分割」是非常好用的技巧，如果聽眾連三個重點都記不住，又如何能消化更多內容？
〈你的簡報老是塞滿無極限？千萬級講師王永福：概念愈複雜愈要濃縮〉
★ 重點四：重要比賽別用新手套！
當我們面對愈重要的簡報場合時，應該將場地的不安定因素減至最低，包括設備、音效、麥克風，甚至是我們的衣著、小配件，都要特別留意。千萬講師謝文憲提出一個重要經驗談：「大賽別用新手套」，千萬要注意。
〈憲哥簡報力：「重要比賽別用新手套」關鍵的簡報時機，不要讓陌生的配備平添變數〉
★ 重點五：在對的時間、講給對的人聽
簡報，是職場最不公平的競賽，對的時間、講對的事、給對的人聽，你隨時有機會翻身，反之亦然。你從來不會知道，當你簡報時，誰會坐在下面。只有每一次都做好準備，才能掌握住稍縱即逝的機會！
〈一場簡報讓默默無名的業助驚艷董座！謝文憲：簡報，是職場最不公平的競賽〉
★ 重點六：因地制宜調整你的內容
很多簡報者都會認為「聽眾不懂我要表達的」、「我講的東西很重要、但他們沒興趣」，看在千萬講師謝文憲眼中，優秀的簡報者會視聽眾屬性、需求適時去調整內容，態度不同帶來的結果不同，重點不在誰對誰錯，而在如何改善。
〈我簡報講不好，怎麼想都是聽眾的錯？千萬講師：重點不是誰錯，而是如何改善〉
推薦閱讀：
ChatGPT一鍵生成簡報！Slides Maker讓AI幫你快速做完整簡報
PPT簡報編排的5招資訊設計技巧，設計師教你成為簡報大師
不確定對方想喝咖啡還是水，乾脆都給？搞錯簡報目的，做愈多愈失敗
[course_plugin title=' AI簡報課程推薦：' keyword='AI簡報' amount=2]
前端工程師是什麼？薪水怎破100萬？完整攻略，附：台積電前端工程師工作心得
前端(Frontend)： 給人看的（介面、使用者體驗），網頁的畫面、按鈕、圖片、排版。
前端 (Frontend)是什麼？
這是使用者直接與之互動的部分，包括網頁的設計、佈局和內容。前端開發使用的技術包括HTML、CSS和JavaScript。
舉例來說：當你打開 104人力銀行，看到的畫面就是前端工程師控制的，包含不同裝置的畫面呈現～從電腦、平板或手機觀看，都是前端工程師需要留意的。
重要元素舉例
搜尋欄：讓你輸入「軟體工程師」並按下搜尋
職缺列表：顯示各種公司和薪資範圍
登入按鈕：點擊後彈出登入視窗
應徵按鈕：點了之後，系統會幫你送出履歷
前端工程師的薪水與薪水天花板
台灣整體而言前端工程師薪水中位數落在66.8萬~81萬間，天花板推估是91.3~101.6萬。
工作年資年薪中位數推估薪水天花板職缺1年以下66.8萬94.1萬1~3年71萬91.3萬3~5年78.1萬96.7萬5~10年81萬101.6萬資料來源 104薪資情報 有效樣本：575 資料更新：2025年02月10日
如何突破前端工程師的薪水天花板
選擇對的公司/產業
選擇薪水中位數高的公司：上市櫃公司年薪中位數、外商公司，公司獲利能力好，自然同樣的時間成本，能有更好的薪水保障。
選台灣重點產業：半導體業、科技業、金融業
台積電前端工程師工作心得
以下為講座精華節錄
薪水區間？年薪約30個月，新鮮人月薪約6萬。
加班很兇嗎？加班時數看跟的專案，配合專案前進。去年自己未超過100小時
公司內用的語言較多，不同的系統專案或對接的單位不同，要學習不同的語言
怎麼進台積電？平常就有寫技術部落格、每年參加IT鐵人賽、在104經營個人品牌(SEO權重優)
同事都是哪些人？（免費領取台積電工作心得與QA精華）
看懂遊戲規則：深耕5大能力，擁有更多選擇權
1.技術能力（Technical Skills），能否寫出高品質、可維護、效能優化的前端程式，並快速學習新技術應用在工作上，也能夠帶領內部技術前進（內部 Tech Talk 或自建部落格）
程式品質：乾淨、結構清晰、DRY、KISS、SOLID
效能最佳化：頁面載入時間、CDN快取、前端壓縮技術、降低不必要的 re-render
技術廣度與深度：獨立處理 CSS、JavaScript、框架（React, Vue, Angular）等核心技術、熟悉 TypeScript、State Management（Redux, Vuex）、處理前端安全問題（如 XSS, CSRF, CORS）
2.產品與專案影響力（Project & Product Impact），能有效率地完成任務，並確保產品的品質，過程中主動優化現有系統，提出新的技術方案，提升開發效率。
專案完成度：照時程交付、主動發現並解決問題、處理緊急問題
產品價值：功能是否真的提升了使用者體驗、A/B 測試或數據分析、減少技術債，提高長期維護性
3.開發效率（Development Efficiency），高效產出高品質的程式，主動提出更有效率的開發工具或流程，寫出自動化測試（如 Jest、Cypress），減少回歸測試時間。
時間管理：需求評估準確度、根據需求合理拆分任務，安排優先順序
程式碼管理：Pull Request（PR）清楚易讀、Code Review 積極參與給出建設性回饋
Debug 能力：利用 Log、DevTools、Profiler 進行高效率的問題解決
４.團隊合作與溝通（Collaboration & Communication），與其他工程師、PM、設計師、QA、數據分析師等合作單位順暢合作。指導新人、撰寫開發文件，幫助團隊快速上手。
跨部門溝通與 PM 討論需求，提供技術可行性建議與設計師合作，確保 UI/UX 最佳化與後端工程師協作，確保 API 串接順暢Code Review幫助同事提升程式碼品質接受別人的建議，改進自己的程式碼主動性主動提出問題或改善建議在團隊會議中有效表達技術方案前端工程師 團隊合作與溝通的重要性
5.創新與影響力（Innovation & Leadership），完成自己的工作外，帶來更大的影響。有能力也主動推動團隊技術決策，如選擇新框架、優化開發流程。
技術創新：引入新技術來提升開發效率、開發內部工具，幫助團隊節省時間
技術影響力：技術社群內分享知識、開源專案或貢獻
技術領導：在團隊中擔任技術導師、帶領技術專案
關鍵重點：績效不只是寫多少行程式，而是對產品和團隊的影響
開發速度：平均完成一個 Story（使用者故事）的時間
Bug 數量：新功能上線後的 Bug 率
PR 參與度：Code Review 的次數與回饋價值
前端效能：Google Lighthouse 分數、First Contentful Paint（FCP）
使用者行為變化：某個 UI 改版後，點擊率是否提升？
能力方法技術能力深入學習前端框架、優化效能、提升可維護性產品影響力確保開發的功能有助於提升使用者體驗開發效率提高 Debug 能力、善用自動化工具團隊合作提高溝通能力、參與 Code Review、幫助同事創新影響力參與技術社群、提出技術改進方案前端工程師的5大能力
前端用的技術
HTML 負責畫出網頁結構（像骨架）
CSS 負責排版與設計（讓它變美）
JavaScript 負責互動（讓按鈕能點、內容會變）
框架和庫：如React、Vue.js和Angular，這些工具可以幫助你更高效地開發複雜的應用程式。
響應式設計：確保網站在各種裝置上都能良好顯示，通常使用CSS框架如Bootstrap。
版本控制：如Git，用於管理和協作開發
前端工程師主要合作的夥伴
1. 後端工程師（Backend Developer）
👉 負責提供 API，讓前端能夠拿資料，確保功能運作
合作範例：你要做一個「應徵按鈕」，但這個按鈕要能讓使用者點了後，系統能自動送出履歷，這時候前端需要跟後端拿 API。討論 API 的格式：你問：「我這邊需要傳哪些資料才能應徵？」後端說：「你傳 user_id、job_id 給我，我幫你送出履歷」你：「那回應結果是什麼？我要顯示成功或失敗」後端：「如果成功，我回 status: success，失敗的話會給錯誤碼」💡 前端 + 後端 = 讓網站不只是畫面，而是能「動」起來！
3. 產品經理（PM, Product Manager）👉 負責規劃產品功能，確保開發方向符合商業目標合作範例：你做完了「應徵按鈕」，但 PM 突然跟你說：「我們希望這個按鈕能讓用戶自訂求職信」這時候你得確認：「這功能會影響到後端嗎？需要修改 API 嗎？」「這會不會影響現在的 UI 設計？」「會不會讓使用者體驗變得更複雜？」💡 前端 + PM = 確保開發出來的功能，真的是「使用者需要的」！
4. 測試工程師（QA, Quality Assurance）👉 負責測試系統，確保功能正常、不出 Bug合作範例：你開發完「應徵按鈕」，但 QA 測試時發現：BUG 1： 在 iPhone 上點擊按鈕沒反應？BUG 2： 送出履歷後沒有顯示成功提示？BUG 3： 按太快的話會連送兩次履歷？💡 前端 + QA = 確保使用者「真的能順利使用」功能！
5. 數據分析師（Data Analyst）👉 負責分析使用者行為，讓前端能做出更好的優化合作範例：你做了一個「首頁推薦職缺」功能，但數據分析師告訴你：「這個區塊的點擊率只有 5%！」 → 代表 UI 可能需要調整「使用者停留時間太短」 → 可能要加上動畫或更清楚的標題「A/B 測試顯示紅色按鈕比藍色好」 → 你需要調整設計💡 前端 + 數據分析師 = 讓 UI/UX 變得更直覺、更有效！
6. 運維/系統工程師（DevOps / SRE）👉 負責網站伺服器的運行與最佳化合作範例：你的前端代碼已經寫好了，現在要部署到正式環境可能遇到的問題：網頁載入速度太慢？ → DevOps 可能會幫你設定 CDN 加速按鈕點擊後沒反應？ → 可能是伺服器資源不足，需擴充某些用戶看不到最新版本？ → DevOps 需要清理快取💡 前端 + DevOps = 確保你的程式能「穩定、安全」地運行！
夥伴主要合作內容影響前端的地方後端工程師提供 API，讓前端可以拿到資料決定資料怎麼傳遞UI/UX 設計師設計畫面，確保用戶體驗影響網頁排版、按鈕設計產品經理（PM）決定功能需求與優先順序決定要做什麼、怎麼做測試工程師（QA）測試功能，找出 Bug確保程式正常運行數據分析師提供使用者數據，幫助優化 UI影響 UI 設計與功能調整運維/系統工程師（DevOps）負責部署、效能優化確保網站運行順暢前端工程師的合作夥伴
軟體工程師履歷範本｜5大地雷別踩：形容詞太多、技術名詞太少
軟體工程師履歷怎麼寫？軟體工程師種類很多，常見有：前端／後端工程師、Web 開發工程師、APP 工程師等，即使職類不同，優質工程師履歷製作的原則卻通用。本文專訪Build School 軟體工程師培訓學校的創辦人吳典璋，曾指導上百位軟體工程師撰寫求職履歷，分享軟體工程師履歷範本一擊必中攻略。
本文目錄（點選連結可快速跳至該章節閱讀）
履歷前言不可少，4大重點快速吸引目光1. 技能樹2. 專案經驗、專題、作品3. 個人成就4. 人格特質為履歷加分，3項須知一定要做1. 履歷中最重要的是強調專案中的經驗及成就2. 完整展現你的作品、技術能力及學習能力3. 最重要的專案經驗及作品放前面履歷扣分禁忌，5個地雷提醒1. 避免錯字，尤其是技術名詞及關鍵字2. 太多形容詞、太少技術關鍵字3. 具體描述「工作成果」而不是「工作內容」4. 具體描述你的學習能力5. 改用線上履歷連結，方便即時更新把握履歷撰寫原則，新鮮人及轉職者應更有信心
履歷前言不可少，4大重點快速吸引目光
在履歷的開頭，最重要的是用履歷前言快速吸引求才公司目光，但許多求職者卻忽略這一塊，或是根本沒放，非常可惜。「履歷前言」可以當成是你的自我介紹，也可以將這部分熟記，在面試時派上用場；前言也可以當成投遞履歷時要給徵才者看到的簡短自我介紹，一定比留白來得好。舉在104編寫履歷模板為例，「個人簡介」欄位就是履歷最先呈現的區塊，可以在這邊帶出履歷前言的重點，並在專案及自傳中詳述。履歷前言主要為 4 重點：
1. 技能樹
說明你最擅長的技術，例如：.NET/C#、ASP.NET MVC、ASP.NET Core、JavaScript、Vue.js、Node.js、Docker....等等。
2. 專案經驗、專題、作品
若是可以公開的，可以放上連結或 GitHub，方便讓用人主管針對有興趣的地方，進一步查看；但若公開的部份也請記得要整理完善並確定自己能解釋說明這些程式碼的架構、流程、所使用的技術。
3. 個人成就
例如：工作具體成就、若是新鮮人可放實習經驗、得獎殊榮、外語能力、特殊才能等等。
若是新鮮人或跨領域轉職者，沒有太多專案開發經驗，更要記得強調此部分。不用太擔心是不是所謂的資訊本科，重點是強調你的專業能力；但若有普羅大眾認為是不錯的學經歷，或是特殊專長及才能，縱使與程式能力非直接相關，建議可放上來，因為可以引起徵才主管的目光並製造面試時的話題，在千篇一律的履歷中，更有吸睛的機會。
4. 人格特質
真誠且自然地展現自己的特色且企業主會喜歡特質，例如：對程式的熱情、有良好自主學習能力等等，最好要有關鍵字出現。
以下提供撰寫範例：
曾任電商之業務管理職，擁有高度的自律及團隊管理能力。因愛好線上遊戲而自行編寫外掛腳本，發覺對程式開發感到熱愛，決心投入軟體工程師的專業培訓。善長後端技術 .NET / C#、ASP.NET MVC、ASP.NET Core，但前端技術 JavaScript, Vue.js, CSS 也擁有專題開發經驗。透過 Git/GitHub 團隊開發完成一個前台、後台管理、金流之高完整度「線上交友網站 - ＸＸＸ」(可以公開的話放上連結)，也正在使用 Vue.js + ASP.NET Core Web API 前後端分離的開發模式，開發「線上桌遊 - ＯＯＯ」(可以公開的話放上連結)。考取多益金色證書擁有良好的外語能力，在開發專題時擔任組長，帶領組員學習 SignalR 及 WebRTC 即時通訊技術，樂於與他人分享，享受解決 Bug 的過程及專案上線所帶來的滿滿成就感！
到【104履歷範本】查看軟體工程師履歷範本
104履歷可在版頭撰寫個人簡介、新增個人網站連結與特色標籤
為履歷加分，3項重要須知一定要做
1. 履歷中最重要的是強調專案中的經驗及成就
讓公司從這些描述中，快速了解你的能力。若是新鮮人，沒有相關工作經驗，則可多強調曾做過的專題、實習、個人成就或曾於培訓及學校時所做的專題。若為轉職者，更要強調你的專題及完整度高的作品經驗，以及擁有良好的自主學習能力。
2. 完整展現你的作品、技術能力及學習能力
你可以這麼做：
履歷上要呈現你的專案或專題經驗及使用的技術。
若有可公開之作品或 GitHub 可放上，讓面試官可以看。但請務必注意是否可以公開，以及是否有整理過，需有一定的完整度。
若有寫技術部落格或經營技術社群，可將連結放上去，例如：平常練習新技術的心得整理及分享。若是該職缺需要的技能是你沒碰過的技術，可將你的學習成果連結放上去。
若為新鮮人，可描述在專題過程中遇到的挑戰或卡關，你如何解決及克服。這一點常是面試官在面試過程中，用來了解求職者的自主學習能力。
3. 最重要的專案經驗及作品放前面
履歷撰寫的順序未必要用時間軸，記得要盡可能呈現你的優勢，讓徵才主管及面試官在履歷中愈容易看到愈好。
104履歷自動提醒你還有哪些「可提高面試邀約機會的欄位」尚未填寫
【104履歷範本】精選真人履歷範本，看看別人怎麼寫履歷
【免費】與工程師前輩一對一線上諮詢履歷問題
履歷扣分禁忌，5個地雷提醒
1. 避免錯字，尤其是技術名詞及關鍵字
軟體工程師重視細節，若履歷上有錯字，容易讓面試官有不好的印象。
2. 太多形容詞、太少技術關鍵字
撰寫履歷時最好簡明扼要呈現自己的技術能力及專案經驗，文字使用不饒口、不累贅，並且盡量少用形容詞，因為形容詞無法精準表達。避免寫像是：我在學校是一個積極向上，受到師長喜愛的同學……等等。跟專業技能無關的描述太多，對履歷不會加分。
以下舉出一個修改前及修改後的範例。
修改前（文字描述稍嫌累贅）：
正在實作 OOO 專案，開發 SPA 網頁 - 後端的部分使用 ASP.NET Core 撰寫 Web API 處理後端邏輯，前端使用 Vue.js 進行前後端分離，使用 Vue Router 進行路由設定，並利用 axios 傳遞與接收資料渲染至頁面上，後端有分 Service 及 Repository 層。
修改後（簡潔並精準呈現專案內容與技術）：
OOO 專案開發 SPA 網頁，採 Vue.js + ASP.NET Core Web API 前後端分離的開發模式● 使用 Vue Router 路由設定● 使用 axios 與後端 Web API 介接● 後端採 Service 及 Repository 設計作品網站連結 - xxxxx (務必確認是可以公開的才放；若程式碼可公開可放 GitHub 連結)
3. 具體描述「工作成果」而不是「工作內容」
求職者在撰寫工作經驗時，常常只描述工作內容，而不是工作成果，像是只寫負責前後端程式開發、Web API 開發、網頁切版及串接 API。應該具體描寫自己執行什麼專案、使用了什麼技術，期間達成什麼工作成就，但仍務必留意該項內容是否可以公開。工作成就可以是專案表現公司或團隊給予獎勵、或是因你的開發工作、重構專案、或研究某項技術並導入專案中，減少重工或提升開發效率、或開發維護更容易、或提升系統效能 xx %、降低系統負載 xx %、提升同時在線人數 xx% ...。
4. 具體描述你的學習能力
許多求職者新人容易在履歷中寫到自己很願意學習，但在軟體工程師這領域，持續學習是基本的要求，不用刻意寫自己是來學習的，因為公司都希望人才是能為公司及團隊創造價值，反而要強調的是學習能力，可以用之前做專題時卡關時如何解決、學習新技術的經驗、或你個人的佈落格學習記錄、或是開發 Side Project、參加技術社群或 meet-up 持續學習、這些描寫來展現你的學習積極性及自主學習能力。
5. 改用線上履歷連結，方便即時更新
建議投遞履歷時，以提交線上履歷連結為主，尤其是應徵軟體工程師，可以直接做一個自己的履歷頁面，或可以在 104 人力銀行取得履歷的限時連結。雖然有些公司履歷投遞時會要求 PDF 檔，但因你個人的資歷會隨著時間更新，若提交了一個有錯誤的 PDF 履歷或是很久以前的檔案，投遞後可能會在求職公司內轉傳，人資寄送給用人主管，就會是有錯的或久未更新的履歷。若是線上履歷，一旦發現有錯，或你個人的資歷有更新了，可以即時修正或補充。
104履歷「取得連結」功能，可以自動產生7天內有效的專屬線上履歷連結
最後提醒讀者們，履歷上的文字描述只是呈現你目前的經歷及成就，最重要的仍是個人要有紮實的程式技能，以及在專案或作品上所累積的經驗，並持續積極的主動學習，不用過度地追求履歷的完美而本末倒置。
也鼓勵所有嚮往軟體工程師就業的夥伴們，不用太擔心自己的過往背景及經歷，因為過去的你無法改變，只要下定決心，專注在可以掌握的現在，有強烈的學習動機且願意花時間持續的練習，這就是最關鍵的第一步！
台積電、半導體產業的履歷面試懶人包：要刷題嗎？履歷怎麼寫？
寫完履歷，別忘了上【104履歷診療室】免費線上履歷健診！
應屆畢業生投履歷沒回應，履歷修改後投5中1｜履歷診療室使用經驗分享
【104履歷範本】精選真人履歷範本，看看別人怎麼寫履歷
前端後端軟體工程師履歷範本、研發工程師履歷範本
104個人品牌：真實求職者案例，軟體工程師履歷範本提供寫履歷參考
把握履歷撰寫原則，新鮮人及轉職者應更有信心
看完了上面的攻略，是否更清楚自己的履歷該如何撰寫了呢？
Build School 的吳典璋老師 - Dann 哥在最後也想鼓勵想跨入這個領域的新鮮人或轉職者勇敢嘗試。軟體工程師在台灣的求職機會非常多，依據老師的輔導經驗，除了資訊本科系外、過去也有許多非相關背景的轉職者都成功轉職，像是：空服員、電競選手、硬體廠技術員、PM專案經理、餐飲及服務業、甚至大學休學生都在培養紮實的程式能力後，開創自己職涯新方向。
要擔任稱職的軟體工程師，最重要的就是專業技術能力以及學習能力，在履歷上盡可能呈現自己的專案經驗及完整度高一點的作品，說明簡潔扼要，並展現吸睛元素。把握上述履歷撰寫法則，相信就能為自己敲開心儀企業的大門，拿到入場門票。
[joblist_plugin title='更多【軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
轉職前端工程師│工作內容、技能、薪水與職涯發展指南
你是否想過轉職前端工程師，或是想提升技術實力，而能在競爭激烈的職場脫穎而出？無論你是零基礎的學習者，還是正在尋找更明確學習路徑的開發者，這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向，並提供高效的學習策略。透過系統化的學習與實踐，你將能夠更順利地進入前端開發領域，甚至進一步拓展你的職業選擇！
文 /【104學習精靈】
本文目錄（點擊可快速前往）
什麼是前端工程師？與後端、全端差別是什麼？前端工程師無經驗者可入門嗎？掌握前端工程師的核心能力：必備工具技能 x 學習路徑 x 軟技能轉職前端工程師的學習策略前端工程師薪資行情與職涯發展前端工程師的挑戰與機會
什麼是前端工程師？與後端、全端差別是什麼？前端工程師無經驗者可入門嗎？
前端工程師工作內容
前端工程師（Frontend Developer）負責網站或應用程式的「前端」部分，也就是使用者直接看到並與之互動的使用者界面（UI）。前端工程師的工作涵蓋範圍廣泛，從網頁的版面設計、動態效果，到與後端 API 的串接，確保使用者有良好的互動體驗，且需要結合設計思維與程式邏輯。
他們的主要工作內容包括：
HTML、CSS、JavaScript 來構建網頁結構、樣式與行為。
與設計師合作，將 UI/UX 設計轉化為可用的前端介面。
與後端工程師協作，透過 API 取得數據並呈現在頁面上。
🎯相近職類比較：前端 vs. 後端 vs. 全端
類別主要技術主要負責範圍前端工程師HTML, CSS, JavaScript, React/VueUI/UX 介面開發，確保網頁互動與使用體驗後端工程師Node.js, Python, Java, Databases處理伺服器邏輯、數據庫與 API全端工程師前端 + 後端技術負責整體開發，能獨立完成前後端架構
🎯 為什麼前端工程師職缺變多？
近年來前端技術的發展迅速，市場對前端工程師的需求持續增加，讓許多轉職者與求職者開始關注這個領域，並發現它具有以下優勢：
市場需求大：企業對於使用者體驗的重視，使得前端工程師的價值不斷提升。
入門門檻適中：相比於後端開發或全端開發，前端技術較容易上手，適合作為進入 IT 產業的第一步。
創造力與技術並重：前端工程師不僅需要技術實力，還能發揮設計與創意，讓開發的產品更具吸引力。
遠端與自由工作機會多：前端開發適合自由接案與遠端工作，為職涯發展提供更多彈性。
🎯 誰適合轉職前端工程師？
✅ 無技術背景者：對網頁開發有興趣，願意學習技術。
✅ 人文社科背景者：如行銷、設計、心理學等，能結合設計與技術。
✅ 理工科背景者：資訊、數學、電機，具邏輯思維優勢。
✅ 現職工程師：希望提升技術，拓展職場競爭力。
掌握前端工程師的核心能力：必備工具技能 x 學習路徑 x 軟技能
前端工程師技能與工具能力分析
基礎技能 HTML、CSS、JavaScript 基礎、Git / GitHub、RWD、Bootstrap、jQuery 核心技能 JavaScript 進階、API 與非同步處理、前端框架（React / Vue）、CSS 進階 進階技能狀態管理（Redux / Pinia）、前端測試（Jest / Cypress）、SSR / SSG（Next.js / Nuxt.js）、效能優化 專業技能TypeScript、Web 安全性、PWA / 桌面應用開發、後端基礎（Node.js / ASP.NET） AI 技能ChatGPT、GitHub Copilot、Figma AI 插件、Lighthouse（效能分析）、Codeium（智能補全）、Tabnine（代碼建議）認證AWS Developer、Azure Developer、Google Cloud Developer職涯全端工程師、前端架構師、技術產品經理、UI/UX 工程師▲ 前端工程師應具備技能、工具能力、職涯指引表，點選不同技能會對應到相關課程。
成為前端工程師的學習路徑（搭配AI工具）
🔹 第一階段：基礎入門（建議學習時長：1-3 個月）
📌 學習內容：
HTML & CSS：學習網頁的基本結構與樣式設計。
JavaScript 基礎：學習變數、函式、條件判斷、迴圈等基本概念。
Git / GitHub：學會版本控制，方便管理與共享程式碼。
RWD（響應式設計）：學習如何讓網頁適應不同裝置（手機、平板、電腦）。
Bootstrap：使用現成的 CSS 框架，加速開發美觀的網頁。
基礎專案：製作個人靜態網頁，實踐所學內容。
📌 AI 工具應用：
ChatGPT / Claude：語法解釋與錯誤排查。
Webflow / Framer AI：低程式碼網站設計。
📌 備選學習：
jQuery：雖有逐漸被原生 JavaScript 與前端框架取代之趨勢，但仍在許多重要專案中使用。
[course_plugin title='前端工程師入門課程' keyword='前端' amount=2]
[course_plugin api_type='course_id' title='前端工程師入門課程' id='6e43b10e-45e7-40e2-92c0-1b4d6aeb955c, 9e6b7b79-2849-4f24-80ef-a620b94471a5']
🔹 第二階段：前端開發進階（建議學習時長：1-3 個月）
📌 學習內容：
JavaScript 深入：學習 DOM 操作、ES6+ 語法，增強互動效果。
CSS 進階：掌握 Flexbox、Grid、SCSS，提升排版與樣式管理能力。
API 與非同步處理：學習 Fetch API / Axios，讓網頁與伺服器互動。
前端框架（React / Vue 擇一）：學習現代前端框架，提高開發效率。
小型專案（如 To-Do List）：實作互動型應用，提升技能。
📌 AI 工具應用：
GitHub Copilot：代碼補全與最佳化。
Figma AI 插件：設計 UI 組件。
📌 備選學習：
與後端整合（Node.js / ASP.NET）：可視職涯發展需求學習適合的後端技術。
[course_plugin title='前端工程師JavaScript課程' keyword='JavaScript 入門' amount=1]
🔹 第三階段：前端專業化（建議學習時長：3-6 個月）
📌 學習內容：
狀態管理（Redux / Pinia）：管理大型應用的資料狀態。
前端測試（Jest / Cypress）：確保應用程式的穩定性與可靠性。
SSR / SSG（Next.js / Nuxt.js）：提升網站的 SEO 與效能。
效能優化（Lighthouse、RAIL 模型）：讓網站載入更快、使用者體驗更好。
開發完整 SPA 專案：整合所學技術，完成一個獨立的應用程式。
📌 AI 工具應用：
Codeium / Tabnine：自動化程式碼建議。
Lighthouse + DevTools：網站效能分析。
📌 備選學習：
GraphQL：較新穎的 API 查詢方式，可視專案需求學習。
[course_plugin title='前端工程師專業課程' keyword='前端工程師專業技術養成班' amount=1]
🔹 第四階段：專業與進階（建議學習時長：6個月+）
📌 學習內容：
TypeScript：強化 JavaScript 的類型安全性，提高開發效率。
Web 安全性（CORS、OAuth）：學習網站安全機制，避免資安漏洞。
後端基礎（Node.js / ASP.NET）：學習如何建立簡單的後端 API。
PWA / 桌面應用開發：學習如何開發離線可用的 Web 應用。
參與開源項目或企業級專案：提升實戰經驗，增加履歷亮點。
📌 AI 工具應用：
自動生成測試案例。
智能除錯與最佳化建議。
📌 專業證照（可選）：
AWS Certified Developer – Associate（雲端應用開發）
Microsoft Certified: Azure Developer Associate（微軟雲端應用開發）
Google Professional Cloud Developer（Google Cloud 平台開發）
成為前端工程師應具備的7個特質 (軟技能)
除了技術能力外，優秀的前端工程師還需要具備以下軟技能，在職場上更具競爭力：
溝通能力 💬
需與 UI/UX 設計師、後端工程師、PM、行銷團隊協作，確保產品需求清楚且可落實。
能解釋技術限制，提出可行的解決方案。
【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測｜104學習精靈
細心與耐心 🔍
HTML、CSS、JavaScript 有許多細節，例如語法錯誤、CSS 權重、事件冒泡等，都可能導致 bug。
需耐心測試各種邊界案例，確保產品品質。
美感與使用者體驗意識 🎨
前端開發不只是把 UI 轉成程式碼，還需要理解基本設計原則，如色彩搭配、排版、可讀性、可用性等。
瞭解 WCAG 無障礙設計標準，確保網站對所有用戶友好。
團隊合作與開源精神 🤝
需與團隊協作開發、使用 Git 進行版本控制，並撰寫良好的 commit message 讓團隊易於理解。
參與開源社群或分享技術文章，提升個人影響力並獲取更多學習機會。
問題解決與邏輯思維能力 🧠
前端開發經常遇到跨瀏覽器相容性、效能最佳化等問題，需要有條理地分析並解決。
具備 debug 能力，能有效利用 DevTools、Lighthouse、瀏覽器 Console 等工具排查問題。
【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測｜104學習精靈
自主學習與適應能力 📚
前端技術發展快速（如 React、Vue、Svelte 等框架的變遷），需具備持續學習與適應新技術如 Web3、AI 應用於前端（如 Chatbot UI）等的能力，保持競爭力。
熟悉不同開發模式（如 CSR、SSR、ISR），能因應不同需求選擇適合技術方案。
時間管理能力 ⏳
前端開發通常需要處理多個功能或專案，具備良好時間管理能力能提升工作效率。
推薦課程 👉 成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)👉 成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)👉 Git 速成攻略：2.5 小時變身版本控制達人👉成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
轉職前端工程師的學習策略
🎯 初學者或轉職者的學習策略：
建立系統化學習計畫
規劃每日或每週的學習時間，確保穩定進步。
先掌握 HTML、CSS、JavaScript，然後再學習框架與工具。
實作專案，提高實戰經驗
透過小型專案練習，如個人履歷頁面、簡單的 To-Do List 應用。
參與開源專案，提升協作能力。
持續關注業界動態
追蹤技術社群（如 Dev.to、Medium）。
觀看 YouTube 教學或參加線上課程。
打造個人作品集與 GitHub
將學習過程中的專案上傳至 GitHub，展示技術能力。
部署個人網站，建立個人品牌形象。
🎯 不同領域的客製化學習策略
學歷背景優勢可能挑戰調整建議理工科（資訊、數學）強邏輯、程式基礎佳設計美感較弱快速進入框架學習，額外學習 UI/UX人文社科（行銷、語言）擅長內容與設計需強化邏輯與程式概念先學 UI/UX，搭配 AI 減少語法負擔無技術背景無前端基礎需學習從 0 到 1先用 Webflow 製作網站，再逐步學習代碼
前端工程師薪資行情與職涯發展
📌台灣前端工程師薪資
初階（3年以下經驗）：月均薪約5.5萬。
中階（3- 5年經驗）：月均薪約 6.1萬。
高階（5-10年經驗）：月均薪約6.3萬。（以上資料來源：104薪資情報）
📌影響薪資的因素
技術能力與熟悉的技術棧
精通 JavaScript / TypeScript、React、Vue、Next.js、Node.js 等熱門技術，薪資相對較高。
具備 Full-Stack 能力（如後端 Node.js、雲端技術 AWS/GCP），薪資更有競爭力。
專案經驗與解決問題能力
曾參與大型系統開發，或有獨立解決技術難題的經驗，加分。
具備效能最佳化經驗（如 Web Performance、Lighthouse 分數優化），市場價值更高。
業界與產業別
AI、Fintech、區塊鏈 相關公司，通常薪資較高。
新創公司 vs. 大型企業：大公司（如 Google、Meta、Apple）薪資較高，但競爭激烈；新創可能提供股票期權作為額外報酬。
地區與遠端工作機會
台灣近年開放遠端前端工程師職位增加，若能找到國外遠端機會（如美國、新加坡公司），薪資可能大幅提升。
英語能力與國際市場競爭力
能用英語與國際團隊溝通、參與開源專案，或申請海外遠端工作，薪資通常較高。
英文能力 - 線上免費檢測
前端工程師的職涯發展路徑
📌 全端工程師：
學習後端技術（Node.js、MongoDB）與其他核心程式語言提升競爭力。
課程推薦：
微軟智慧應用C#全端開發工程師養成班
全端工程師必修-Python迅速開發網站實戰
📌 前端架構師：
專注於大型專案的架構設計與效能優化。
課程推薦：
資安與雲端架構工程師養成班
📌 技術產品經理：
結合技術與產品管理，創造更大價值。
課程推薦：
PM產品經理｜入門致勝攻略：打造最強怪物新人的實戰課｜
📌 UI/UX 工程師：
結合前端與使用者體驗設計，打造更直覺的介面。
課程推薦：
【安卓最新版】Android 9開發首部曲-UI與多頁面設計
哪些產業需要前端工程師
前端工程師的需求不僅限於軟體或網路公司，幾乎所有有數位產品的產業都需要前端開發人員。以下是幾個主要的產業：
📌 科技與軟體開發業（SaaS、雲端服務） 🌐
企業內部管理系統（ERP、CRM）
SaaS 產品（如 Notion、Figma、Slack）
API 服務平台、開發者工具
📌 電子商務（E-commerce） 🛒
電商平台（如 Shopee、Amazon）
直播購物、行動支付系統
會員系統、推薦系統的 UI 設計與優化
📌 金融科技（Fintech） 💳
銀行、線上支付系統（如 PayPal、Stripe）
投資交易平台（如 Robinhood、幣安）
區塊鏈 / Web3 項目（去中心化金融 DeFi、NFT 交易平台）
📌 遊戲產業（Gaming） 🎮
遊戲 UI 設計與開發（如 Unity WebGL、Web3 遊戲）
遊戲社群平台、直播互動功能
📌 醫療與健康科技（HealthTech） 🏥
線上醫療預約系統
遠端醫療應用（如 Telemedicine）
健康數據儀表板、可穿戴設備 UI
📌 教育科技（EdTech） 📚
線上學習平台（如 Coursera、Udemy）
互動學習工具、AI 自適應學習系統
📌 媒體與娛樂（Streaming & Social Media） 🎥
影音串流平台（如 YouTube、Netflix）
社群媒體（如 Twitter、TikTok）
內容管理系統（CMS）
📌 智慧製造與物聯網（IoT） 🏭
智能家居控制面板（如 Home Assistant）
工業自動化數據儀表板
📌 政府與非營利組織（GovTech） 🏛️
公家機關網站、數位政務服務
開放數據可視化應用
延伸推薦課程👉 RWD響應式網頁設計入門👉 （最新版.NET 6）ASP.NET Core MVC 無痛快速上手👉 工程師救星-用Bootstrap速成響應式網頁開發👉 Let’s Vue! 前端開發入門到實戰
前端工程師的挑戰與機會
🚀 成為前端工程師的挑戰
技術變化快，需持續學習
前端框架（React、Vue、Svelte）與技術棧更新快，需定期學習新技術。
前端生態系龐雜（Webpack、Vite、Bun 等工具），選擇適合的技術不容易。
效能與跨平台相容性
須考慮不同裝置、瀏覽器（Chrome、Safari、Edge）兼容性，避免出現顯示問題。
需優化效能，確保頁面載入速度快，提升使用者體驗。
與設計、後端的協作挑戰
需與 UI/UX 設計師合作，確保設計可行性。
與後端 API 串接時，可能遇到資料格式、CORS 限制等問題。
安全性風險
需防範 XSS、CSRF 等前端攻擊，確保網站安全。
🌟 成為前端工程師有哪些機會？
遠端工作機會多，薪資提升潛力大
許多國際公司提供遠端前端工程師職位，可爭取更高薪資（如美國、新加坡市場）。
跨領域發展機會
可向 Full-Stack 方向發展（學習後端 Node.js、雲端技術）。
若具備 UI/UX 設計能力，可轉型為前端設計師或產品開＝發相關角色。
AI & Web3 趨勢帶來新機會
AI 生成 UI（如 ChatGPT Plugin、Copilot）可能改變前端開發方式。
Web3 項目（如去中心化應用 dApp）對前端工程師需求增加。
開源貢獻與技術影響力
參與開源專案（如 Vue、React），可增加個人影響力，甚至吸引企業挖角。
延伸推薦課程👉 前端工程師專業技術養成班
延伸閱讀：
產品經理 - 學習地圖(上)：技能養成篇
成為雲端工程師的攻略指南：核心技能＆職涯精進完整解析
如何成為後端工程師？精準掌握必備核心技能＆職涯精進攻略
數據分析師工作內容是什麼？薪水高嗎？技術能力與職涯發展指南
想當資料工程師？工作內容、核心技能、薪水、職涯發展完整解析
[joblist_plugin title='更多104【前端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
Gemini Notebook簡報可直接修改了！6招編輯方法改AI簡報，轉PPTX、線上都行
Gemini Notebook（原NotebookLM）功能更新，現在支援直接修改生成簡報，以及可下載PPTX格式！本文實測6招修改方法：Gemini Notebook修改簡報功能、DeckEdit、NotebookLM簡報編輯器、Lovart、Canva魔法抓取功能及懶人色塊覆蓋法，解決Gemini Notebook簡報的編輯痛點，也比較修改自由度、是否付費等差異，和《104職場力》小編一起試試看吧！
※更新日期：2026/07/17
文／《104職場力》
本文目錄（點擊可快速前往）
Gemini Notebook簡報生成支援修改編輯了！有什麼限制？Gemini Notebook簡報怎麼改？6種方法自由度、費用比較【Gemini Notebook】官方簡報修改功能登場！利用提示詞重新生成【DeckEdit】轉檔PPTX不限次數！可轉檔也可原地改錯字【NotebookLM簡報編輯器】可匯出PPTX、線上改錯字、一鍵移除浮水印【Lovart】可拆解圖層、移動圖片、改文字，但需先轉檔再使用【Canva付費功能】魔法抓取功能，將物件轉為圖層【色塊覆蓋法】簡單覆蓋遮瑕、去浮水印，土法煉鋼但是有效
註：NotebookLM於2026年7月正式更名為Gemini Notebook，本文作部分修改。
【Gemini Notebook（原NotebookLM）】網址：https://notebooklm.google.com/
Gemini Notebook簡報生成支援修改編輯了！有什麼限制？
目前Gemini Notebook（原NotebookLM）已可支援直接修改簡報功能，並可匯出PPTX及PDF兩種格式，以及預告未來將支援匯出到Google簡報。若覺得目前的修改功能不夠用，也可以使用其他工具編輯內容或轉檔為PPTX。
在Gemini Notebook上傳資料來源後，能生成視覺元素豐富的「簡報」或「資訊圖表」。使用者可以「自訂」選擇風格，或加入提示詞說明想要建立的投影片簡報。不過，Gemini Notebook在生成簡報內容時，會將文字、背景及插圖都合併在同一個圖層，就像是一張張靜態圖片，在下載簡報時（目前提供PPTX和PDF格式），會發現不是可直接編輯文字、調整排版的簡報原始檔，因此過去都需要使用第三方工具修改。
2026年2月，NotebookLM官方終於宣布導入「修改簡報」功能，採取「輸入提示詞修改」的方式，於想修改的頁面直接下指令修改文字、顏色或圖表，和其他第三方修改工具的使用方式略有不同。至於新支援的匯出PPTX功能，檔案內容仍是一頁一頁的完整圖片，目前仍無法選擇文字或圖片元件喔！
修改簡報功能：點擊「修改」後，於頁面輸入提示詞調整文字、排版或圖表
新增下載格式：除PDF之外，新增匯出PPTX格式，但投影片為圖片不可直接編輯
NotebookLM簡報可直接修改了！更新後支援利用提示詞修改簡報，並可匯出PPTX及PDF兩種格式
NotebookLM簡報支援修改功能，利用提示詞修改簡報後會重新生成頁面，可以檢查對照是否符合需求
延伸閱讀：NotebookLM生成簡報、資訊圖表功能登場！實用技巧盤點
想要編輯修改Gemini Notebook生成簡報，還有哪些方法？透過本文分享的工具，可以稍微將限制破解，改成可編輯的型態，甚至將檔案轉成PPTX檔案，雖然每樣工具各有其限制（免費額度有限、圖層編輯受限等），但至少使用者不需要為了修改細節於Gemini Notebook重新生成一整份簡報，接下來就和《104職場力》小編一起來試試看吧！
Gemini Notebook簡報怎麼改？6種方法自由度、費用比較
修改Gemini Notebook（原NotebookLM）簡報的方法眾多，現在還可以利用Gemini Notebook的原生功能修改簡報，各種工具分別有什麼優缺點？為了方便讀者選擇適合自己的工具，《104職場力》小編整理以下比較表：
修改方法核心原理自由度複雜度是否收費適用情境Gemini Notebook官方修改功能利用提示詞修改重新生成頁面下指令可修改文字、排版或圖表簡單免費不需換工具！直接完成修改下載DeckEditOCR辨識重建PPTX、原地改字可修改及移動文字，可移除浮水印簡單免費（免註冊）修改文字或文字排版，想移除浮水印NotebookLM簡報編輯器OCR辨識重建PPTX、原地改字可修改及移動文字，可去除浮水印簡單免費（有額度限制，每月轉PPTX限一次）修改文字或改文字排，想移除浮水印LovartAI將圖片拆解成不同圖層可分圖層選取物件，可直接編輯文字較複雜免費／付費點數想做簡報細部修改Canva Pro魔法抓取工具AI辨識並分離、擷取圖片圖層可抓取物件圖層個別調整中等需訂閱Canva Pro想移動或調整簡報細節色塊覆蓋法用色塊覆蓋錯誤較低，僅用於遮蓋修補簡單免費。使用任一設計工具皆可修補小地方、蓋掉浮水印
★ 104學習推薦：台灣簡報認證 - 初級｜通過認證回傳104履歷 ★
【Gemini Notebook】官方簡報修改功能登場！利用提示詞重新生成
網址：https://notebooklm.google.com/（NotebookLM官方修改功能）
費用：免費
Gemini Notebook（原NotebookLM）已可支援修改簡報功能，修改簡報是採取「輸入提示詞」的方式，於想修改的頁面直接下指令修改文字、顏色或圖表後重新生成。匯出檔案方面，目前支援匯出PPTX及PDF兩種格式，但需注意PPTX格式匯出的投影片仍為無法直接修改的圖片檔。
「Gemini Notebook官方簡報修改功能」使用方法：
點擊簡報「修改」功能
選擇要修改的投影片，於下方「輸入修改的提示詞」，例如：把圖片置於中央或修改標題為ＯＯＯ
要修改的頁面都輸入提示詞後，點擊「待變更項目」確認內容
點擊「生成新簡報」，Gemini Notebook就會根據提示詞調整頁面
點擊「修改」可開啟Gemini Notebook官方簡報修改功能
Gemini Notebook官方簡報修改功能，於想修改的頁面框中輸入提示詞，舉例：修改標題＋刪除圖片中央的QR Code只留便利貼
在每一個想修改的頁面都要輸入提示詞，輸入完畢後可於「待變更項目」檢查內容，確認無誤後點擊生成簡報
簡報重新生成完畢，檢查頁面是否符合需求，若不符需求可以再次修改輸入提示詞
確認簡報內容後，點擊右上角「…」可選擇下載格式PDF或PPTX
小編實測心得：官方功能絕對是「不想再找其他第三方工具的人」的方便首選。實測不論修改標題文字、圖表或配圖，重新生成效果都有符合，生成時間也不需等很久。不過，由於是利用提示詞的方式來修改頁面，需要在欲修改的每一頁都輸入提示詞，目前無法一併修改；若生成結果與期待有落差，則需重新輸入提示詞來改。如果只是想調整幾個錯字或快速去除Gemini Notebook浮水印，也可以下載檔案後使用本文介紹的其他工具來編輯內容。例如：下載PPTX後使用「色塊覆蓋法」修補（詳見下文介紹）。
【DeckEdit】轉檔PPTX不限次數！可轉檔也可原地改錯字
網址：https://deckedit.com/zh-Hant
費用：免費
在其他編輯NotebookLM簡報的眾多方法中，如果追求編輯自由度、免費使用，目前較推薦使用DeckEdit，將簡報變成可編輯的PowerPoint檔。DeckEdit利用AI將PDF內的文字與背景圖形分離，重新轉換為.pptx格式檔案，除背景圖形保持不變之外，整份簡報檔案的文字均可自由調整內容及排版。
目前DeckEdit提供兩種免費編輯方式，分別為「將NotebookLM簡報轉換為可編輯PPTX」以及「線上修改文字後匯出為PDF」。使用為免費、不需註冊帳號。
.pptx轉換：上傳NotebookLM簡報、資訊圖表或截圖等含有文字的檔案，透過「.pptx轉換」功能，經解析後就能取得可編輯的「.pptx檔案」。簡報中的圖形及背景會保持不變，而每一頁的文字都會成為可編輯的文字，可任意調整內容及排版。
「.pptx轉換」使用方法：
上傳圖片或PDF文件
選擇「轉換為PPTX」
選擇要轉換的投影片，點擊「轉換X張投影片」
等待DeckEdit偵測文字
可查看偵測及清除文字結果、下載PPTX檔案
上傳簡報檔後選擇「轉換為PPTX」，選擇要轉換的投影片
DeckEdit會偵測文字，將文字和圖片背景分層
DeckEdit轉檔PPTX實測結果，簡報中的文字（框起處）均可選取、編輯修改，連NotebookLM的圖標也可選取刪除
圖片PDF編輯：如果你要調整的內容不多，只有一兩個錯字，DeckEdit也有提供圖片PDF編輯功能，將圖片或PDF檔案上傳，經辨識後，可以選擇文字區域替換或重寫，修改完成後下載匯出為PDF檔案。
「圖片PDF編輯」使用方法：
上傳圖片或PDF文件
對想修改的頁面選擇「頁面分析」，開始偵測文字區域
點選文字區域，調整文字內容、字型大小、顏色
修改完成後選擇「套用」
想修改的頁面都調整完，即可「下載PDF」
DeckEdit的「圖片PDF編輯」模式，可以線上快速修改文字，並可調整字型大小、顏色，再匯出成PDF
小編實測心得：DeckEdit光是免費、不用登入、可轉換為PPTX，應該就很符合許多人的使用需求了。DeckEdit提供的兩種編輯模式可以修改文字內容和文字排版，轉換為PPTX後編輯自由度已經很高，若還有需要調整圖示內容需要另外手動調整。此外，NotebookLM圖標也會被轉換為可選取的文字方塊，因此若是在意浮水印，可以直接刪除。
【NotebookLM簡報編輯器】可匯出PPTX、線上改錯字、一鍵移除浮水印
網址：https://notebooklm.10xboost.org/
費用：可免費使用，但有額度限制：AI分析每月5次、PPTX匯出每月1次
由台灣開發者製作的「NotebookLM簡報編輯器」，近期新增了「支援PPTX輸出」功能，成為既可以線上編修NotebookLM簡報、也能轉換為PPTX提升編輯自由度的簡報編輯器。
這款專為編輯NotebookLM簡報設計的線上工具，同樣以OCR技術辨識圖片文字，將文字轉為「可點擊修改」的區塊，並可去除浮水印。由於轉換為PPTX時有可能發生部分圖形跑掉的問題，「NotebookLM簡報編輯器」官方提醒，轉換PPTX輸出時，只針對需要「編輯文字」的頁面做選擇，沒有選擇的頁面將匯出為原圖，避免版面跑掉。
「NotebookLM簡報編輯器」使用方法：
首先需先登入個人Google帳號，上傳NotebookLM簡報PDF，接下來選擇匯出PPTX或線上快速修改文字。
匯出PowerPoint：
點擊「匯出PPTX」
選擇需要編輯的頁面，也可選擇「全部可編輯」
可勾選「移除NotebookLM圖標」移除浮水印
選擇完畢，「匯出PPTX」
下載檔案後即可自由編輯簡報文字
NotebookLM簡報編輯器轉PPTX實測結果，簡報內文字框均可移動，可一鍵移除NotebookLM圖標，但簡報中有部分圖形的形狀跑掉了
線上快速修改文字：
選擇要修改的頁面點擊 「開始分析」
點擊錯字區塊，直接在右側欄位輸入正確文字，也可以調整顏色或粗體
可選擇「移除NotebookLM圖標」
修改完成後，點擊「匯出 PDF」即可下載修正後的檔案。
NotebookLM簡報編輯器也可以線上快速修改文字
小編實測心得：「NotebookLM簡報編輯器」的功能和「DeckEdit」相近，多了可以一鍵勾選「移除NotebookLM圖標」的選項，適合介意浮水印的使用者；不過，由於將簡報轉換為PPTX時有機會發生部分圖形跑掉的問題，不建議一次轉換全部頁面。
【Lovart】可拆解圖層、移動圖片、改文字，但需先轉檔再使用
網址：https://www.lovart.ai/zh-TW
費用：可免費使用，但使用會扣點，有付費點數制度
如果你覺得調整文字還不夠，想要調整NotebookLM原版簡報的配圖，或是想把插圖換個位置，Lovart的「編輯元素」功能可以幫上忙。
Lovart「編輯元素功能」可以將上傳的圖片自動拆解為文字、圖片和背景等不同圖層，因此你可以和使用其他設計軟體一樣，單獨調整文字位置，或者調整簡報裡的人物插圖位置，或甚至更改簡報背景等。
需要注意的是，使用Lovart調整NotebookLM簡報的前置作業，需要先透過轉檔工具將NotebookLM簡報的PDF轉成PNG或JPG圖片，調整完成後也需要單獨輸出檔案。
Lovart操作步驟：
上傳轉檔為圖片的簡報後，點擊「編輯元素」
待系統生成後，可以點擊文字修改，或選取圖示、背景層進行調整
調整完畢後，全選編輯區點擊「合併圖層」，再按右鍵「導出檔案」
在Lovart上傳轉檔為圖片的簡報後，點擊「編輯元素」
Lovart「編輯元素」調整結果，文字均可直接編輯修改，部分圖案有拆出圖層可調整，但有「文字變為簡體中文」、「拆解不乾淨」的問題
小編實測心得：使用Lovart雖可拆解圖層做細部調整、編輯自由度很高，但操作流程較繁瑣，需要先將NotebookLM簡報PDF用轉檔軟體轉成圖片，再上傳圖片至Lovart做處理，應該比較適合調整少量張數的情境（例如調整NotebookLM的資訊圖表）。此外，如果原始簡報元素較為複雜，拆解圖層的結果可能不盡完美，另外也有出現文字變為簡體中文的問題。
【Canva付費功能】魔法抓取功能，將物件轉為圖層
網址：https://www.canva.com/
費用：需付費訂閱Canva Pro
如果你有付費訂閱Canva Pro，上傳NotebookLM簡報後，可以在編輯模式中使用「魔法抓取」功能，選擇想要調整的文字或視覺元素，就能把物件和簡報背景分開，輕易移動位置或縮放大小。
不過要留意的是，不論你抓取的是文字或圖片元素，Canva都會將其轉換成「圖層」，因此只能移動或做縮放調整，不能直接編修文字；若要更改文字，需要另外手動輸入調整。
此外，使用「魔法抓取」把內容分離後，簡報背景容易殘留亂碼，需要再用「魔法橡皮擦」做調整。
Canva魔法抓取功能使用方法：
在Canva上傳NotebookLM簡報PDF
在編輯模式選擇「Brush」（筆刷）圈選，或直接選擇想抓取的文字或元素
點擊「魔法抓取」將選取範圍轉換為圖層
選取成功，可移動或縮放、刪除選取圖層
在Canva編輯模式選擇「Brush」（筆刷）圈選，或直接點擊「魔法抓取」，來選取文字或物件
Canva的「魔法抓取」功能可以分離文字、圖案元素，不過抓取移動後，會發現背景容易殘留亂碼，需要再用「魔法橡皮擦」功能調整。
小編實測心得：Canva的魔法抓取功能可以調整文字、圖案元素，用法雖然和Lovart相近，但因為可以上傳整份簡報PDF一起調整、匯出，使用上比Lovart方便許多。不過，由於功能為Canva Pro訂閱限定，需要付費使用。
【色塊覆蓋法】簡單覆蓋遮瑕、去浮水印，土法煉鋼但是有效
工具：任一設計軟體（例如Canva、PowerPoint等）
費用：免費
如果你看完還是不想使用上述工具，只求快速搞定錯字，或甚至蓋掉浮水印，那麼最基本的「色塊覆蓋法」還是很有效的。只要在任一設計軟體中上傳要修改的簡報（例如Canva），拉出一個與背景同色的色塊（記得用滴管吸取相同顏色），再新增文字方塊，選擇與原先字體大小、字型相近的文字，並注意行距，放至原本的位置即可。
由於NotebookLM已支援下載PPTX格式，也可以開啟PowerPoint直接使用色塊覆蓋法。方法同樣是拉出一個與背景同色的色塊來覆蓋內容，適用於背景單純的簡報，較不會有破綻。
色塊覆蓋法使用方法：以Canva操作為例
點擊「建立」，上傳整份NotebookLM簡報檔PDF
點擊工具列「元素」中的「形狀」色塊，調整色塊大小至蓋住調整範圍
調整色塊的「顏色」，點擊「新增顏色」，用「滴管」吸取背景相同顏色
點擊工具列「文字」新增文字方塊，輸入文字內容並調整字體大小設定
修改完成後可匯出下載整份PDF
用「色塊覆蓋法」調整文字：用色塊遮蓋想修改的範圍，再加上文字
以Canva示範，先拉一個色塊遮蓋想修改的範圍，記得用滴管吸取背景相同顏色
再加上相近的文字即可。這招「色塊覆蓋法」，雖然是老方法了，但有效就好
用「色塊覆蓋法」遮浮水印：以色塊吸取背景相同顏色即可覆蓋
想要遮蓋浮水印也是同樣的方式，以色塊吸取背景相同顏色即可覆蓋。本圖以Canva為例。
不過，如果簡報的背景顏色複雜、或是想遮蓋的範圍太大，使用色塊覆蓋法可能會很明顯，此方法比較適合簡單修改使用。
以上就是本次關於「NotebookLM簡報如何修改」的實測分享，NotebookLM生成簡報的功能非常強大，視覺效果也很好，只是仍然有部分文字亂碼、不好調整的問題，依照本文的分享就可以不用重新生成，挑選最符合需求的方法，將AI簡報升級吧！
★ 104學習推薦：建立「職場簡報力」標準，讓你的能力被看見 ★重量級講師王永福、謝文憲、葉丙成共同發起認證＋考前影片：▶ 台灣簡報認證 - 初級｜通過認證回傳104履歷
[course_plugin api_type='course_id' title='104學習推薦：' id='39d7b0fe-6384-450f-aee8-eaa8932b544d']
有任何收穫或想分享的，都來和大家一起聊聊吧！