104學習

AJAX

AJAX 是一種網頁技術,能讓網頁在不重新載入整頁的情況下,與伺服器交換資料並更新內容。這讓使用者體驗更流暢快速,像是即時搜尋建議、動態表單驗證等功能都靠它實現。對前端工程師來說,熟練這項技術能提升網頁互動性與效能,增加開發效率,也讓產品更符合現代使用者期待。掌握這項技能在網頁開發及相關職位上非常受歡迎。

689 個相關職缺

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

精選課程

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

AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
邁入Java REST Web Service開發領域
邁入Java REST Web Service開發領域
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
Struts 2 技術實作
Struts 2 技術實作
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能
Java Web|Spring Framework企業應用開發
Java Web|Spring Framework企業應用開發
.NET開發資料庫應用系統全方位-ADO.NET與Entity Framework(.NET Core)攻略
.NET開發資料庫應用系統全方位-ADO.NET與Entity Framework(.NET Core)攻略
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
Python Flask RESTful服務設計
Python Flask RESTful服務設計
JSP + Servlet | 吳永志Java Web 技術開發
JSP + Servlet | 吳永志Java Web 技術開發

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

前端工程師是什麼?薪水怎破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 進行高效率的問題解決 4.團隊合作與溝通(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)負責部署、效能優化確保網站運行順暢前端工程師的合作夥伴
【104職場力】

精選 推薦 : 豈止證照而已!跨域知識大串聯,打造屬於自己的能力系統

這段Podcast 是專訪Nabi iPAS 證照講師 陳正健(CCChen)如何透過經濟部 iPAS 產業人才能力鑑定,成功建立跨領域的專業系統。他至今已累積取得涵蓋 AI 應用、淨零碳規劃、智慧生產、食品保穫及品牌企劃等五大領域共 14 張證照。 CCChen強調,證照不應僅是孤立的紙本證明,而是應將所學知識與工作實務及數位工具深度結合,以提升解決複雜問題的職場競爭力。他分享了運用 AI 工具輔助學習與時間管理的策略,並以此帶動家人參與,展現出自主學習的正面能量。 他鼓勵專業人士打破學科框架,藉由跨域考證建構個人能力地圖,從而因應智慧化與永續轉型的產業趨勢。這些內容不僅記錄了他的轉型歷程,也為求職者與企業提供了關於人才培育及職涯成長的實務參考。 歡迎收聽▼ https://youtu.be/bUZXvx9eZk0?si=6a4q234WUnAABWiQ CCChen 老師課程 : 【直播課程+限時回放】iPAS AI應用規劃師(初級)- 第三梯考前衝刺班|8/5(三)20:00–21:30 線上直播講座|104獨家iPAS AI考證衝刺 https://nabi.104.com.tw/course/104nabi/4f6e498b-dee3-4fab-935d-64c781840c9c 【2026年-考試筆記(V1版本)】iPAS AI應用規劃師初級|全科攻略x考點精華x擬真題庫|104學習 https://nabi.104.com.tw/course/104nabi/07779700-a980-43d2-8b34-bae808edea61 iPAS AI應用規劃師【中級】衝刺班|命題精析 × 實戰解題 × AI刷題​|104獨家iPAS AI考證衝刺 https://nabi.104.com.tw/course/104nabi/3987ebea-3686-4f67-a292-c46c3cc2128e
104學習・iPAS AI應用規劃師考照共學群

轉職前端工程師│工作內容、技能、薪水與職涯發展指南

你是否想過轉職前端工程師,或是想提升技術實力,而能在競爭激烈的職場脫穎而出?無論你是零基礎的學習者,還是正在尋找更明確學習路徑的開發者,這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向,並提供高效的學習策略。透過系統化的學習與實踐,你將能夠更順利地進入前端開發領域,甚至進一步拓展你的職業選擇! 文 /【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']
【104職場力】・職涯規劃

如何成為後端工程師?精準掌握必備核心技能&職涯精進攻略

