工作職責
陽信銀行行動投保 Prototype 前端畫面製作
在實習期間，我主要參與陽信銀行行動投保 Prototype 的前端畫面製作。此項工作是先準備一版前端畫面，讓客戶能夠確認系統的操作流程與畫面呈現方式。
由於部門過去的系統畫面已使用多年，版面配置與視覺呈現較需要更新，因此這次 Prototype 除了呈現行動投保的基本流程，也希望讓介面看起來更清楚、更直覺。
工作內容：
- 依照需求調整畫面排版、按鈕位置、欄位呈現方式與整體視覺一致性
- 讓畫面能夠清楚呈現行動投保的操作流程
- 與另一位實習生協同分工，持續確認各頁面之間的前後一致性
- 依照主管與部門同仁的回饋反覆調整細節
💡 透過這項工作，我了解到 Prototype 不只是做出畫面，也需要考量展示效果、需求確認與實際使用情境。
實習期間完成進度
遇到的挑戰與解決方式
⚠️ 挑戰一：對框架不熟悉
第一次接觸 Angular 與 React，架構比較複雜。需要了解不同檔案的用途，以及畫面、資料與程式邏輯之間的關係，練習過程中常遇到無法立即排除的 Bug。
解決： 先查看錯誤訊息、檢查程式碼，整理目前的狀況；接著詢問其他實習生是否有類似經驗一起討論；若仍無法解決，再向學長整理好問題後請教。同時透過整理筆記釐清架構，記錄遇過的問題與解法。
⚠️ 挑戰二：Prototype 畫面排版與樣式調整
如何讓畫面在符合需求的同時，也能保持清楚、整齊且容易理解。Prototype 主要提供客戶確認畫面與操作流程，因此需要注意欄位配置、按鈕位置、區塊安排與整體視覺一致性。
解決： 遇到需求不明確時，先整理問題再與主管及部門同仁確認。與另一位實習生持續討論畫面配置、欄位位置、按鈕樣式，確認彼此的理解是否一致，避免前後畫面不一致的問題。
工作中扮演的角色
📚 學習者
前期透過 Angular、SQL 與 React 教育訓練，熟悉部門使用的技術與基本開發流程，建立對前端框架與資料庫操作的基礎認識。
🛠️ 協助開發者
進入陽信銀行行動投保 Prototype 製作後，協助前端畫面的製作與調整，包含畫面排版、欄位配置、按鈕樣式與操作流程呈現等，確保 Prototype 能清楚傳達系統的操作邏輯。
「以學習者的謙虛態度持續成長，以協助開發者的責任心確實完成每一個被交辦的畫面調整任務。」
在實習期間，除了與其他實習生共同參與的教育訓練外，技術深化主要著重在陽信銀行行動投保 Prototype 的前端畫面製作與樣式調整，以及對行動投保業務流程的理解。
前端畫面製作與 CSS 樣式調整實務
在 Prototype 製作過程中，主要協助前端介面的建置與樣式優化，包含 HTML 結構調整、CSS 樣式修改、欄位排列、按鈕位置、區塊間距與整體版面一致性的處理。當畫面出現欄位對齊不一致、按鈕不明顯、間距不自然或版面跑版等情況時，學會使用瀏覽器開發者工具檢查元素結構與套用的 CSS 屬性，確認問題是來自寬度、間距、定位、排版方式或樣式覆蓋，再進行調整與測試。
更重要的是理解前端畫面的樣式連動關係：按鈕、欄位、提示文字與主要操作區塊，會因為不同的 CSS class、父層結構或共用樣式而互相影響，因此在修改時不能只看單一畫面，也需要確認是否影響其他區塊或元件。
Angular / React 框架基礎認識
透過教育訓練建立對 Angular 和 React 的基礎認識：Angular 的專案架構與元件結構、畫面與資料如何互動、按鈕事件的觸發流程；React 的資料狀態管理、畫面更新機制，以及資料如何在元件之間傳遞。雖然目前仍在學習階段，但已能初步理解框架的基本運作邏輯，並應用於 Prototype 的畫面調整工作中。
對行動投保業務流程的理解
在製作 Prototype 的過程中，同仁安排了保險與行動投保相關介紹，讓我對部門的業務內容有更多了解。行動投保流程大致包含事前作業、填寫要保書、主管覆核、檢核人員檢核、送件、保險公司核保、契約成立、保單回饋與客戶簽收等階段。
這些背景知識讓我在製作 Prototype 畫面時，更能理解每個畫面步驟的用途，以及為什麼畫面中需要安排特定欄位、按鈕與操作流程。
SQL 資料庫查詢基礎
透過教育訓練與練習題，學習部門常用的 SQL 語法，包含基本查詢、條件篩選、資料排序，以及不同資料表之間的關聯查詢。也接觸到一些過去在學校課程中較少見的寫法，了解同一個需求可以有不同的撰寫方式，能依照資料結構、查詢條件或使用情境做調整。
個人非技術面學習
🗣️ 問題整理與有效溝通
遇到問題時，不會只等待他人協助，而是先嘗試自己判斷問題原因，整理已嘗試過的方法。再向學長或部門同仁請教時，對方能更快了解狀況，讓討論過程更有效率。
🤝 團隊協作與需求確認
在製作 Prototype 的過程中，需要與另一位實習生共同協作，並依照主管與部門同仁的回饋進行修改，深刻了解到團隊合作與需求確認的重要性。製作過程中的許多細節需要反覆調整，除了完成自己負責的部分，也需要與他人保持討論，確認整體方向是否一致。
📓 主動記錄與持續學習
因為實習期間接觸到許多過去不熟悉的內容，養成將學到的新知識、遇到的問題和解決方式整理下來的習慣，方便之後回顧。這樣不僅可以避免下次遇到類似問題時重複卡住，也能幫助慢慢累積經驗，提升獨立處理問題的能力。
自我評估
透過這次實習，我認為自己在學習態度、工作適應能力以及處理事情的方式上都有所成長。從一開始接觸 Angular、SQL、React 教育訓練，到後續參與陽信銀行行動投保 Prototype 製作，我逐漸了解實際職場中的工作流程，也更清楚知道自己在面對新任務時，需要如何調整學習方式與工作節奏。
在實習初期，面對不熟悉的技術內容或工作任務時，有時需要花比較多時間理解架構與需求。但隨著實作經驗增加，開始比較能掌握學習的方向，也會主動整理重點、記錄問題，讓自己在後續練習或修改時可以更快進入狀況。
我也發現自己在工作細節上的觀察力有提升。以前可能比較著重在功能是否完成，但在 Prototype 製作過程中，開始注意畫面呈現是否清楚、欄位排列是否整齊、按鈕位置是否容易操作，以及整體版面是否一致。雖然目前在技術熟練度與獨立判斷問題的能力上仍有進步空間，但已經比剛開始時更能主動面對問題。
實習心得
這次實習讓我更了解學校課程與實際職場之間的差異。在學校做作業時，通常題目範圍比較明確，但在實習工作中，常常需要先理解需求、看懂既有程式碼，並配合部門完成任務。
實習過程中，讓我印象深刻的是部門的學長、同仁，甚至主管都很願意教導我們。當遇到不懂的地方或卡在問題上時，只要先整理好問題並提出來，他們都會耐心說明，也會分享實際工作上的經驗。這讓我在學習新技術或面對不熟悉的工作內容時，減少了很多壓力。
在職場中不能只專注於完成自己手上的工作，也需要保持積極學習的態度。當遇到不懂的地方時，要願意主動查詢、嘗試、詢問與修正；在收到回饋時，也要能夠理解並調整自己的做法。這些經驗讓我在表達問題、接收回饋、團隊協作與學習態度上都有明顯進步。
未來改進方向
⚡ 加快程式理解速度
在程式理解速度與技術熟練度上仍有進步空間，希望透過持續練習，讓自己在面對不同任務時能更快進入狀況。
🎨 深化前端框架能力
持續加強 Angular 與 React 的應用能力，從目前的基礎操作提升到能夠獨立理解框架架構與資料流動，減少對逐步指引的依賴。
🔍 提升獨立除錯能力
透過更多實作練習累積經驗，讓自己在遇到類似問題時，能更快判斷問題原因，並找到適合的解決方式，不再需要花費過多時間在重複卡住的地方。
📐 培養使用者思維
繼續訓練自己從使用者角度審視畫面，不只確認功能是否完成，也思考操作流程是否直覺、欄位排列是否符合使用者預期，培養更全面的 UI/UX 設計觀念。
「這段實習最大的收穫，不只是學到了什麼技術，而是學會了在不熟悉的環境中如何主動學習、如何有效求助、如何與團隊協作——這些能力才是職場上最重要的基礎。」