ASP.NET MVC 無痛快速上手
104學習
ASP.NET AJAX
這項技能代表能運用微軟的網頁技術提升使用者互動體驗，讓網頁局部更新而非整頁重新載入，提升效能與響應速度。具備此能力表示熟悉前後端整合，能開發出更流暢、互動性高的企業級應用程式，對於需要即時資料更新或動態內容的專案特別有幫助。這在台灣資訊業尤其受重視，能提升開發效率與使用者滿意度。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
ASP.NET MVC 欄位驗證完全攻略
（最新版.NET 6）ASP.NET Core MVC 無痛快速上手
AI工程師與企業開發必修！FastAPI後端精通：全面入門與進階實戰指南
成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
.NET開發資料庫應用系統全方位－ADO.NET與Entity Framework(.NET Core)攻略
工程師救星-用Bootstrap速成響應式網頁開發
Advanced Architecting on AWS
C# .Net Framework系統基礎實作攻略
智能文件編輯：AI和Word的整合
精選證照
考取專業證照，讓能力被市場看見
TQC+ ASP.NET網站程式開發專業人員
為提供產業界符合新時代的專業人才，認證依照職場人才需求趨勢推動「TQC＋專業設計人才認證」，藉由嚴謹的認證職能體系架構與專業完善的考試服務，培育出符合企業職場需要的人才。
財團法人中華民國電腦技能基金會
Sybase Certified Associate -- Adaptive Server Anywhere Developer
Sybase Certified Associate -- Adaptive Server Anywhere Developer 證照驗證持有人具備使用 Sybase Adaptive Server Anywhere 資料庫系統進行開發的基本能力，涵蓋資料庫設計、查詢語言操作及應用程式整合等技能，適合從事嵌入式資料庫解決方案開發工作。此證照證明持有者能有效管理及優化輕量級資料庫，提升系統效能與穩定性，適合在企業內部資料管理及應用開發領域發展。
Sybase
Sybase Certified Professional -- Adaptive Server Enterprise Developer
Sybase Certified Professional -- Adaptive Server Enterprise Developer證照專為具備Sybase ASE資料庫開發技能的人士設計，涵蓋資料庫結構設計、Transact-SQL程式撰寫及效能優化等核心能力。取得此證照代表持有人能有效管理資料庫應用程式，提升系統穩定性與效率，適合從事資料庫開發與維護相關工作，增強職場競爭力。
Sybase
進階軟體設計專業人員
進階軟體設計專業人員證照旨在驗證持有人具備高階軟體設計與開發能力，涵蓋系統分析、架構設計、程式撰寫及測試等關鍵技術。持證者能有效運用物件導向設計原則及軟體工程方法，解決複雜問題並提升軟體品質與維護性，適用於大型專案開發與團隊協作，提升職場競爭力與專業價值。
財團法人中華民國電腦技能基金會
NETPAW中高級
NETPAW中高級證照專為提升資訊技術專業人員技能而設計，涵蓋網路架構、系統管理及資安防護等領域。持證者具備規劃、建置及維護企業網路環境的能力，能有效處理網路故障及安全威脅，確保系統穩定運作。此證照強調實務操作與理論知識結合，適合具備基礎網路經驗並欲晉升專業層級的技術人員，有助於提升職場競爭力及專業發展。
中華民國多媒體英語文教學會
IT Expert-網路資訊+網路規劃設計專業人員
IT Expert-網路資訊+網路規劃設計專業人員證照專為具備網路架構設計、管理與維護能力的專業人才設計，涵蓋網路通訊協定、路由交換技術、防火牆設定及安全管理等核心技能，能有效規劃企業網路環境並確保系統穩定運作，適合從事資訊系統規劃、網路工程及資安防護等相關工作，提升職場競爭力。
經濟部ITE資訊人員鑑定
精選貼文，掌握第一手知識
Vibe Coding × ASP.NET Core LLM 開發實戰班
AI 時代，程式不只是寫，還能「聊」出來！
學會 Vibe Coding，
讓你用自然語言操控程式、生成 API、打造 AI Agent，
真正結合後端工程 + AI 實戰。
🌟 你將學到
✅ 精通 C# / ASP.NET Core（MVC、API、雲端部署）
✅ LLM × Vibe Coding 實戰，從 Prompt 到應用落地
✅ AI Agent 開發、NLP、影像辨識、模型部署
✅ 使用 Azure / VS Code / Cursor 實作
✅ 分組 Side Project，實務專題製作
💡 課程特色
1⃣️ 小班真人線上（10 人以下），Discord 即時答疑。
2⃣️ 避開平日上班時間，便於在職者學習。
3⃣️ 全程錄影，缺課可回放
4⃣️ 真實專案模擬業界開發流程
🎯 適合誰？�想成為 AI 工程師的畢業生
✅ 有基礎的在職工程師
✅ 企業中高階主管。
✅ 創業想做 MVP 的產品人。
🗓️ 開課資訊
預計開課：2025/12月 平日晚上（日期另行公告）
課程時數：共計288小時 / 約32週
上課方式：全線上
⚡ 名額有限，立即報名，搶先升級你的開發力！
報名連結👇
https://user135527.pse.is/7ze3yz
C# ASP.NET CORE X 智能體工程 開發實戰線上課
過去幾個月，「Vibe Coding」與「Agentic Engineering」正在重塑矽谷的開發邏輯。軟體開發正從「手工業」轉向「指揮官模式」。
身為開發者，你是要繼續在語法細節中掙扎，還是要領先成為學會指揮 AI 智能體（Agent）作戰的架構師？
X School 再次突破業界框架，帶來【全台首創】的實戰課程。
我們不只單純教Vibe Coding，
更要帶你掌握智能體工程開發精髓。
將特斯拉前 AI 主管倡導的開發思維，深度植入日常的專案開發。
這不是實驗，這是即將發生的產業革命。
🚀 為什麼這堂課值得學習？
✨全台首創： 唯一整合 Vibe Coding 與智能體工程（Agentic Engineering）的系統化課程。
✨拒絕黑盒： 解決 AI 隨機生成的技術債，掌握可驗證、可管理的開發流程。
✨實戰導向： 從 建立 AI 協作開發思維、精通 AI 驅動的 SQL 資料庫技術、掌握最新 AI Coding 工具、開發具備執行力的 AI Agent 核心、實現 OCR 企業進銷存自動化到打造全天候 Line Bot 智能助理，5 件成品帶你直接對接產業需求。
✨小班精修： 為了確保教學品質，本班上限僅 15 人。
AI 不會取代工程師，但會取代不會用 AI 開發的工程師。
【60 小時掌握 AI 核心實力】
👉早鳥優惠實施中，現省 NT$14,400
👉名額僅 15 位，我們只留給最渴望掌握未來技術的人。
🔥 手刀搶佔先機，成為企業爭奪的頂尖人才！
立即報名👇
https://user135527.pse.is/8yxtn4
.NET 開發者必看！學會滲透測試思維，加速修補資安漏洞並提升系統穩定性
恆逸開課時間查詢：https://www.uuu.com.tw/Course/Show/1501/1
恆逸學員徐英智：
C# 全端開發兼顧穩定與資料安全
我目前在一家以軟體開發為主的科技公司擔任全端工程師,主要使用 C# 和 .NET 平台開發各類應用程式。工作上,我負責的範圍涵蓋後端系統架構設計到前端畫面的串接。我也會與美編人員、測試人員一起討論技術方案,並處理系統整合的問題。我們的客戶大多是公部門,因此系統在穩定性、擴充性及資料安全方面的要求都非常高。
🎯 藍紅軍攻防實務滿足工作所需
公司正在計畫投標更多不同領域的專案,在證照要求上需要有更多同事擁有 C# 相關證照。我覺得這門課最大的吸引力是內容非常完整,從防禦到攻擊的部分都有涵蓋,特別是針對藍軍防禦與紅軍攻擊等主題,都有搭配實務講解。這些正好是我目前工作上非常需要了解的內容。
🛡️ 從攻擊視角掌握資安防護精髓
講師的教學方式非常豐富,不只侷限於課本內容,而是從多個角度搭配實際案例來說明重點。印象最深的是在講解「程式撰寫的資安防護」時,講師不只是單純地說明理論與原則,而是透過實際的攻擊範例,來展示網站在有防護與沒防護時的差別。透過這樣的實作演示,我能夠更直觀地理解各種漏洞的成因與攻擊手法,也學會了如何在開發階段就建立正確的安全意識。這對我特別有幫助,因為我在工作中經常需要修補系統漏洞、分析滲透報告。課程讓我更清楚地了解滲透測試人員在檢測時的思維與方式,能更有效地從防禦角度思考問題,預先避免潛在風險。這樣的實務教學方式,讓我在資安防護上不再只是照著規範執行,而是真正了解背後的邏輯與意義。
🔍 Proxy 工具實戰應用發現潛在弱點
讓我印象深刻、甚至覺得意想不到的收穫,是學到了 Proxy 工具在滲透測試中的進階應用。以前我只知道這類工具能攔截封包做基本分析,但在課程中,講師深入示範了如何利用 Proxy 來模擬實際攻擊、測試網站的安全防護機制,這才讓我意識到這類工具的潛力。透過上課,我發現可以在專案系統上線前,先用這個工具自行進行測試,檢查是否存在漏洞或防護不足的地方,這不僅能提早發現問題,也能減少上線後修補的時間與成本。上完課的隔天,我立刻將這些方法運用到工作中,重新檢查過去負責的專案系統,找出一些過去未注意到的潛在弱點。實務操作的經驗,也幫助我在考證過程中,能更快速地判斷並找到問題的答案。
🚀 資安課程助學員快速理解攻擊手法強化防護爭取升遷
這門課對我工作的幫助可說是立竿見影。回到公司後,我剛好收到幾份滲透測試報告需要修補漏洞,便立刻回想課堂上學到的觀念與技巧。以前看到這類報告時,常需要花時間去理解攻擊手法與漏洞成因,但現在我能更快掌握滲透人員的思維角度,也能準確判斷問題所在,迅速找到程式中需要修補的部分並完成防護強化。更重要的是,這次的學習讓我對資料防護與網路架構的整體概念有了更深入的理解,能夠以更全面的視角來思考系統安全。我現在也能更直觀地提出自己的建議與想法,並主動分享課程中學到的資安觀念與防護技巧。最後,我希望自己能順利在下個月取得 CASE .NET 的證照,爭取公司提供的額外獎勵與升遷機會。
索取課程優惠：https://www.uuu.com.tw/Forms/CourseInfoRequest?courseId=CASENet&mediaSrc=104
軟體工程師內推管道及注意事項？工程師社群、LinkedIn等求職網以外的找工作管道
軟體工程師「內部推薦」有哪些管道和注意事項？本文作者ExplainThis團隊，曾協助多名軟體工程師成功進入外商科技大廠、海外新創，解析除了求職網以外的找工作管道，包括內推、學徒計畫、工程師網路社群、經營LinkedIn等。
文／ExplainThis（王鵬傑、李俊廷、林品均）
本文目錄：求職網以外的找工作管道（點擊可快速前往）
一、內部推薦內推（Referral）比較容易獲得面試機會內推管道內推該注意的4個事項最好的內推是強內推二、學徒計畫三、工程師的網路社群四、經營LinkedIn
當提到找工作，多數人第一直覺想到的，可能會是求職網。以台灣來說，像是傳統的求職網104、1111，或者新興平台CakeResume與Yourator。而找海外工作，可能第一直覺會想到老牌的Indeed、Glassdoor，或者是新興的LinkedIn。
然而，除了這些求職網，事實上還有許多其他的找工作管道。我們在這個小節將會詳細談幾個不同的找工作管道，讓讀者們能透過不同的管道，增加獲得面試的機會。
一、內部推薦
在找工作上，業界公認比透過求職網站或公司官網申請更有效的方式，是透過內部推薦（referral）。當你上求職網站申請，往往需要先經過前面提到的ATS系統，跟上百位申請者一同競爭，脫穎而出後才可能被真人招募員看到你的履歷。
然而，如果能夠被內推，將有可能跳過這個環節，直接被招募員或用人主管等真人審履歷。這雖然不代表一定會通過招募員或用人主管的篩選，但最起碼能直接省去前面的系統審核。
內推（Referral）比較容易獲得面試機會
你可能會問，為什麼內推比較容易獲得面試機會？因為，通常來自公司內部員工的推薦，表示推薦者對應徵者有一定程度的認識和信任。
與此同時，內部員工對公司文化和工作環境有比較深入的了解，所以推薦的人通常會更適合公司的需求，因此，公司較傾向相信現有員工的判斷，這讓透過內推進來的申請者，比較可能在茫茫履歷海中受到青睞。
內推管道
如果你想要找人幫你內推，在台灣的軟體工程師社群中，有歹晚郎內推互助網絡（https://bit.ly/3FlItvp）與Nex Work（https://work.nexf.org/）等由海外軟體業前輩發起的內推網絡。此外，也可以在LinkedIn或是Blind（https://www.teamblind.com/）上，搜尋「#referral」的標籤，或是找有在該公司任職的人，然後禮貌地發個私訊請對方幫忙內推。
當然，很多時候可能不會立即得到回應，又或者可能對方太忙沒回應，也不要感到氣餒，可以多詢問同一家公司中不同的人幫忙內推。
（圖／博碩文化提供）
內推該注意的4個事項
在找人內推時，如果能依循某些注意事項，會比較容易讓人想幫你忙。以下我們分享幾個建議大家要遵循的原則。
1. 履歷好好寫
在各大海外公司工作的人，也知道自己公司的標準，所以不會來者不拒、盲目內推。你想提高別人內推你的意願，務必要好好寫履歷。好好寫代表著格式上要正確，以及內容描述上要讓人覺得你有達到對方公司想要找的人才水準。假如不知道怎麼寫好履歷，可以參考Chapter 2的履歷撰寫相關內容。
2. 附上想被內推的職位
在多數大公司，光是一個大組可能就幾百人，比一間新創公司還大，因此除非是專職招募的招募員或者是工程經理，不然多數人其實不知道其他組現在有什麼職位開缺。所以不要找人內推時，還說什麼「你有沒有建議我申請哪些職位」，這只會讓人覺得你沒做功課。
大家平常工作已經夠忙了，沒空幫你去看你適合申請的職位，所以務必自己附上。通常大公司的職缺都會有Job ID，可以附上你想申請的。附上你為何適合這個職位：內推的人也不會想自己在公司內的名聲臭掉，所以多半會先判斷你是不是真的適合被內推。如果你想提高別人內推你的意願，就要做到讓別人認為你適合被內推。
要做到這點，務必附上你為何適合這個你想被內推的職位。理想上也要附上為何你適合該公司（建議多做一些功課來研究該公司，進而能闡述你為何跟該公司文化契合）。花時間幫你的這件事本身就很佛心，千萬不要把別人的善意視為理所當然。
可以用的句型是在簡短自我介紹後，提及「我目前在找XX領域的工作，對這個職位很感興趣。過去我在XX領域有OO經歷，我相信我能對這個職位有所貢獻」。
3. 記得表達感謝
假如一個原本跟你不相識的人願意內推你，務必要表達感謝。因為大家平時工作很忙，可能還有家庭事務要兼顧，額外抽時間幫你，這件事本身就很佛心，千萬不要把別人的善意視為理所當然。
即使內推沒有讓你拿到面試機會，也要記得感謝對方。畢竟很多公司冷凍期半年，你之後還可以再嘗試，與對方維持良好關係，這次沒上之後要請對方幫忙也會讓對方更有意願。
最好的內推是強內推
雖然上一段有提到可以找人幫忙內推的管道，但如果要獲得比較有幫助的內推，或俗稱的「強內推」，建議平時就要建立起能幫自己內推的人脈。
所謂的強內推，是指對方在內推時，有註明是「強力內推」。一般來說，多數公司的內推系統，都會詢問「你跟被推薦者的熟悉程度」以及「你有多推薦這位被推薦人」。不同公司具體問的問題可能會不同，但大多不脫離這兩類問題。
而唯有這兩個問題都回答「很熟悉」、「強烈推薦」，並且推薦理由寫得很詳細，才會被認定為是強內推。
當然，一般內推已經比直接在公司網站或人力銀行網站申請來得好，只是如果能的話，獲得強內推會是更好。
至於如何獲得強內推？一個是平時有好的工作表現，可能你現在的同事，未來會去不同公司，如果跟他們合作時，做到對方發自內心會想推薦你，這時要獲得強內推就容易得多。
又或者假如你還是學生，在平常的小組作業中，盡可能地貢獻，在同組的同學心中留下好的印象，未來同學們進到不同的公司，你要找他們內推，也會容易獲得強內推。
另一個則是多參與不同的社群活動，例如貢獻到開源社群，或者是參與技術會議等，這些也是一個你能夠曝光、與他人協作的機會，在這些場合貢獻價值，也相對容易獲得強內推。
上面提到這些要獲得強內推的方式，都是需要時間去耕耘而非速成的。因此，如果你現在還沒辦法獲得任何強內推，建議從現在開始行動，而不是等到要求職時才發現沒有人能為你強內推。
二、學徒計畫
學徒計畫（Apprenticeship Program）是近期各大公司越來越盛行的一個專案，包括：LinkedIn、Microsoft和Google等，都曾推出類似的計畫。
這些專案旨在招募更多元的人到科技公司，其中常見符合此計畫的人條件包含以下：
自學程式
參加過程式戰鬥營（coding bootcamp）
非傳統電腦科學背景
暫時離開工作，並嘗試重回職場
學徒計畫在經歷上的審核以及面試上，技術層面比起正職的初階工程師更簡單一點。多數的學徒計畫也都有轉正職的機制。
部落客「半路出家軟體工程師在矽谷」有一篇專門彙整各大公司學徒計畫的文章（https://brianhsublog.blogspot.com/2019/08/TechApprenticeship.html），並且時常更新，非常推薦有興趣、有需求的讀者可以去看看。
（圖／博碩文化提供）
三、工程師的網路社群
除了上述提到的3點，網路社群是軟體工程師不可錯過的資源。這些社群不僅提供了工作機會，也能幫助你與同業交流、了解產業趨勢，以及許多面試經驗的分享。以下是幾個會張貼工程師工作機會的熱門或相關網路社群：
PTT Tech_Job版：https://www.ptt.cc/bbs/Tech_Job/index.html
PTT Soft_Job版：https://www.ptt.cc/bbs/Soft_Job/index.html
PTT Oversea_Job版：https://www.ptt.cc/bbs/Oversea_Job/index.html
Facebook Front-End Developers Taiwan：https://www.facebook.com/groups/ f2e.tw/
Backend台灣（Backend Tw）： https://www.facebook.com/groups/backendtw/
四、經營LinkedIn
對比傳統的求職網，目前新興的人脈社交媒體LinkedIn已經逐漸成為找工作的首選，特別是對於外商與海外求職，LinkedIn基本上比一般專注於本土市場的求職網有更多的職缺機會。比起求職網投遞履歷，經營Linkedin能夠讓獵人頭或招募員，看到你更多元、更深入的一面，以及看到你更長期的累積。現在已經有許多獵人頭與人資，會直接在LinkedIn上找人選，所以花心思經營LinkedIn將有可能讓自己獲得更多機會。
節錄自：博碩文化《軟體工程師求職策略大全／ExplainThis、王鵬傑、李俊廷、林品均 著 》
[joblist_plugin title='104【外商軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB&order=15&page=3&zone=4,5' amount='3']
[joblist_plugin title='更多104【軟體工程師】工作機會' 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']
推薦閱讀：
軟體工程師談薪水8重點：不掀薪資職級底牌、靠「最後一招」多談一點
軟體工程師履歷範本｜5大地雷別踩：形容詞太多、技術名詞太少
外商軟體工程 | 履歷面試精華，知名外商人資教你
ChatGPT職場提示詞懶人包！OpenAI官方「Prompt Packs」，寫信、溝通、決策，不同工作角色都能用
用ChatGPT等生成式AI，該怎麼問才能得到高品質回答？不知從何問起，或許可以參考OpenAI推出的「Prompt Packs」（提示詞懶人包），這套免費資源提供專為各種職場角色設計的提示詞範本，本文整理相關提示詞懶人包及使用情境，包括萬用的會議紀錄整理、專業電子郵件撰寫、評估問題解決方案等，超實用快收藏！
文／《104職場力》
本文目錄（點擊可快速前往）
OpenAI推出「Prompt Packs」提示詞怎麼用？各職位都能用的職場提示詞 ChatGPT for any role1. 溝通與寫作2. 會議與協作3. 問題解決與決策4. 組織與生產力給不同工作者的提示詞：業務、IT、產品經理、工程師…
OpenAI推出「Prompt Packs」提示詞怎麼用？
OpenAI Academy推出一系列提示詞懶人包，包括各職位都能用的職場萬用提示詞，以及針對特定角色（產品經理、HR、IT、工程師…等）打造的提示詞，一共超過300組，可以依照適用情況選擇，協助將複雜的任務拆解，提升工作效率。
使用時直接找到適合的情境，複製提示詞，並記得將括號（[ＯＯ]、【ＯＯ】）中的內容替換為自己的實際情境或資料，貼入ChatGPT或Gemini等AI工具就可以馬上運用。
以「總結會議記錄」情境為例，複製下方提示詞之後，加入實際狀況如：
將以下非正式、粗略的會議筆記整理成重點摘要。分類整理：關鍵決策、下一步行動、責任歸屬。筆記：【行銷建議等 onboarding 教學素材準備好再對外公告功能。工程團隊確認核心功能已穩定，但還需要再進行一次資安檢視。產品端同意調整上線檢查清單，並會在下週三前分享更新版本。另外也討論到客服培訓要在上線前還是上線後進行，但目前尚未做出結論。】
ChatGPT就會快速歸納會議紀錄總結：
以下《104職場力》同步整理精選OpenAI「Prompt Packs」提示詞，以及中文版本提示詞提供參考，可以複製提示詞或者點擊文中的「到ChatGPT試試！」直接前往ChatGPT使用。這組提示詞不限定AI工具，複製起來可以在自己偏好的AI工具運用喔！
★ 歡迎在《104職場力》「點選星號」把文章加入專屬收藏清單，隨時登入隨時查找！
OpenAI Academy推出一系列提示詞懶人包
各職位都能用的職場提示詞 ChatGPT for any role
「ChatGPT for any role」是利用AI來處理日常工作中的行政、溝通和決策任務的提示詞。包括4大類型：「溝通與寫作」包括專業郵件撰寫、針對受眾調整訊息、摘要郵件等；「會議與協作」包括建立會議議程、整理會議紀錄、準備提問等；「問題解決與決策」則是專注於邏輯分析與評估方案；「組織與生產力」則是幫助使用者更有效的規劃時間與處理長篇資訊。
1. 溝通與寫作
ChatGPT可協助撰寫草稿、修飾文案，並調整日常職場溝通內容：
用途情境提示詞中文提示詞寫專業電子郵件 Write a professional email to [recipient]. The email is about [topic] and should be polite, clear, and concise. Provide a subject line and a short closing.（到ChatGPT試試！）寫一封專業工作郵件給【收件人】。內容是【主題】，語氣需禮貌、清楚且簡潔。請提供合適的郵件主旨，並附上簡短結尾。（到ChatGPT試試！）改寫成更好理解的的內容Rewrite the following text so it is easier to understand. The text will be used in a professional setting. Ensure the tone is clear, respectful, and concise. Text: [paste text].（到ChatGPT試試！）改寫以下文字，讓內容更容易理解。這段文字將用於專業職場溝通情境，請確保語氣清楚、尊重且簡潔。文字：【貼上原始文字】（到ChatGPT試試！）根據受眾調整訊息內容Reframe this message for [audience type: executives, peers, or customers]. The message was originally written for [context]. Adjust tone, word choice, and style to fit the intended audience. Text: [paste text].（到ChatGPT試試！）將以下訊息改寫成適合【受眾：主管／同儕／客戶】閱讀的版本。這段訊息原是寫給【情境】，調整語氣、用字與表達方式，使內容更符合受眾。文字：【貼上原始文字】（到ChatGPT試試！）草擬會議邀請Draft a meeting invitation for a session about [topic]. The meeting will include [attendees/roles] and should outline agenda items, goals, and preparation required. Provide the text in calendar-invite format.（到ChatGPT試試！）撰寫一則會議邀請內容，主題為【主題】。與會者包含【參與者／角色】，清楚列出會議議程、目標，及事前準備事項。以「行事曆會議邀請」格式輸出內容。（到ChatGPT試試！）總結長郵件討論串Summarize this email thread into a short recap. The thread includes several back-and-forth messages. Highlight key decisions, action items, and open questions. Email: [paste text].（到ChatGPT試試！）將以下電子郵件往返內容，整理成簡短重點摘要。郵件串包含多次來回討論，請標示關鍵決策、行動事項及未決問題。電子郵件：【貼上原始郵件內容】（到ChatGPT試試！）
2. 會議與協作
用途情境提示詞中文提示詞建立會議議程Create a structured agenda for a meeting about [topic]. The meeting will last [time] and include [attendees]. Break the agenda into sections with time estimates and goals for each section.（到ChatGPT試試！）為關於【主題】的會議規劃結構化議程。會議時長為【時間】，與會者包含【參與人員】。將議程分段，並設定每段預計時間與目標。（到ChatGPT試試！）總結會議記錄Summarize these meeting notes into a structured recap. The notes are rough and informal. Organize them into categories: key decisions, next steps, and responsibilities. Notes: [paste text].（到ChatGPT試試！）將以下非正式、粗略的會議筆記整理成重點摘要。分類整理：關鍵決策、下一步行動、責任歸屬。筆記：【貼上原始內容】（到ChatGPT試試！）建立行動項目清單Turn the following meeting notes into a clean task list. The tasks should be grouped by owner and include deadlines if mentioned. Notes: [paste text].（到ChatGPT試試！）將以下會議紀錄整理成清楚的任務清單。依照負責人進行分組，並在有提及時標示截止日期。筆記：【貼上原始內容】（到ChatGPT試試！）準備會議提問Suggest thoughtful questions to ask in a meeting about [topic]. The purpose of the meeting is [purpose]. Provide a list of at least 5 questions that show preparation and insight.（到ChatGPT試試！）針對【主題】會議準備關鍵提問，會議目的是【目的】。至少提供5個問題，展現出事前準備與洞察。（到ChatGPT試試！）撰寫追蹤信件Write a professional follow-up email after a meeting about [topic]. Include a recap of key points, assigned responsibilities, and next steps with deadlines. Use a clear and polite tone.（到ChatGPT試試！）撰寫一封【主題】會議的專業會後進度追蹤郵件。內容需包含重點摘要、責任分配、下一步及截止日期。使用清楚且禮貌的語氣。（到ChatGPT試試！）
3. 問題解決與決策
用途情境提示詞中文提示詞找出根本原因Analyze the following workplace issue: [describe issue]. The context is that the problem has occurred multiple times. Identify possible root causes and suggest questions to confirm them.（到ChatGPT試試！）分析以下職場問題：【描述問題】。此問題已多次發生。找出可能的根本原因，並提出問題來驗證這些原因。（到ChatGPT試試！）比較方案Compare the following two or more possible solutions: [list options]. The decision needs to be made in [timeframe]. Evaluate pros, cons, and potential risks for each option.（到ChatGPT試試！）比較以下幾個可能的解決方案：【列出方案選項】。決策需要在【時間範圍】內完成。分別評估每個方案的優點、缺點及潛在風險。（到ChatGPT試試！）決策準則Help define clear decision-making criteria for [describe decision]. The context is that multiple stakeholders are involved. Provide a short list of weighted criteria to guide the choice.（到ChatGPT試試！）為【描述決策】制定清晰的決策準則，決策涉及多個利害關係人。提供一份簡要的加權評估標準清單，以協助做出選擇。（到ChatGPT試試！）潛在風險評估Assess the potential risks of the following plan: [describe plan]. The plan is set to start on [date]. List risks by likelihood and impact, and suggest mitigation strategies.（到ChatGPT試試！）評估以下計畫的潛在風險：【描述計畫】。計畫預計於【日期】啟動。依照可能性與影響程度列出風險，並提出緩解策略。（到ChatGPT試試！）建議最佳方案Based on the following background: [describe situation and options], recommend the most suitable option. Explain your reasoning clearly and suggest first steps for implementation.（到ChatGPT試試！）根據以下背景資訊，推薦最適合的方案。清楚說明判斷理由，並提出可實施的第一步做法。背景：【描述情況和備選方案】（到ChatGPT試試！）
4. 組織與生產力
用途情境提示詞中文提示詞每日任務排序Create a prioritized to-do list from the following tasks: [paste tasks]. The context is a typical workday with limited time. Suggest which tasks should be done first and why.（到ChatGPT試試！）根據以下任務，整理一份有優先順序的待辦清單：【提供任務】。場景是時間有限的典型工作日，說明哪些任務應該優先完成，並解釋原因。（到ChatGPT試試！）建立週計畫Build a weekly work plan for [describe role or situation]. The week includes deadlines, meetings, and individual focus time. Provide a balanced schedule with recommended priorities.（到ChatGPT試試！）為【描述角色或情境】規劃一週工作計畫。包含截止日期、會議，及需要保留的個人專注時間。提供平衡的日程安排，並建議優先事項。（到ChatGPT試試！）總結長文件Summarize the following document into 5 key points and 3 recommended actions. The document is [type: report, plan, or notes]. Keep the summary concise and professional. Text: [paste document].（到ChatGPT試試！）將以下文件總結出「5個重點摘要」與「3項建議行動」。文件類型是【報告／計畫／筆記】，需保持內容精簡且專業。文字：【貼上文件】（到ChatGPT試試！）腦力激盪解決方案Brainstorm potential solutions to the following workplace challenge: [describe challenge]. Provide at least 5 varied ideas, noting pros and cons for each.（到ChatGPT試試！）針對以下職場挑戰，發想可能的解決方案：【描述挑戰】。至少提出5種不同方案，並列出每個方案的優缺點。（到ChatGPT試試！）撰寫專案更新Draft a short project update for stakeholders. The project is [describe project]. Include progress made, current blockers, and next steps. Write in a professional, concise style.（到ChatGPT試試！）為利害關係人撰寫簡短的專案進度更新。專案為【專案描述】，包括目前進度、阻礙與後續行動。以專業、精簡的風格撰寫。（到ChatGPT試試！）
給不同工作者的提示詞：業務、IT、產品經理、工程師…
其他針對各個專業領域設計的提示詞，內容涵蓋人力資源、IT、行銷、工程、銷售、產品管理、客戶成功及高階主管等多元角色，內容都列出了具體的應用場景，例如撰寫專業文案、市場研究、分析數據趨勢及產出視覺圖表等，可以搭配使用：
業務銷售 ChatGPT for sales >>IT人員 ChatGPT for IT >>客戶關係 ChatGPT for customer success >>管理職 ChatGPT for managers >>產品經理 ChatGPT for product >>高階主管 ChatGPT for executives >>工程師 ChatGPT for engineers >>財務 ChatGPT for finance >>人資 ChatGPT for HR >>行銷 ChatGPT for marketing >>
★ 歡迎在《104職場力》「點選星號」把文章加入專屬收藏清單，隨時登入隨時查找！
前端工程師2025年必學技能清單：10大工具與技術指南，職場增能懶人包整理
前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等)，包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具，幫助您在職涯中站穩腳步，開發出高效且吸引人的網站與應用。
1. HTML、CSS 和 JavaScript
HTML: 用於結構化網頁內容，是前端開發的基礎語言。
CSS: 負責設計和佈局，使網站具有視覺吸引力。
Java Script: 增加互動性，處理用戶事件和動態內容。
⚡推薦課程⚡
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
https://nabi.104.com.tw/course/tibame/f5b246b2-ec79-4f0d-8ef5-2fdf8d6f5bcb
成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能
https://nabi.104.com.tw/course/tibame/830671fb-2c58-48fa-9a5a-6c1f1798598a
【更多課程學習】https://user266414.pse.is/6ps94k
2. 前端框架和庫
React.js: 一個用於構建用戶界面的 JavaScript 庫，能夠快速開發單頁應用（SPA）。
Vue.js: 一個漸進式框架，適合於小型到大型應用的開發。
Angular: 一個全面的前端框架，適合大型企業級應用。
Svelte: 新興的前端框架，以其高效的性能和簡化的開發體驗而受歡迎。
⚡推薦課程⚡
Let’s Vue! 前端開發入門到實戰
https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc
3. 版本控制工具
Git: 版本控制系統，用於跟蹤代碼變更，方便團隊協作。
GitHub 或 GitLab: 托管代碼庫，協作開發和版本管理的主要平台
⚡推薦課程⚡
Git 速成攻略：2.5 小時變身版本控制達人
https://nabi.104.com.tw/course/tibame/20a2bbd6-ee21-4d92-8899-18e59ea3b97f
AI助理GitHub Copilot | 提升前端開發效率
https://nabi.104.com.tw/course/tibame/c4795096-ae10-43a5-b5e3-2a6548c30e8c
GitHub Copilot AI賦能開發實戰訓練班
https://nabi.104.com.tw/course/tibame/2617c99d-b815-442d-89b4-aa35a360273a
4. 預處理與構建工具
Sass 或 Less: CSS 預處理器，能夠提高樣式表的可維護性和可重用性。
Webpack、Parcel 或 Vite: 模塊打包工具，用於優化資源加載、處理 JavaScript 模塊化等。
【更多課程學習】https://user266414.pse.is/6psa64
5. 響應式設計與跨平台兼容
響應式網頁設計: 掌握使用 CSS 媒體查詢（Media Queries）以適應不同屏幕尺寸的布局技巧。
跨瀏覽器兼容性: 確保網站在不同的瀏覽器（如 Chrome、Firefox、Safari、Edge）上的一致性。
⚡推薦課程⚡
RWD響應式網頁設計入門
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
工程師救星-用Bootstrap速成響應式網頁開發
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
6. 調試與測試
Chrome DevTools: 瀏覽器內建的開發者工具，用於調試 JavaScript、分析網頁性能。
前端測試框架: 如 Jest、Mocha、Cypress，用於自動化測試和單元測試。
7. API 與 AJAX 技術
Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信，拉取數據或發送數據。
RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。
8. 設計工具和基礎設計原則
Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。
UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則，確保設計既美觀又實用。
⚡推薦課程⚡
UI/UX 新時代指南：產品設計 x 商業思維 x AI 工具
https://nabi.104.com.tw/course/ppa/d9785ca3-7de2-4567-aae5-2c771a5471e8
UI/UX新手實務班｜UI介面設計，洞悉使用者體驗
https://nabi.104.com.tw/course/tibame/1550e806-07b1-49a2-a8e8-42668911d4ca
9. 性能優化
代碼分割與懶加載: 減少初次加載時間，提升網站性能。
圖片優化與資源壓縮: 優化圖片格式與大小，減少網頁加載時間。
10. SEO（搜索引擎優化）
理解基本的 SEO 概念，確保網站在搜索引擎中具有良好的可見度，包括結構化數據的應用和適當的標題標籤。
⚡推薦課程⚡
SEO搜尋引擎優化七大密技｜攻上頂端排名寶座
https://nabi.104.com.tw/course/tibame/b0d286b0-9106-406c-beff-c53918ab2270
具備以上這些技能，能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理
前端工程師需要掌握的技能和專業涵蓋了多個方面，包括基礎的網頁開發知識（ HTML、CSS 和 Java Script）、前端框架（ React.js、Vue.js 和 Angular．．等）、以及與團隊合作的工具等。以下是前端工程師的必備技能清單：
前端工程師
必備工具：
⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能，用於設計和構建網站的視覺層。
⭕ React、Vue 或 Angular: 主流前端框架，幫助開發者更有效率地構建交互式網頁應用。
⭕ Git: 版本控制工具，幫助團隊協作並管理代碼變更。
⭕ Webpack、Parcel: 模組打包工具，優化前端資源的加載和編譯。
⭕ Figma、Sketch、Adobe XD: 設計工具，與設計師溝通並將設計轉換成實際前端代碼。
推薦證照：
⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發，Azure的證書會讓你對雲端部署有更深的理解。
⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。
⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發，涵蓋網頁開發的核心技能。
相關課程推薦：
Let’s Vue! 前端開發入門到實戰
https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc
成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能
https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5
第一次就上手，前端工程新手指南
https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c
後端工程師
必備工具：
⚡ SQL（PostgreSQL、MySQL）及 NoSQL（MongoDB）: 數據庫管理技能是後端工程師的核心能力之一。
⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。
⚡ Docker、Kubernetes: 容器化技術和編排工具，用於構建、測試和部署應用程序。
⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。
⚡ CI/CD 工具: 自動化流程，確保代碼更快更安全地進入生產環境。
推薦證照：
⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。
⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台，這是不可錯過的證書。
⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。
推薦課程：
成為後端工程師 | 踏上程式起點，逐步掌握 Java 語言特性與物件導向程式設計
https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47
全端工程師
必備工具：
🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架，確保網頁的視覺與交互效果。
🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架，用於建立伺服器端邏輯。
🔵 Git、GitHub: 版本控制與協作工具，用於管理全端工程中的代碼。
🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用，確保端到端流程的流暢運行。
🔵 GraphQL、RESTful APIs: 掌握API設計，讓前後端溝通順暢。
推薦證照：
🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。
🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證，涵蓋從前端到後端的各項技能。
🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud，這張證書能幫助掌握雲端環境下的全端開發技能。
工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發，選擇合適的工具、掌握相關技能並考取相關證書，都是提升專業能力和職業發展的關鍵。保持學習的動力，不斷提升自我，是在快速變化的技術領域中保持競爭力的必備條件。
前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理
前端工程師需要掌握的技能和專業涵蓋了多個方面，包括基礎的網頁開發知識（ HTML、CSS 和 JavaScript）、前端框架（ React.js、Vue.js 和 Angular．．等）、以及與團隊合作的工具等。以下是前端工程師的必備技能清單：
前端工程師
必備工具：
⭕ HTML/CSS/JavaScript: 這三者是前端開發的基礎技能，用於設計和構建網站的視覺層。
⭕ React、Vue 或 Angular: 主流前端框架，幫助開發者更有效率地構建交互式網頁應用。
⭕ Git: 版本控制工具，幫助團隊協作並管理代碼變更。
⭕ Webpack、Parcel: 模組打包工具，優化前端資源的加載和編譯。
⭕ Figma、Sketch、Adobe XD: 設計工具，與設計師溝通並將設計轉換成實際前端代碼。
推薦證照：
⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發，Azure的證書會讓你對雲端部署有更深的理解。
⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。
⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發，涵蓋網頁開發的核心技能。
相關課程推薦：
Let’s Vue! 前端開發入門到實戰
後端工程師
必備工具：
⚡ SQL（PostgreSQL、MySQL）及 NoSQL（MongoDB）: 數據庫管理技能是後端工程師的核心能力之一。
⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。
⚡ Docker、Kubernetes: 容器化技術和編排工具，用於構建、測試和部署應用程序。
⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。
⚡ CI/CD 工具: 自動化流程，確保代碼更快更安全地進入生產環境。
推薦證照：
⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。
⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台，這是不可錯過的證書。
⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。
全端工程師
必備工具：
🔵 HTML/CSS/JavaScript + React/Vue/Angular: 熟悉前端開發工具與框架，確保網頁的視覺與交互效果。
🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架，用於建立伺服器端邏輯。
🔵 Git、GitHub: 版本控制與協作工具，用於管理全端工程中的代碼。
🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用，確保端到端流程的流暢運行。
🔵 GraphQL、RESTful APIs: 掌握API設計，讓前後端溝通順暢。
推薦證照：
🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。
🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證，涵蓋從前端到後端的各項技能。
🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud，這張證書能幫助掌握雲端環境下的全端開發技能。
工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發，選擇合適的工具、掌握相關技能並考取相關證書，都是提升專業能力和職業發展的關鍵。保持學習的動力，不斷提升自我，是在快速變化的技術領域中保持競爭力的必備條件。
相關課程推薦：
Let’s Vue! 前端開發入門到實戰
1234
軟體工程師技能找工作
點擊技能可到對應的職缺工作區
PHPJavaPythonJavaScriptNode.jsHTMLCSSSassLinuxGitMySQLCC++SQLAngularRXcodeReactJSVueGolang程式語言找工作
PHP工作機會
[joblist_plugin title='【PHP】精選職缺' url='https://www.104.com.tw/jobs/search/?jobsource=blog_skill&mode=s&page=1&keyword=PHP&order=15' amount='4']
Java工作機會
[joblist_plugin title='【Java】精選職缺' url='https://www.104.com.tw/jobs/search/?jobsource=blog_skill&mode=s&page=1&keyword=Java&order=15' amount='4']
軟體工程師薪水找工作
月薪5萬月薪6萬月薪7萬月薪8萬年薪100萬待遇面議
前端面試問題如何反問？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']
整理包／最熱門生成式 AI 大拚場 ChatGPT、Gemini、Grok、DeepSeek 各擅長什麼？
2025-06-24報導／經濟日報記者吳康瑋 由聯合新聞網授權轉載
生成式人工智慧（GenAI）技術迅猛發展，多款強大的AI工具幫助各行業提升工作效率。《經濟日報》為協助讀者了解各項AI工具，將「ChatGPT、Gemini、Grok、DeepSeek」等四大生成式AI列出，為讀者分析四款生成式AI的各自效能，就「開發者」、「訂閱費用」、「主要功能」及「擅長領域」等細項逐條分析。
AI工具確實快速提升效率，不過使用者也要注意，目前的AI工具不保證完全正確，甚至也會答非所問、提供錯誤資訊、或產生「AI幻覺」，使用者對生成的資料仍應有基本的辨識能力，避免AI工具謬誤。
各家生成式AI重點馬上看
ChatGPTGeminiGrokDeepSeek使用建議
ChatGPT
OpenAI的ChatGPT堪稱帶動GenAI風行的先驅，也有廣大用戶，付費企業客戶近期突破300萬戶，有免費與付費模式，每月20美元的ChatGPT Plus訂閱費每月20美元，用戶指出，付費版反應速度更快，用戶在使用ChatGPT時隨時擁有最佳的使用品質。
「資料分析」方面，ChatGPT的優勢在於將資料壓縮、精簡化，適合急需快速獲取關鍵訊息的使用者。「文案生成」上，適合創作個人化內容。「圖表製作」方面，ChatGPT的圖表較為簡單，但圖片較無法把文字一起生成出來，繪圖時整體構圖比較簡單。
網址：https://chatgpt.com/
ChatGPT小檔案
開發者OpenAI付費版費用每月20美元（約新台幣610元）主功能提供文本生成、對話回應、內容創作、翻譯、問題解答等多種功能擅長領域自然語言處理、文本生成、教育輔助、創意寫作、客服支持等
Gemini
Google DeepMind開發的Gemini專注於多模態學習，能同時處理文本、圖像和音頻數據。版本包括2.0、2.5和最新的2.5 Pro，推理和數據處理能力進步快速。Gemini 2.5 Pro提供更強大的計算能力和更高準確性，讓用戶在處理複雜任務時能獲得更佳體驗。付費版額外提供用戶包括2TB儲存空間、Gemini Advanced和其他AI功能。
「資料分析」方面，Gemini提供的內容易於閱讀，文法經過重新梳理，適合需要清晰解釋的使用者。在「文案生成」上，Gemini能一次生成多達15個標題，提供選擇建議，對於需要多樣化提案的用戶非常方便。「圖表製作」方面，Gemini 的完整度高，使用者可選擇不同的圖表類型，並能下載圖片、Excel或JSON格式的數據。
網址：https://gemini.google.com/
Gemini小檔案
開發者Google DeepMind付費版費用每月19.99美元（約新台幣650元），可免付費試用一個月主功能強大的推理能力，擅長處理複雜的問題和情境，能同時處理文本、圖像和音頻數據等多模態文件擅長領域AI推理、圖像理解、科學研究和技術開發
Grok
Grok是由X（前稱 Twitter）開發的生成式AI，專注於社交媒體內容的生成。最新版本Grok3提供更強大的功能，能即時生成與當前熱點話題相關的內容，結合社交媒體數據分析趨勢，提升用戶互動的實時性，成為品牌營銷和社交媒體管理的理想工具。
「文案生成」方面，Grok風格簡潔有力，類似科技周刊的風格，適合快速傳達訊息。「圖表製作」方面，Grok可以較為輕鬆的運用文字組成圖表，並附上有關的資訊數據，對於需要快速理解數據的使用者來說很實用。
網址：https://grok.com/
Grok小檔案
開發者應用程式X（前身為Twitter）付費版費用每月30美元（約新台幣970元）主功能即時生成與當前熱點話題相關的內容擅長領域社交媒體互動、內容創作、即時訊息生成和品牌營銷
DeepSeek
DeepSeek專注於資料搜尋和訊息檢索，開發商為位於中國大陸的「杭州深度求索人工智慧基礎技術研究」，中資避險基金幻方量化創立的人工智慧公司，創始人暨執行長梁文鋒持續致力將大陸AI技術推向全球市場，提供R1和R2兩種不同的服務模式。
「資料分析」方面，DeepSeek提供前言和總結，讓懶人可以快速理解內容。在「文案生成」上，DeepSeek的口語化風格能夠生成10個標題，附上創作理念和選擇建議，適合需要親民語言的使用者。「圖表製作」方面，DeepSeek使用文字排列呈現，提供Python程式碼，對於技術使用者來說相當便利。
網址：https://www.deepseek.com/
DeepSeek小檔案
開發者中國大陸企業「深度求索」付費版費用每100萬（輸入）tokens收費人民幣16元（約新台幣66.68元）主功能資料搜尋和訊息檢索，利用生成式AI技術提升搜索引擎的智能化，提供相關建議和訊息過濾功能擅長領域資料搜尋、訊息檢索、知識管理和數據分析
使用建議
生成式AI工具已經落地商業化，從自然語言處理到多模態學習、社交媒體互動及訊息檢索等多種服務都能提供，競爭也更加激烈。用戶可根據自己的需求，選擇最合適的AI工具，以提升工作效率與創造力。
綜合比較四款生成式AI後，提供讀者幾點建議。若需要多樣化的文案提案，可考慮Gemini；若喜歡口語化一點的表達，可選擇DeepSeek。AI繪圖方面，生成多幅圖片建議可使用Grok，若希望作品有較高的品質，可選擇Gemini。在「資料分析」方面，若希望能獲取較「簡潔明瞭」的資料，建議選擇「ChatGPT」，讀者若希望能得到比較容易理解的內容，應該選擇Gemini。
針對「表格整理」方面，若要以更快的速度掌握大致上的資訊，建議選用ChatGPT；若讀者希望在表格中能得到較「詳細」的內容，可考慮DeepSeek。針對「生成圖片」功能上，若讀者追求圖表要具有充分「完整性」的類型，建議使用Gemini。
推薦閱讀：
AI聽話卻沒懂你？OpenAI揭露AI「裝乖」假象與職場真風險
AI強勢取代！企業寧僱AI也不找菜鳥，今年畢業生有多慘？
除了ChatGPT，還有哪些生成式AI？16種AI工具應用解析
打造ChatGPT行政小助理：專屬AI助理幫你處理瑣碎行政工作
[course_plugin title='推薦AI相關課程' keyword='AI' amount=2]
「找不到好人才？」Netflix、Google 的高效團隊秘訣，HR 必學的招募法則與留才策略！
文／晉麗明(前104獵才招聘事業群 資深副總經理)
找不到好人才，企業停滯不前？深入解析Netflix、Google、Apple等頂尖企業的人才密度策略，教你如何吸引與留住高績效人才，打造創新團隊，提升企業競爭力。常見問題如：「如何有效執行末位淘汰制度？」、「高薪招募人才真的能吸引高手嗎？」、「如何建立吸引人才的企業文化？」都在本篇揭曉！了解如何結合內部培育與外部招聘，實施組織優化，運用人才管理工具提升績效，同時形塑正向文化，讓職場精英主動加入，助力企業在快速變革中脫穎而出！
📣轉職季搶人才策略│填寫人才規格
本文導覽：（可點選文字跳至指定章節)
沒有好人才，企業只能原地踏步
末位淘汰必要的管理手段
找人才，目光向外看，也要向內看
優質企業文化，高手不請自來
成功招募技巧案例大公開：
南宋詞人辛棄疾的<青玉案>裏，有一段流傳世間的名句：「眾裡尋他千百度。驀然回首，那人卻在，燈火闌珊處。」意思是汲汲營營尋覓，不見得能覓得心目中的理想佳人，放下魂縈夢牽的罣礙，頓時豁然開朗，所尋之人就在近身咫尺。如果把這樣的情境，比擬在企業經營人才的作業中，或許可以帶給經營者及用人主管一些啟示！
沒有好人才，企業只能原地踏步
從李嘉誠、張忠謀、郭台銘、蔡明介、Google、Apple、Netflix等卓越經營者及成功企業的故事中，都有一個重要且關鍵的因素，那就是不斷找「對的人才」上車；是讓組織創新績效，超越競爭的唯一方法。
Netflix的創辦人里德．海斯汀把提升「人才密度」列為企業管理及建立優質文化的第一步，他全力打造一個「高手雲集」的團隊，因為優秀人才極富創意和熱情，也能夠「以一當十」完成大量重要的工作；而平庸的員工只會虛耗主管的心力，並拉低所有人的表現。Netflix淘汰庸才從不手軟，里德．海斯汀堅持以「業界最高薪」延攬「高手中的高手」，來打造亮眼的經營績效！
熱門推薦｜轉職季人資必看好文：
末位淘汰必要的管理手段
管理者要將營運績效與成果放在第一位，團隊成員必須有能力在有限的時間內超越環境與同業的競爭，才能確保企業的絕對優勢。因此，經營者必須隨時檢視組織成員是否具備達成企業使命的條件，如果不適合，應該果斷決策、壯士斷腕，快速淘汰冗員，才不會拖累組織前進的步伐！ 同時，清楚傳達不適任的原因，也有助於離開的人員，重新出發尋找更妥適的舞台。
企業營運的過程中，快速新陳代謝，留用合適人才並落實「末位淘汰」是人力資源正向循環的必經之路！
找人才，目光向外看，也要向內看
為了加速企業轉型升級，延攬空降主管不可避免，但是更多的主管是由內部培養栽培出來，兩者各有優劣勢！如何規劃與運用，考驗主管與HR的人才經營智慧。然而，人才不論來自外部人選或是內部養成，有一點是不容妥協的，那就是「工作能力」與「投入意願」絕對不能打折，因為只有優秀人才可以驅動組織合作、創新績效，同時避免內耗與空轉！
優質企業文化，高手不請自來
專業理財機構與人士選擇投資標的時，會重視企業經營者的理念與胸襟氣度。招募人才也有異曲同工之處；敲鑼打鼓用八人大轎，不見得能迎娶人才入門；但是形塑一個具有口碑與正向的企業文化，卻能吸引各方高手加入。
有遠見的企業經營者應該致力於耕耘孕育人才發展的環境，以下幾個重點，值得提供參考：1.付最高的薪酬，找最佳人選，你的投資將千百倍回收。2.不適任人才，果敢淘汰，不浪費組織資源。3.完全授權，權責合一，避免陷入「一言堂」的陷阱。4.公開檢討錯誤，接受錯誤，並從中學習。5.鼓勵講真話，不怕與主管意見不同，做對組織有貢獻的事。
好的環境會吸引人才投入，職場高手都群聚光明頂，不怕打不出璀璨的戰績！
2025人資趨勢｜人才永續最新策略：
📣轉職季搶人才策略│填寫人才規格
104獵才顧問 官方網站
104獵才顧問 Facebook
104獵才顧問 LinkedIn
104獵才顧問YouTube
有任何收穫或想分享的，都來和大家一起聊聊吧！