你是否想轉職成為後端工程師,打造更穩定、具成長性的技術職涯?無論你是剛開始學習程式語言的新手,或正在尋找明確學習方向的職場工作者,這份後端學習地圖將幫助你掌握後端工程的核心技能、實戰經驗與職涯發展路徑。透過系統化的學習規劃與專案實作,你將更有信心地踏入後端領域,成為職場中真正被需要的技術人才。 文 /【104學習精靈】 本文目錄(點擊可快速前往) 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處?掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能轉職後端工程師的學習策略後端工程師薪資行情與職涯發展後端工程師的挑戰與機會 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處? 🎯 後端工程師工作內容 後端工程師(Backend Engineer)主要負責伺服器端的邏輯開發,包括資料庫管理、API 設計、伺服器架構以及系統效能優化。他們確保前端應用程式能夠順利與後端系統交互,並提供穩定的數據與服務。 🎯相近職類比較:DevOps、全端、前端、後端工程師差別 職位主要負責技術負責範圍後端工程師(Backend Engineer)伺服器架構、API 設計與串接、資料庫管理、效能優化負責後端邏輯、數據清理,確保前端能夠存取正確的資料前端工程師(Frontend Engineer)HTML、CSS、JavaScript、React、Vue負責 UI/UX 設計,開發與使用者互動的前端界面全端工程師(Full Stack Engineer)前端 + 後端技術能獨立開發完整應用,涵蓋 UI、後端 API、資料庫管理DevOps 工程師(DevOps Engineer)Docker、Kubernetes、CI/CD、自動化部署負責開發與運行環境的部署、監控與維護,提升開發效率 🎯 為什麼選擇後端開發? 後端開發是資訊產業中穩定且高度需求的領域,適合對邏輯、架構、系統思維有興趣的學習者投入: 就業市場穩定成長:隨著數位化轉型普及,後端開發職缺在各行各業皆有需求,從新創到大型企業都有穩定徵才。 強調邏輯與架構設計:後端工程著重資料儲存、伺服器溝通、API 設計等,適合喜歡系統設計與架構思考的人。 職涯彈性大:從初階後端工程師到系統架構師,甚至 DevOps、SRE、資安領域都有後續延伸路徑。 遠端與自由接案機會多:後端開發技能通用性高,較容易接國際案或轉為遠距工作者。 AI 與資料應用的基礎:資料庫管理、API 串接、運算效能等能力,也可延伸應用至 AI 系統部署或資料工程等新興領域。 🎯 誰適合轉職後端工程師? 後端開發適合各類背景者,關鍵在於邏輯思維、學習動機與持續投入: ✅ 設計/前端背景:具備良好使用者體驗與前端邏輯,轉後端可成為 Full-Stack 工程師,提升職涯彈性。 ✅ 商管背景:邏輯能力佳且理解商業流程,適合轉後端結合業務邏輯,強化企業系統開發應用。 ✅ 理工背景(如物理、數學):邏輯與抽象能力強,容易掌握資料結構與演算法,是進入後端的優勢群體。 ✅ 非資訊領域自學者:只要有堅強動機與自律力,透過系統性訓練與專題實作亦能成功轉職。 ✅ 現職 IT 工程師(如測試、維運):已具備技術背景,轉入開發領域有明顯加速效益。 ✅ 資料分析師:熟悉資料處理與 Python,轉向後端可擴展資料處理與系統部署的完整技能鏈。 掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能 🧭 後端工程師技能、工具分類表 語言與工具資料處理與資料庫API 設計與架構DevOps 與部署基礎Python / JavaScript / Java / GoGit / GitHub / GitLabSQL(PostgreSQL / MySQL)資料庫基礎觀念REST APIHTTP 基礎了解部署概念核心*熟悉後端框(SpringBoot, Django, Express, Gin)*熟悉語言設計模式撰寫可讀性高的程式NoSQL(MongoDB / Redis)基本資料模型設計身分驗證(JWT / OAuth)API 文件設計(Swagger)*Docker 容器化*CI/CD 自動部署 進階*多語言協作力*程式效能優化*高效能資料庫設計*索引分片與備援策略GraphQL / gRPC微服務架構(CAP / CQRS / Event Sourcing)Kubernetes、服務網格(Service Mesh)監控與日誌系統認證*程式語言認證 (例如Python 程式設計證照PCAP)*個人作品集AWS Database SpecialtyMongoDB 認證*API 設計課程證*書專案開發經驗(如 Hackathon)*AWS Certified DevOps Engineer*CKA(Kubernetes Administrator)▲ 後端工程師應具備技能、工具能力、職涯指引表,點選不同技能會對應到相關課程。 後端工程師學習地圖與路徑(搭配AI工具) 🔰 初學者階段(0–6 個月) ✅ 目標:熟悉基礎程式語言與網路知識,能夠開發基本 API。 📌 學習內容: 選一門後端語言(Python / JavaScript / Java):選一門主流語言打好程式基礎,進入開發世界。 Git 與版本控制(GitHub / GitLab):讓你能有效保存、回朔與分享你的程式碼。 理解網路基礎與 HTTP 協議:理解網站如何運作與資料如何傳輸。 SQL 資料庫(PostgreSQL / MySQL):學習資料查詢語言,管理網站背後的資料。 REST API 開發:學習建立網頁服務的後端接口。 Python 程式設計能力 - 線上免費檢測 📌 AI 工具應用: ChatGPT 協助語法學習與除錯:快速解釋語法、找出 bug、提供程式碼建議。 GitHub Copilot 協助寫基礎 CRUD 程式碼:協助補上程式片段。 📌 備選學習: Go 語言:效率高但語法嚴謹,對初學者略具挑戰。 Node.js(JavaScript 後端):若未來想走全端路線可以學。 ✅ 適合考取的證照: Python 程式設計證照(PCAP) ITS (Information Technology Specialist, IT 資訊科技專家認證 Oracle MySQL Database Developer AWS Certified Cloud Practitioner(雲端基礎,有助於未來學 DevOps) [course_plugin title='Python課程' keyword='Python 輕鬆上手學' amount=1] [course_plugin title='後端工程師入門課程' keyword='成為後端工程師' amount=1] 🚀 中階階段(6–12 個月) ✅ 目標:熟悉進階 API 設計、資料庫優化,學習 DevOps 工具。 📌 學習內容: 學習後端框架 (Express、Spring Boot、Django、Gin) :掌握常用的後端框架。 身份驗證與授權(JWT、OAuth):幫使用者安全登入,讓資料不被偷看。 NoSQL 資料庫(MongoDB、Redis):適合儲存彈性格式的資料或快取機制。 Docker 容器化:讓你的程式「打包好、帶著走」。 CI/CD 自動部署(GitHub Actions):程式更新後自動上線,省時又省心。 📌 AI 工具應用: 使用 AI 幫你產生 Dockerfile 與 CI/CD 配置:不懂也能靠 AI 輔助上手。 協助設計 API 架構與資料庫 schema:加速設計與重構過程。 📌 備選學習: GraphQL:適合複雜資料查詢,但非所有團隊使用。 gRPC:適合內部高效通訊場景,小型專案可暫不碰。 Jenkins(較舊型 CI/CD 工具):學習成本高,可視需求使用。 HATEOAS(超媒體 API):學術價值高,實務上較少見。 ✅ 適合考取的證照: MongoDB Developer Certification Docker Certified Associate (DCA) Microsoft Azure Fundamentals (AZ-900) HashiCorp Terraform Associate(如學有餘力涉略基礎 IaC) [course_plugin title='後端工程師中階課程' keyword='接案必學 ◆ 邁向更專業的App開發' amount=1] 🏆 進階階段(12 個月以上) ✅ 目標:學習架構設計,提升可擴展性與效能。 📌 學習內容: 微服務架構(CAP 理論、CQRS、Event Sourcing):學會如何將大系統拆小管理,處理資料一致性問題。 Kubernetes 與服務網格(如 Istio):讓多個服務能自動部署與協調運作。 高效能資料庫設計與分片策略:設計能承受高流量的資料系統。 系統監控與安全性實踐(如 Prometheus、Grafana):確保系統穩定、安全運作。 📌 AI 工具應用: AI 幫你設計 YAML 檔與架構圖:快速理解與部署分散式架構。 系統瓶頸分析助手:用 AI 分析 log 或效能資料,加快除錯與優化。 📌 備選學習: Istio 等 Service Mesh 工具:適合大型微服務團隊,維護成本高。 Event Sourcing:較進階模式,建議有實務需求時再深入。 ✅ 適合考取的證照: Certified Kubernetes Administrator (CKA) AWS Certified Solutions Architect – Associate Google Cloud Professional Cloud Architect DevOps Engineer Professional(AWS / Azure) [course_plugin title='後端工程師進階課程' keyword='Java進階專業|前後端整合開發與應用' amount=1] 5個後端工程師應具備的軟技能特質: 邏輯思維與問題解決能力 能夠理解業務需求並轉化為系統邏輯,並針對錯誤快速找到根本原因。 【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測|104學習精靈 溝通與跨部門協作能力 後端工程師需與前端、產品經理、DevOps 甚至業務單位協作,良好的溝通有助於準確理解需求與回報技術限制。 【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測|104學習精靈 學習與自我成長動能 後端技術(如框架、資料庫、API標準)快速演進,必須持續學習與更新知識。 細心與責任感 後端處理大量資料及邏輯,細節錯誤容易引發資安問題或系統錯誤。 時間管理與自我管理能力 在遠端工作日益普遍的環境下,自律與時程安排變得尤為重要。 轉職後端工程師的學習策略 🎯 初學者或轉職者的學習策略 轉職或初學後端工程,建議採取階段式、任務導向的學習策略,以下列點歸納: 設定明確學習階段:分為基礎語言(如 Python/JavaScript)、資料庫應用、框架學習(如 Django、Node.js)、部署維運。 專案導向學習:每學完一個階段,就進行小型專案驗證所學,例如 Todo List、部落格、會員系統等。 培養問題解決能力:鼓勵查文件、逛論壇、問 ChatGPT,建立獨立解決 bug 的習慣。 學習版本控制與團隊協作:掌握 Git、GitHub、簡單 CI/CD,增加求職競爭力。 善用 AI 工具輔助學習:例如用 ChatGPT 解釋程式碼、Copilot 寫樣板、Kaggle 或 LeetCode 練習邏輯。 參與社群與實戰活動:參加黑客松、Open Source 專案、小型 Freelancer 案,強化實務經驗與人脈。 建立個人學習履歷:記錄學習歷程、撰寫技術部落格、整理 GitHub 作品集。 🎯 不同領域的客製化學習策略對照表 學歷背景優勢可能挑戰調整建議資訊相關科系已具備基礎程式能力、學科知識缺乏實務經驗、專案規模小強化實作專案與部署經驗,參與社群或實習累積履歷非資訊理工(如數學、物理)邏輯與數學能力強,適應資料結構與演算法快缺乏開發環境熟悉度與應用場景理解著重環境建置、框架與資料庫應用,透過實作強化「業界語感」設計/前端背景了解 UI/UX 與前端邏輯,轉職成為全端潛力大對資料結構與後端語法較不熟悉從 API 串接、簡單後端框架入手,逐步學習資料庫與後端設計邏輯商管/人文背景商業邏輯與跨領域溝通力強,善於理解用戶需求技術門檻高、邏輯訓練少以高階語言(如 Python)為起點,結合專案題材(如 CRM、報表系統)學習效果更佳在職 IT 工程師(測試、維運)已熟悉技術工具與環境、具系統性思維缺乏開發流程與程式架構設計經驗透過轉任內部開發專案或小型 App 開發練習,搭配設計模式與框架學習資料分析/AI 轉職者熟悉資料邏輯與語言(如 Python)、了解資料流缺乏完整系統建構經驗補足後端架構設計與部署技巧,從資料處理串接 API、Flask、FastAPI 切入 後端工程師薪資行情與職涯發展 後端工程師薪資概況 📌台灣後端工程師薪資 初階(3年以下經驗):月均薪約6.2萬。 中階(3- 5年經驗):月均薪約 6.5 萬。 高階(5-10年經驗):月均薪約7.3萬。(以上資料來源:104薪資情報) 📌影響薪資的因素 技術棧與專精程度熟悉高效能架構(如微服務、分散式系統)、熱門語言(如 Go、Rust)、或 DevOps/雲端技能者,薪資會更高。 產業領域與公司規模金融科技、AI、新創、外商薪資通常優於傳產與一般中小企業。 作品集與實戰經驗有實際上線專案、參與開源、或技術部落格者更具競爭力。 證照與專業認證(如 AWS Certified、Kubernetes、GCP)對某些企業或外商來說是加分項。 英語能力與跨國協作經驗能與國際團隊溝通的工程師更受青睞,也更容易爭取外派或海外遠端工作機會。 英文能力 - 線上免費檢測 後端工程師的職涯發展路徑 🔵 技術專精路線(Individual Contributor / IC Path) 從「後端工程師」起步,專注於技術深度與系統設計,逐步升級為具備橫向影響力的技術專家。 ▶ 初階 / 中階後端工程師(Backend Engineer) 負責功能開發、資料庫操作、API串接與單元測試。 ▶ 資深後端工程師(Senior Backend Engineer) 擁有跨模組開發與維護經驗,熟悉系統效能優化、API 設計規範。 ✳️ 學習前端技術 → 全端工程師(Full-Stack Engineer) 技能補充: React/Vue、Node.js、前後端整合、RESTful/GraphQL。 應用情境: 適用於產品團隊需快速開發 MVP 或技術創業者。 ✳️ 提升系統架構能力 → 系統架構師(Software/System Architect) 技能補充: 微服務設計、DDD、API Gateway、資料一致性、可觀測性(Observability)。 應用情境: 適用於中大型系統升級或技術重構專案。 ✳️ 學習 DevOps → DevOps 工程師(DevOps Engineer) 技能補充: GitOps, Jenkins, GitHub Actions, Docker, Ansible。 應用情境:經由緊密的開發+運營合作,使企業更高效推出高品質產品。  ▶ 全端工程師(Full-Stack Engineer) 獨立開發從 UI 到 API 再到資料庫的完整功能。 ▶ 系統架構師(System Architect) 負責設計全系統技術藍圖,定義模組邊界、資料流設計與技術選型。 ✳️ 進階發展  → 技術總監 / Technical Director 職責: 統籌技術方向,領導技術專案與架構決策,跨部門協作。 技能補充: 領導力、溝通簡報、技術戰略思維、預算與風險管理。 ▶ DevOps 工程師(DevOps Engineer) 專精於部署、CI/CD、環境自動化。 ✳️ 進階發展  → 雲端工程師(Cloud Engineer) 職責: 能設計具備高可用性與彈性的雲端基礎架構。 技能補充: 深耕 AWS/GCP/Azure 架構與雲原生技術(如 K8s、Terraform)。 🟢 團隊管理路線(Team & People Management) 此路線適合有溝通、協調與人員培育熱情者,從帶小團隊到參與公司策略。 ▶ 後端 Team Lead / 技術主管 同時參與開發與團隊管理,負責人力分配、專案交付與人員指導。 技能補充: Agile/Scrum、敏捷儀表板管理、1-on-1 輔導技巧。 ▶ 技術經理(Engineering Manager) 管理多組技術團隊,協助產品規劃、技術優化與跨部門協作。 負責團隊招募、績效制度設計、技術資源管理。 ▶ 技術總監(Technical Director)或 VP of Engineering 結合技術與策略視角,影響公司中長期技術方向。 需要具備技術深度 + 商業理解力。 🟠 技術轉職/橫向拓展路線(Cross-functional Path) 探索其他工程領域,發揮後端背景延伸價值,適合追求多元發展者。 ▶ 資料工程師(Data Engineer) 優勢: 熟悉 API 設計&模組化架構:資料平台的模組設計類似微服務設計邏輯。 熟悉系統效能:幫助處理大規模資料運算與資源調度。 熟練程式語言(如 Python、Java):可快速上手資料工程工具 可有效打造 ETL 流程、管理資料倉儲、支援 AI/ML 任務。 技能補充:  資料處理:Spark、Kafka、Airflow、dbt 資料庫:PostgreSQL、ClickHouse、BigQuery、Snowflake 資料管線:ETL/ELT流程設計、Data Lake、Data Warehouse 架構 編程與基礎統計:Python、SQL、資料品質檢查 職涯發展路徑流程圖 🔹 總結路徑圖說明 (起點) 後端工程師 │ ├── A. 學習前端 → 全端工程師 ├── B. 提升架構能力 → 系統架構師 │ └── 技術決策 → 技術總監 └── C. 學習 DevOps → DevOps 工程師 └── 深入雲端架構 → 雲端工程師 哪些產業需要後端工程師? 後端工程師幾乎是「所有數位服務產業的基礎職位」,以下是常見產業範疇: 📌電商與零售:處理會員系統、購物流程、庫存管理、金流串接等核心後台邏輯。📌金融科技(FinTech):開發支付、帳戶、交易、驗證等安全敏感的服務。📌社群與內容平台:如論壇、影音平台、交友 App,後端負責資料儲存、帳號系統與推薦演算法等。📌SaaS / B2B 企業服務:提供線上系統給其他企業使用,如 CRM、HR 系統。📌物流與運輸:如外送、倉儲、車隊派送,依賴大量 API 串接與資料即時處理。📌醫療與健康科技:處理病例、預約、穿戴裝置資料等,需高度資安與資料完整性。📌遊戲與娛樂產業:遊戲帳號、伺服器同步、排行榜、商城等核心功能皆由後端處理。📌政府與公部門資訊系統:如戶政、健保、交通資訊等數位服務。 後端工程師的挑戰與機會 🚀 6個常見的後端工程師挑戰 技術複雜度高:需同時掌握資料庫設計、系統效能、資安與架構邏輯。 看不見的貢獻:成果不如前端「有畫面」,但卻是維運的關鍵,常常被低估。 資安責任重大:系統若當機、資料異常,後端通常是第一個要排解問題的人,需確保數據安全,防止攻擊與資料洩漏。 需快速跟上技術演進:如容器化(Docker)、微服務架構、雲端部署等都不斷更新 高效能與擴展性要求:需設計能夠處理大量請求的系統,確保穩定性與效能。 跨團隊協作:需要與前端工程師、產品經理、DevOps 團隊密切合作,確保系統順利運行。 🌟 後端工程師4大機會 可轉職多種技術職:例如 DevOps、技術主管、架構師,或橫移到前端/全端。 全球需求穩定成長:任何需要「運作」的數位產品,都需要後端支撐。 遠端與海外機會多:因後端較少受地域限制,常見國際合作或海外招募。 進可攻、退可守:進可發展高階技術領域如 AI 後端、大數據平台,退可穩定就業於各類企業內部系統開發。 延伸閱讀: 產品經理 - 學習地圖(上):技能養成篇 成為雲端工程師的攻略指南:核心技能&職涯精進完整解析 轉職前端工程師│工作內容、技能、薪水與職涯發展指南 數據分析師工作內容是什麼?薪水高嗎?技術能力與職涯發展指南 想當資料工程師?工作內容、核心技能、薪水、職涯發展完整解析 [joblist_plugin title='更多104【後端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
【104職場力】・職涯規劃

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

「數據/資料工程師」12個必備技能、推薦職缺、證照進修

大數據時代來臨,企業數位轉型的需求應運而生,因此數據工程師(資料工程師)在企業中所扮演的角色也日益重要。本文盤點要成為數據工程師,強烈推薦要學的 12 項必備技能。一起來看看【數據工程師】工作日常以及104人力銀行上有數據工程師工作機會。 成為數據工程師的 12 項必備技能(點擊可跳至章節): 基本技能(程式語言與資料架構) 網路概念 資料庫 Database 數據湖 Data Lake 與物件存儲 數據倉儲 Data Warehouse 分散式系統 數據處理 機器學習 Machine Learning 作業編排管理 前端與儀表板 後端框架 自動化與部署 如何開始數據工程師之路?了解數據工程師工作日常 【數據/資料工程師】推薦職缺 【數據/資料工程師】職場常見證照整理 【數據/資料工程師】職場再進修課程推薦 文/LnData 麟數據科技 數據工程師的必備技能樹 (Source: Anuj Syal) 一、基本技能 首先,以下是最基本的必修技能,也是想進入這個行業需要的優先入手技能,包含: SQL:SQL即「Structured Query Language」,也稱做「結構化查詢語言」,是一種用於管理和查詢關聯式資料庫的語言,用於處理和操作大量數據。它允許數據工程師對資料庫執行各種操作,如數據檢索、修改和定義,且幾乎所有資料庫和數據倉儲都使用SQL。 程式語言:數據工程師必備技能當然包括使用不同的程式語言來處理數據,如 R、Scala、Java等,但首推 Python,因為Python容易上手,並且擁有許多免費且開源的資料科學工具和資源,使其成為處理數據相關工作的理想選擇。不僅如此,Python還有豐富的開發者社群,讓你輕鬆找到相關的學習資源和解決問題的方法。 Git:即「Global Information Tracker」,Git是版本控制的重要工具,可以追蹤、保存和管理軟體代碼的所有更改和操作,幫助資料工程師協作開發數據工程項目,並確保團隊成員之間的協同工作,可避免有人亂改或誤刪代碼。 Linux指令和Shell腳本:Linux是一種常用的作業系統,數據工程師經常使用它來處理數據,常見的版本如Ubuntu、Fedora。熟悉Linux命令(例如cd、pwd、cp、mv等)和Shell腳本可以幫助數據工程師自動化任務、管理伺服器和處理大量數據。 資料結構和演算法:數據工程師需要對資料結構(Data Structures)和演算法(Algorithms)有足夠的理解和解決問題的技能,以優化數據處理和分析。初學者可透過初級到中難度的LeetCode問題進行練習。 二、網路概念 由於現在大半數據都在線上,因此工程師常需接觸與處理VM(虛擬機)、伺服器和 API(應用程式介面),而此時就需要對 IP(互聯網協議)、DNS(域名伺服器)、VPN 等基本網路概念有基本了解。 API(應用程式介面)概念示意( Source: Geeks For Geek) 三、資料庫 資料庫是按照數據結構來組織、存儲和管理數據的倉庫,相關概念包含: 基礎知識:資料庫是存儲數據的空間,包含表(Table)、行(Column)、列(Row)、鍵(Key)、連接(Join)、合併(Merge)和模式(Schema)等基本概念。 SQL:雖然前面提過了,但要知道在使用這些資料庫時,SQL可說是最泛用也最不可或缺的語法,因此這邊再提一次。。 ACID:是原子性(Atomicity)、一致性(Consistency)、隔離性(Isolation)、持久性(Durability)的縮寫,旨在確保數據操作的有效性和穩定性。 資料庫建模:指在設計資料庫時考慮如何組織資料的過程,包括星型模式、平面設計和雪花模式等不同方法。 資料庫擴展:包括垂直擴展和水平擴展,它們用於增加資料庫的性能和容量。 OLTP與OLAP:OLAP(在線分析處理)、OLTP(在線交易處理)是不同類型的數據處理系統。OLTP是設計用於處理日常業務交易和交互式操作的系統;OLAP則是設計用於分析和探索大量數據的系統。 關係型資料庫:Relational Database,是大多數應用程式使用的傳統資料庫,用於結構化數據。常用的資料庫有PostgreSQL和MySQL。 非關係型資料庫:Non-relational Database,也稱為NoSQL資料庫。跟傳統的關聯型資料庫不同,它們不使用固定的表格模式,而是以更靈活的方式存儲數據,適合處理大量非結構化數據。非關係型數據還可分為三種類型: 鍵值資料庫:如Redis、DynamoDB、FireBase 圖形資料庫:如Neo4j、ArangoDB 寬列資料庫:如Apache Cassandra、Google BigTable 常用的關係型資料庫 MySQL 四、數據湖 Data Lake 與物件存儲 數據湖是一種大規模集中式數據存儲系統,它允許組織以原始、半結構化或非結構化的形式存儲數據,而無需建立嚴格的資料結構。這意味著數據湖可以包含來自不同來源、不同格式和不同質量的數據,可以是文本、圖像、影音等,也包含報表、視覺化、資料分析、機器學習等轉換後資料。 數據湖通常使用分佈式或物件存儲(Object Storage)系統來存儲大量數據,如Hadoop HDFS、Amazon S3等。數據以原始文件或對象的形式存儲,每個對象都包含數據本身、元數據(metadata)和唯一識別子。這種方式使得數據能夠以平面結構組織,並且具有元數據以描述數據的特徵和用途,能夠更好地管理和查詢數據。 五、數據倉儲 Data Warehouse 數據倉儲(Data Warehouse)是一種專為組織和管理大量數據而設計的數據存儲和管理系統。它的主要目標是將來自不同來源的數據整合到一個統一的、易於查詢和分析的資料庫中,以支持企業的決策制定、報告和分析需求。例如 Google 的 BigQuery、AWS Redshift、Azure Synapse、Snowflake、ClickHouse 和 Hive。須了解的相關概念包含: SQL(略) 規範化與非規範化:在數據倉儲中,數據可以以規範化(Normalized)或非規範化(Denormalized)的方式進行組織和存儲,具體選擇取決於業務需求和查詢性能的考慮。規範化主要為求消除數據中的冗余或不一致性;而非規範化則是將數據合併到一個表中以提高數據更改速度。 OLAP與OLTP(略) 六、分散式系統 包含大數據、Hadoop、分佈式文件系統、MapReduce等概念。在分散式系統中,多台機器(稱為節點或伺服器)組成叢集並共同協作,這些機器可以在不同的地方執行,彼此通信並共同完成任務。分散式系統的好處是可提高性能、可用性和擴展性,同時減少單點故障的風險。 由於其複雜性,這些系統擁有各自獨立的技術組件。因此,為了開發與佈署這些系統,數據工程師需要使用叢集管理技術或工具,如Kubernetes、Databricks,或者自行建立Hadoop叢集等。此外,還有許多開源技術可供利用。 Kubernetes 也稱為 K8s,是一個熱門的分散式系統開發和支撐平台(Source: DevOps Mojo) 七、數據處理 數據處理是指使用程式語言來轉換數據的過程,這包括清理數據以及驗證數據的準確性。在進行數據處理時,通常會使用各種工具和框架,具體選擇取決於任務的性質和規模。 以下是一些常用的數據處理工具和框架: Pandas:Pandas是一個好用的Python套件,常被用於處理和分析數據。它提供了豐富的數據結構和函數,適合用於數據轉換和清理。 SQL:(沒錯,又是它)由於多數數據倉庫支持SQL語言,因此SQL是一個常用的工具,用於執行數據轉換操作,尤其適用於處理結構化數據。 Spark:Apache Spark是一個用於大數據處理的強大框架,它提供了分佈式數據處理和分析計算。Spark通常用於處理大規模數據轉換操作,性能高且具有可擴展性。 Spark Streaming:Spark Streaming是Spark的一個模塊,用於處理流式數據。它可以實時處理數據流,非常適合需要即時分析的應用。 Spark是常用於處理大數據的強大框架(Source: Data Mechanics) 八、機器學習 Machine Learning 機器學習(Machine Learning)是一種人工智慧(AI)的子領域,它教導電腦如何從數據中學習,以自動改進和做出決策,而不需要明確的程式指令。機器學習可以應用於多個領域,如圖像辨識、語音識別、自然語言處理、醫療診斷、金融預測以及自駕車技術等。 人工智慧、機器學習、深度學習都是資料科學中的熱門領域 對於數據工程師來說,了解機器學習的不同類型,包括監督學習、非監督學習和增強學習,以及相關的模型(如邏輯回歸、決策樹、K-最近鄰算法等)很重要。他們需要知道何時應該使用哪種模型,並學會處理數據、調整模型參數,以及評估模型的預測準確性。 操作機器學習的平台有Vertex AI、Kubeflow等,這些平台可以協助數據工程師輕鬆部署模型,並構建更準確的工作流程,幫助數據科學家做出更精確的決策。 Vertex AI 是Google Cloud上的一個機器學習平台 此外,還有一些集成平台可讓數據工程師將工作流程整合到一個地方,如AWS Sagemaker、Databricks和Hugging Face等。這些平台通過共用的應用程式接口和圖形界面,使應用軟體功能不受特定硬體、作業系統、網路協議或資料庫管理系統的限制。 AWS Sagemaker也是不少人的ML開發選擇(Source: AWS) 九、作業編排管理 編排(orchestration)是一種用於管理和協調組織各種任務和工作流程的方法。它幫助我們確保工作按照預定的順序執行,以達到我們的目標。 最佳的編排工具之一是Airflow。它使用基於Python的有向無環圖(DAG)來記錄工作流程,讓您可以清楚地定義和規劃工作。Airflow特別適用於複雜的工作流程,並且在大數據和數據工程領域中廣泛使用。 其他工具包含Luigi、Nifi和Jenkins。每個工具都有其獨特的特點和使用場景,可以根據你的項目需求來選擇適合的編排工具,可以幫助數據工程師自動化和管理各種任務,提高工作效率。 Airflow是開發時常用的工作流程管理工具(Source: Airflow) 十、前端與儀表板 前端和儀表板(dashboard)是用來展示數據結果和互動的工具。它們讓我們能夠以圖表、圖像和表格的形式呈現數據,並讓用戶與數據進行互動。 舉例來說,Jupyter Notebook 是一種常用的工具,它可以幫助數據科學家和分析師在筆記本中直接進行數據分析並建立視覺化圖表。 Jupyter Notebook是好用的互動式開發工具,是許多資料科學工作者選擇 此外,儀表板或所謂BI工具如 PowerBI 和 Tableau,以及 Python 套件如Dash 和 Gradio,也被廣泛使用。這些工具允許我們建立互動性強的儀表板,讓用戶輕鬆探索數據,查看不同的視覺化結果,並根據需求進行操作。 Tableau是業界常用的商業智慧(Business Intelligence)工具,建立企業數據儀表板 十一、後端框架 後端框架與軟體工程有關,它們有助於構建網站和應用程序的後端部分。舉例來說,如果您想建立一個網站或應用,可能需要一個後端框架來處理用戶發出的請求、管理資料庫,以及提供信息給前端顯示。 基於 Python 的後端框架包含 Flask、Django 和 FastAPI 等。Flask 是一個輕量級的框架、Django則提供了更多的內置功能、FastAPI 則專注於建立API。 除了這些,還有一些雲端技術可供使用,例如G oogle Cloud Platform(GCP)的 Vertex AI API 和 AutoML APIs,這些技術可以用於模型部署和機器學習應用。 Flask 是一個 Python 網頁應用程式框架,因輕量靈活而受許多開發者喜愛 十二、自動化與部署 自動化和部署是指使用不同的工具和技術,來讓程式碼的建立和執行過程更加自動化和簡化,有助於提高效率、降低錯誤,並讓應用程式更容易管理和維護。 這個過程包括以下幾個主要方面: 基礎設施即程式碼(Infrastructure as Code):這是使用工具如Terraform、Ansible和Shell指令來管理和配置伺服器和基礎設施的過程。這些工具可讓你將基礎設施視為程式碼來處理,使其更易管理和自動化。 持續集成/持續部署(CI/CD):指透過GitHub Actions和Jenkins等工具來自動化程式碼的測試、集成、部署和交付的過程。有助於確保程式碼的品質,並使新功能能夠快速部署到生產環境。 容器化:即使用Docker和Docker Compose等工具,將應用程式和其相關的依賴項打包成容器的過程,可使應用程式在不同環境中更容易部署和執行。 Docker工作流程示意 想當數據工程師,如何培養能力? 在學生可以學習統計、資工、資料科學等科系的課程,或是透過相關實習或競賽來摸索對此領域的興趣。此外,網路上有許多付費課程、YouTube上的免費資源,也可以在kaggle、LnData等平台取得更多練習與交流機會、相關知識、技巧或資源! 要記得,這些相關技術日新月異,即使是正在工作中的數據工程師也必須時時學習與了解最新技術。相對的,正因為技術不停在改變,你也不需要強求把上面所有技能練到精通,而是掌握重要的基本概念與保持開放的學習態度。 數據工程師可以為企業做什麼? 數據工程師日常就是與數據打交道,主要包含收集、讀取、清理,探勘與管理企業的資料,以抓取符合企業分析需求的數據。這些數據則能進一步透過機器學習、演算法,產生更有價值的結果或應用方式,幫助企業做出更好的決策、優化業務流程,例如降低成本、提高獲益、優化產品、留住熟客及開發新客群。因此,數據工程師對於企業的重要性不言而喻。 然而,企業想挖掘數據最大價值,並不能只靠數據工程師。一個完整的數據團隊,通常包含數據工程師、數據科學家、數據分析師三種角色,各司其職、專業分工。他們在日常工作流程中扮演各自的角色,互相協作,完成各種不同的專案——這也是為何我們最後要強調,除了技術以外,溝通與協作等軟技能也非常重要! (原文標題:2023 年想成為數據工程師的 12 項必備技能) [joblist_plugin title='推薦【數據/資料工程師】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&keyword=%E6%95%B8%E6%93%9A%E5%B7%A5%E7%A8%8B%E5%B8%AB&expansionType=area,spec,com,job,wf,wktm&jobsource=blogc&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3'] 【數據/資料工程師】職場常見證照整理: 序號證照證照介紹發照單位1DP-203 Azure資料工程師技術師身為此認證的應試者,您應該具備主題專業知識,能夠將各種結構化、非結構化和串流資料系統中的資料,整合...<詳情>Microsoft2Google專業資料工程師認證專業資料工程師透過收集、轉換和發布資料來實現以資料所驅動的決策。資料工程師應該能夠設計、建置、操作...<詳情>Google3SSE 大數據國際認證隨著有關大數據的程式語言、運算平台、基礎理論,以及虛擬化、容器化的技術成熟...<詳情>Silicon Stone Education4AWS認證的數據庫-專業級認證報考資格:1.接觸資料庫技術至少 5 年、2.實際使用 AWS 至少 2 年...<詳情>Amazon Web Services5台灣風險數據分析師除了相關法遵外,應具備在風險數據分析、質量方法運用、風險預測建模等高階專業...<詳情>社團法人台灣風險管理協會更多數據相關證照<前往> 【數據/資料工程師】職場再進修課程推薦: 課程名稱課程介紹【真人直播】零基礎Python數據分析與即時看板實作在這堂課程中,我們將帶你從學習基礎 Python 出發,了解各種常見資料檔案格式與編碼,透過 Python 進行資料表單或檔案的自動化彙整與分析...<課程介紹>GA4+GTM網站數據分析實戰課專業的教學設計,以第一線網站數據分析工作者角度,剖析 GA4 四大要領,從觀念的理解到上手實作,提升你的數據分析能力。…<課程介紹>成為數據分析師的第一把鑰匙:用Python實作三個資料分析專案以非工科生成功轉為數據分析師的經驗、第一線職場實戰角度出發,來設計這門課程,適合零基礎、初入門、想轉職作數據分析師的你!…<課程介紹>零基礎成為Python金融數據分析師|金融資訊爬蟲X視覺化應用課程單元從 Python 程式基礎開始,包含變數、資料型態、流程控制、函式、例外處理等 金融主題的網路爬蟲程式教學,製作Python爬蟲工具…<課程介紹>更多數據相關課程<前往>
【104職場力】・軟體工程

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」、顏文字和特殊符號吧!|職場工作術
【104職場力】

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工具應用解析
【104職場力】・AI

前端面試問題如何反問?8個了解團隊的關鍵問題

面試是雙向選擇,前端工程師面試也要善用反問問題的機會,了解團隊與公司的工作模式,更深入了解工作細節。本文作者為前端工程師,網站前後端開發經驗逾9年,以自身經驗整理前端面試可以反問的8個問題,有助準備面試與掌握面試主導權。 文/林彥成|前端三分鐘 本文目錄(點擊可快速前往) 面試前端,你還有什麼問題想問嗎?前端面試可以反問的8個問題前端面試反問1:是否有遇過常改規格的情境? 工程師會需要如何應對?前端面試反問2:通常是怎麼處理樣式檔?像是BEM或依元件或頁面開檔案放置?前端面試反問3:目前公司有幾位設計,是怎麼合作的?前端面試反問4:請問會需要整合不同的後端嗎?前端面試反問5:專案中有用到哪些設計模式?前端面試反問6:專案的時程會很趕嗎? 當工程師遇到困難時,會如何協助解決?前端面試反問7:如果有十幾個需求同時開發或是需要轉換框架函式庫,會怎麼進行?前端面試反問8:會在什麼時候決定將共用邏輯抽取出來成為function或是常數?4個問題了解面試官和團隊 在新鮮人階段時,通常不太確定面試可以問什麼或該問什麼,當面試到最後被問起:「你還有什麼問題想問嗎?」又該怎麼回答? 隨著職涯的發展,這個問題終究是回到自身想要成為什麼樣的大人? 對於個人來說,面試的目標是要找到不討厭、別人願意付錢請我們做、我們可能也做得不錯的事情。 面試前端,你還有什麼問題想問嗎? 在面試過程除了被面試其實也在面試團隊跟公司,而一個好的問題可以幫助我們從更多面向去了解這間公司工作樣貌,進而去看看公司有沒有符合想要的職涯目標、工作型態。 扣掉找新人免洗的狀況,大部分的公司都是遇到問題才會徵才,單純擴編的狀況可能並不多,而企業目前的問題很可能是造成前一位員工離職的原因之一。 在轉職時,要怎麼知道接下來是不是想要體驗這樣的職涯環境?或著說工作樣貌是不是自己喜歡的? 【作者檔案】林彥成,資深前端工程師,網站前後端開發經驗9年。珍貴線上Q&A機會,直擊台積電工程師的真實生活!限時報名>> 前端面試可以反問的8個問題 致那些年我踩過的坑,也預祝大家在新的一年填坑大吉。 小編是前端工程師,決定在工作一年左右轉換的原因可以參考小編談談選擇前端的理由這篇文章。 前端通常是在設計、後端都完成後才進行收尾,收尾的同時也在幫規格、設計、後端Debug,所以大家在大聊一波慶祝工作完成的同時,我們會發現只剩前端還在工作。 接下來會從小編當前端工程師過往遭遇的問題和解法反思未來職涯疑問,就讓我們一起看下去。 前端面試遇到的常見地雷 面試遲到讓面試者等 問很多跟工作無關的問題,有女朋友?結婚有小孩了沒? 請我們又多填一份跟104一樣的履歷表 面試沒問太多技術問題都在聊天 很急著壓報到時間,燙手山芋正在快速拋接中 試用期砍薪水,過了還不一定會調整 不過這邊想要特別說明一下,我朋友在面試的時候很誠實跟主管說接下來的目標是交女朋友工作什麼的都是浮雲,而老闆不管在面試時或是面試結束後也給了很多機會,這邊不得不感謝那個問了問題後有協助處理的老闆。 前端面試反問1:是否有遇過常改規格的情境? 工程師會需要如何應對? 為什麼問這題:常改規格並沒有不好,要看的是有沒有體驗到好的軟體開發流程,目標是確認公司開發流程是不是下一份工作的目標,像是有分測試和正式環境嗎?上版本遇到bug會在什麼時候修? 常依需求修改資料庫Schema或API,每次都要重寫邏輯以及資料庫互動的部分 需要常常顯示不同的統計,可考慮導入GraphQL從Client決定,減少開API的時間 使用Document-Oriented的資料庫,POC階段相對簡單 隕石式開發,主事者看到畫面後覺得還想改就又重來一次 出Mockup或是設計製作不須切版的假畫面流程 出一個Demo用的Prototype(處理關鍵流程,不須注重美觀)讓不熟網頁開發的主事者了解目前的狀況和方向,確認後才進行設計切圖、前端切版、後端開API 前端面試反問2:通常是怎麼處理樣式檔?像是BEM或依元件或頁面開檔案放置? 為什麼問這題:是不是可以在這樣的專案架構下學到東西。 CSS選擇器和規則們就像女孩化妝桌上的化妝品們,桌上總是放著各個種類,數也數不清大罐小罐擠的噴的擦的,在沒有預備知識和整理規劃的情況下,若要一個男孩子短時間搞清楚簡直是天方夜譚。 該怎麼透過CSS的架構來優化,可以參考之前小編寫的如何「透過BEM、SMACSS、OOCSS、Atomic CSS 簡化樣式開發流程、減少維護成本」。 撰寫地圖專用的圖層SLD樣式檔(類似XML)超過一萬行 官方有介紹使用CSS的寫法,運用Class共用的特性可讓行數減少 樣式檔沒有寫在元件中,也沒使用預(後)處理器,上千行的樣式檔搜尋「.user-photo」也許有十幾個結果 樣式需要有命名規則(BEM) 導入SCSS 前端面試反問3:目前公司有幾位設計,是怎麼合作的? 為什麼問這題:希望可以看出現在的專案是不是好維護,打聽一下工作流程或是有沒有Design Guideline或使用Zeplin或figma這類工具。 同樣功能的圖片大小長寬比不一 object-fit background-size: cover 重新切圖 拿到檔名是123543.jpg大小超過10MB 請設計壓縮一下 小於5MB可使用TinyPNG 設計沒有考慮到字數過多的情境,導致上字詞之後與預期狀況不符 overflow: hidden 改設計 前端面試反問4:請問會需要整合不同的後端嗎? 為什麼問這題:評估自己的能力有沒有辦法處理。 會需要串接不同網域的後端 使用Nginx Proxy 改成在後端才打API 後端開放Domain解決CORS 不同API的配置大多不太一樣 Token都移到Cookie,這樣相關的Token會自動送回相關子網域的API 善用客製化後的Axios Instance 前端面試反問5:專案中有用到哪些設計模式? 為什麼問這題:看現在的老闆或是同事是怎麼看待問題或是歷史遺跡。 什麼是Pattern,Pattern就是改善如何去架構程式的方法,主要是讓程式碼能夠在元件間共用。 用Java的概念寫Javascript,有非常多的Prototype的寫法,文件不清楚的情況下,導致實作上每次都需要追本溯源的看,考驗搜尋或是編輯器的能力。 使用Component-Base的函式庫或框架,並建立故事書。 善用設計模式,React常見的Component Pattern就是HOC或是Render Props。 前端面試反問6:專案的時程會很趕嗎? 當工程師遇到困難時,會如何協助解決? 為什麼問這題:如果老闆只剩下壓時程的功能,那是不是我們用個鬧鐘或是Google Calendar就好了? 主管可能不懂前端並無解決問題或協調資源的能力,只剩壓時程及提出需要限時解決。 提早尋求同事協助,並看價值觀是否願意加班解決。 時間給的不夠屬於管理上的問題,無法靠溝通解決就盡快重新找工作。 前端面試反問7:如果有十幾個需求同時開發或是需要轉換框架函式庫,會怎麼進行? 為什麼問這題:要看的是與歷史共業的生存法則與態度。 不同的產業別都會有歷史的包袱(Workaround),可能還是會用一些比較舊的東西。 除了東西較舊也可能遇到專案架構及程式混亂,這有點像是煉蠱的過程,看最後誰會生存下來。 專案在後期才考慮要加入i18n或伺服器渲染 React本身是一套過於單純的函式庫,容易且戰且走疊床架屋,建議可以參考 Next.js Repo中的Example 趕時程但又好又快又便宜無法共存,專案中可能滿滿的Workaround,像資料來源用Google Sheet 留下 // TODO: 及未來可改善方向 同樣一種功能有多種寫法或是Deprecated的寫法。 討論用哪種方法好,有時間就盡快合併,讓程式碼更好維護 尋找Deprecated寫法的替代方案 前端面試反問8:會在什麼時候決定將共用邏輯抽取出來成為function或是常數? 為什麼問這題:炫技跟過度結構化並不會讓專案變得更健康。 一層又一層的HOC封裝:HOC像是一個工廠,把原來的元件變身或加強,所以不建議包太多層。 過度或是過早的結構化,很簡單的功能卻太早預想會變成大專案 這裡有兩個觀念想要分享給大家,YAGNI和RUDT: YAGNI(You Ain’t Gonna Need It.) 真的需要使用XX模式嗎? 真的需要拆分成小元件嗎? 真的需要切成一堆小介面和抽象類別嗎? RUDT Read:最短的時間、最少的檔案 Update:CRUD features時可以用最小成本去改 Debug:菜鳥工程師也可以很快找到根本問題 Test:問題、結果都可以容易被複製被測試(資料面像是抽獎時該怎麼辦?) 4個問題了解面試官和團隊 同場加映4個問題,來自Medium的what questions should you ask the interviewers。 問題1:您的工作一天大概是怎麼過的? 這題是開放式的問題,目標是希望可以聽到一些工作型態。 有些面試官可能會說公司通常是早上8點半上班到晚上6點,有些面試官可能會說我們公司跑Scrum每天早上會有站會,偶而晚上會跟其他國家同事開會。 藉由這個問題,你大概就能夠了解如果進入這間公司,你大概會過怎麼樣的生活。 延伸的問題可能會是趁機問一下加班、出差的頻率,或是任何你對工作型態的好奇。 問題2:最喜歡和最不喜歡這個團隊或公司的地方是什麼? 第一個部分通常是簡單的,但其實真正有趣的會是第二個部分。 面試官通常在有HR的場合會講不出來,甚至只會模糊的打官腔,可能會有面試官回答說,我不太喜歡頻率太高的會議或是一直在不同的產品中轉換。 最主要的目的是,透過這些回答,我們可以去延伸一些後面的問題,甚至我們可以只是單純再問說哇那到底是有多討厭多不喜歡,即便我們不會得到直接的答案或是他們真的不喜歡的地方,但我們仍舊能從這些回答中得到些蛛絲馬跡和感受,也許這些感受剛好也會是你在意的。 問題3:這個團隊接下來的目標是什麼? 這個問題很適合問團隊主管,至少在決定加入這間公司前,可以知道自己未來2到3年大概能有什麼樣的成長。 這個問題可以幫助我們了解這個團隊是否在成長中,若是正在成長是不是有一個規劃好的計畫藍圖?如果是的話,就可以評估我們的戰力是否可以協助公司推進。 那如果是一個穩定的團隊,只是做一些日常維護的工作,那該問自己的問題可能會是這是我們這個階段想要追求的嗎? 問題4:請問您通常都是怎麼帶領團隊? 主管的帶領風格會對你接下來工作的成就和快樂有非常大的影響,藉由這個問題,你也許可以知道主管的管理程度,也許有些會說他們做微管理,有些也許會說只需要你一周寫一次週報。 從回答中,你可以判斷這個主管的個性是不是適合你,提早了解這些層面會比進去之後後悔要來的更好。 (原文標題:面試前端,你還有什麼問題想問嗎) [joblist_plugin title='更多104【前端工程】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
【104職場力】・軟體工程

【ChatGPT當機】除了ChatGPT還有哪些生成式AI?16種AI工具應用解析,4步驟學會關鍵能力

生成式AI除了ChatGPT,你還用過哪些?本文解析4大領域、16種AI工具特性,包括:Copilot、Perplexity、Claude等等,專家也提醒千萬別完全依賴AI、失去自主思考能力,4步驟帶你了解如何正確運用AI工具,建立解決問題的思考框架! 編按:ChatGPT在台灣時間7月16日上午再傳大當機,網頁、APP版都出現異常,用戶除分享當機災情,也尋找替代工具,本文分享除了ChatGPT,還有哪些生成式AI工具! 文/ 張可佳(Claire Chang) 本文目錄(點擊可快速前往) 16種生成式AI工具4大領域應用文本生成(LLM)工具影像/影片生成(Text-to-Image)工具音樂/聲音生成工具程式碼生成工具生成式AI的正確/不正確使用範例正確使用AI的例子:輔助學習不正確使用AI的例子:完全依賴翻譯工具4步驟用ChatGPT訓練解決問題的思考框架1. 明確定義問題與期待結果2. 重視問答過程並在過程中做思考3. 根據反饋一步一步探索你要的目標4. 快速測試及驗證回應 16種生成式AI工具4大領域應用 在生成式AI的世界裡,許多人可能首先想到的是OpenAI的ChatGPT。然而,生成式AI的應用範圍遠不止於此,涵蓋了從文本生成到圖片、影像、音樂、語音生成,甚至程式碼生成的多個領域。以下是一些主要的生成式AI工具,介紹它們在不同領域的應用。 文本生成(LLM)工具 1. OpenAI的ChatGPT 網址:https://chatgpt.com/ 最受歡迎的文本生成模型之一,能夠回答問題、撰寫文章、生成對話等。 2. Google的Gemini 網址:https://gemini.google.com/app 能夠同時理解文本、影像、音訊和影片,這使其能夠更全面地處理和生成資訊,適用於各種複雜任務。 3. 微軟的Copilot 網址:https://copilot.microsoft.com/ 整合Microsoft 365應用程式,幫助用戶自動化任務、生成內容和分析資料,提升工作效率。 4. Anthropic的Claude 網址:https://claude.ai/ 超大的上下文窗口,可處理長的文本資料。 5. Perplexity 網址:https://www.perplexity.ai 與傳統搜尋引擎不同,Perplexity AI提供單一的、全面的答案,概括了所有需要知道的資訊。 6. Felo Search 網址:https://felo.ai/search 支持多語言搜尋,能夠自動翻譯搜尋結果,消除語言障礙,使用戶能夠訪問全球資料。搜尋結果是從網際網路上即時獲取的,確保資訊的最新性和準確性。 影像/影片生成(Text-to-Image)工具 1. Meshy 網址:https://www.meshy.ai/ 從文本或影像創建3D建模檔案,從而加速3D建模的流程 2. Midjourney 網址:https://www.midjourney.com/ 以創作高品質影像而著稱,適合藝術家和設計師使用。 3. Stable diffusion 網址:https://stability.ai/stable-diffusion 開源社群網址:https://civitai.com/  開源的影像生成模型,提供靈活且可自定義的生成過程。並有著豐富的開源模型社群,有豐富的免費模型與外掛可供嘗試使用。 4. Kling 網址:https://klingai.com/ 影片及圖片生成的大模型,能更輕鬆地完成藝術影片創作。 音樂/聲音生成工具 1. Suno 網址:https://suno.com/ 音樂生成AI工具。使用者只需要輸入歌詞,就可以在短時間內自動完成作曲、編曲及演唱。 2. Steve AI 網址:https://www.steve.ai/ 專門用於生成音樂和聲音效果,適合影片和遊戲設計。 3. AudioCraft 網址:https://audiocraft.metademolab.com/ Meta開發的音樂生成工具,能創作高品質的音樂片段。 程式碼生成工具 1. Github的Copilot 網址:https://github.com/features/copilot 與Visual Studio Code整合的程式碼輔助工具,能夠即時補全程式碼。 2. Cursor 網址:https://www.cursor.com/ 使用GPT-4,在一種新型編輯器中撰寫、編輯的程式碼。 3. Cosine AI 網址:https://cosine.sh/genie 推出了Genie,自稱全球最優秀的AI軟體工程師。 生成式AI的正確/不正確使用範例 筆者在撰寫此書籍時,為了更深入了解各行各業中人們使用生成式AI的情況,訪談了20餘位不同行業和角色的職場菁英。 其中,來自5IN實驗教育機構的李有誠博士,身處教育界,對生成式AI的影響有深刻見解。他認為生成式AI是一種革命性的技術,不僅改變了知識的傳遞方式,更可能重塑人類社會的結構。 李博士強調,生成式AI的強大之處在於其能在短時間內處理和生成海量數據與資料,超越人類能接受、理解和消化的能力。這種能力有可能引發許多職位、人類角色、認知和信念的興起與消失,導致社會結構的快速變動,也因此導致現代人們容易自我定位錯亂,迷失自我。 為了應對這種變動,他認為教育的核心任務應該是幫助學生進行自我探索與定位,探索自我價值觀,建立自我人格。人的想法和人格並非純粹內生,而是受到外部環境和參考資料的影響而形成。只有當學生能夠更快地了解自己與環境時,才能更有效地適應這些變化。  因此,社會對教育的觀念也需要隨之改變,應更加重視思考能力和人文素養的培養,而非僅僅追求分數或知識的學習。建立解決問題的思考框架,而非僅依賴AI提供的知識,將成為未來AI時代最重要的軟實力。 他也提及我們應謹慎使用AI功能,以確保能從中受益而不是依賴。  正確使用AI的例子:輔助學習 在完成英文創意寫作後,可以使用AI工具(如Grammarly、ChatGPT)來檢查文法錯誤。這種使用方式能夠幫助學生識別和理解自己在語言使用上的錯誤,進一步辨認出自己需要調整的地方,提高語言能力。學生完成寫作後,將其提交給AI 檢查,然後將AI指出的錯誤列出並理解這些錯誤的原因,再進一步請教師解釋和指導。接下來,學生按照對自己現況能力的新了解而更有針對性的進行下一步的成長,方能達到提高能力的目標。  正確使用AI-輔助學習指令: 請檢查這篇英文文章的文法錯誤,並列出有哪些錯誤及其原因。我想學習並了解我的寫作問題,從而改進我的英文能力。以下是我的文章內容:[ 在此貼上文章內容] 不正確使用AI的例子:完全依賴翻譯工具 在創意寫作時,直接使用Google翻譯將中文文本轉換為英文,然後將這些翻譯結果提交作為作業。這種做法完全沒有涉及到發自於學生本身的任何自主思考,錯失了練習英文的機會,沒有達到學習的目的,反而浪費了時間和資源,變成老師根本就是批改電腦生成內容的滑稽景象,也可能誤創造出學生有在學習的假象。 不正確使用AI-完全依賴工具: 我有一篇中文文章,請你將其翻譯成英文,並確保翻譯後的結果看起來像是創意寫作,能直接提交作為作業。以下是文章內容:[ 在此貼上文章內容] 4步驟用ChatGPT訓練解決問題的思考框架 從上面的範例我們可以知道,我們並不是要完全依賴AI替我們工作,而是將其視為一個強大的輔助工具,在我們的指導下,共同完成目標。我們可以將AI視為自己的下屬,而自己則是主管,負責引導、審視並做出最終決策。 1. 明確定義問題與期待結果 首先,我們需要清晰地定義問題,了解自己想獲得的結果,並附上相關參考資訊,為AI提供明確的指示。就像一位主管在下達任務時,需要讓下屬明確理解工作要求和目標。這樣,AI才能根據我們的指引生成符合預期的結果。 【市場分析報告】指令範例: 我需要生成一份有關市場分析的報告,目標是瞭解我們的新產品在台灣不同市場中的潛力。產品資訊:辣木籽(維持健康 促進新陳代謝 調節生理機能),印度稱其為【奇蹟之樹】,來自印度的超級食物,風靡全球 營養價值高 2. 重視問答過程並在過程中做思考 在這個過程中,我們扮演的角色不僅僅是提出問題,更重要的是評估AI的回應。當AI生成回應後,我們需要像主管審閱報告一樣,仔細檢查其中的邏輯和合理性。對於發現的任何不合理之處,我們要進一步探詢或查證,確保最終的結果是準確可靠的。 【客群分析】指令範例: 以這三種不同客群來說,在行銷包裝上分別要注意什麼?中老年人、關注健康的年輕專業人士、重視養生的族群 3. 根據反饋一步一步探索你要的目標 此外,我們應該善用AI提供的反饋,逐步逼近我們的最終目標。這就像在管理一個專案時,我們根據進展情況進行調整和最佳化,最終達成預期的成果。這種持續的互動和調整,是確保AI能夠有效協助我們解決問題的關鍵。 【行銷策略】指令範例: 有沒有一種行銷可同時打中這三種族群? 4. 快速測試及驗證回應 在利用AI解決問題的過程中,我們需要對AI回應的內容進行驗證。透過一來一回的過程,我們能從中學習到我們原本不知道的東西,並產生最終品質更好的結果。這不僅能提高我們的工作效率,也能讓我們從過程中學習,增強我們處理跨領域問題的能力,讓我們透過AI來提升工作能力及效率。 【行銷管道】指令範例: 中老年使用部落客推薦會有用嗎?有推薦管道嗎? 這時我們就可以去Google搜尋其他保健食品與醫生或健康專家合作做推薦的案例(可以使用Perplexity或Felo Search去搜尋相關文章),並評估可行性和過往的成效。我們可以將搜尋到的資料再貼回ChatGPT,幫助ChatGPT有更多符合我們需求的相關知識,並提供更好的後續回應。 節錄自:博碩文化《AI職場超神助手:ChatGPT與生成式AI一鍵搞定工作難題/張可佳(Claire Chang) 著 》 更多【AI工具應用】推薦: 盤點20大職場必備AI工具!專家:未來9成工作者都須懂AI ChatGPT整理Excel表格超快速!用AI輕鬆搞定複雜資料 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報
【104職場力】・AI

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大情境式教學,讓你從容接待、滿足客戶 >>
【104職場力】・英文

用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幫你快速做完整簡報
【104職場力】・AI

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