技術文章

• 2022 第 14 屆 iT 邦幫忙鐵人賽 30 天完賽技術文章 - 「從基礎開始，用 JavaScript 從頭建立起程式肌肉」

【自我介紹】

　您好，我是鄭翔駿，我喜愛運動，平時興趣是攀岩、看運動比賽、影集跟打電動。現職為接案的自由教練，準備成為前端工程師！

【團隊合作與整合溝通：櫃台主管／工務主任】

　 我的溝通風格是先綜觀全局，逐步分析找出問題核心後便可高效率解決雙邊或多邊溝通的痛點。

 　在青旅工作期間，退房後到入住前是最忙碌的時段，各部門都想盡快完成自己的工作，在沒有管理的情況下容易發生衝突。第一步我會先向各部門瞭解狀況，瞭解每日每週入住情形與確認各部門人力後，依照輕重緩急預先排定打掃流程，建置且確保高效完善的作業流程。也因為長期且有效的溝通模式累積了良好的合作信譽，曾連續三年在公司年終內部投票中獲得第 1 名。

【變化與挑戰：個人教練／均均衡創辦人】

　在穩定的當下，我也時常保持思考自己的職涯與成長。旅館工作期間接觸到了新的機會，考量到自己在原職位的成長有限，審慎評估後決定離開待了4 年半的工作進入專屬健議有限公司擔任個人教練。

　健身教練須為每個不同的顧客著想規劃，憑藉著累積多年的溝通與客戶服務的能力，我能夠在有限時間內快速了解需求，溝通顧客期望達成的目標，而這些經驗也讓我在製作網頁上隨時以使用者的需求作為出發點思考如何創造更好的使用者體驗。

　然而在一次車禍過後，因為腳受傷在床上躺了四個月，休養期間無法工作的失落感讓我體認到相關限制，開始思考不同發展的可能性。鑑於當時健身市場的成長與需求顯著，加上自身過去的教練經驗與知識，配合友人餐飲經驗，於是在評估過後決定與友人共同加入「均均衡」，開啟健康便當事業。

　便當事業為我帶來許多充實有趣的挑戰，從市場分析、擺攤地點的選擇與協調、與客戶及供應商的關係管理、自我管理等等。經過努力，我們也終於有穩定的供應來源及穩定的回頭客甚至是合作企業。可惜在正式營運約四個月後碰上疫情爆發，曾嘗試轉型，但在評估損益與自身條件後決定結束營業，及時止損。在創業的這段時間裡，在條件不斷變動的情況下隨時因應調整計畫，讓我學習時刻自我反省，接納壓力並調適情緒，提升面對挫折的抗壓性及彈性應變的能力。

【轉變的契機：成為前端工程師】

　回歸教練一職後，在工作上時常會接觸到不同產業的客戶，因此讓我有機會認識到程式語言，在跟工程師友人諮詢過後決定嘗試，實際接觸程式後便愛上開發，相當享受挑戰邏輯思考的過程，於是開始在工作之餘投入大量的時間學習。

　在決定學習資源時因經濟需求須維持工作，全心投入實體班是不太實際的選擇，考量過後決定以線上課程為主，搭配大量的書籍與影音資源來學習。學習過程中了解到前端領域的深度，考量自身條件，我知道我必須要有足夠的產出才有機會讓人看到，我也希望持續探索自己對於這行業的熱愛程度與能力，便給自己設下需要有足夠程度的作品集才能開始找前端工作，不急於一時。

　為了完善技能，設定各階段目標逐步磨練，要完成切版、原生 JS、JS 框架各一個作品，並且不依賴於線上課程的作業。發想時學習使用 Whimsical 規劃 SiteMap，使用 Figma 繪製 Wireframe，製作時使用 JS 與 Vue 終於靠自己打造出多個不同階段的專屬作品。三個作品從發想開始到程式皆為獨立開發完成，並使用 JSON Server 模擬後端 API 進行串接。透過輸出，看到成品的喜悅也讓我更堅定要往前端工程師這個目標前進。

　自學期間，常常遇到錯誤訊息的挫折及時間壓力，也曾因為光是要 debug 就花上許多時間。但過程中的樂趣，切出想要的畫面的成就感、逐步理解邏輯並解決問題的暢快都讓我覺得開發是件有趣的事。我也逐漸培養出面對問題、上網搜尋官方文件、Stack Overflow、ChatGPT 等，解決問題的能力，也因此從中獲得廣泛的知識和經驗。

【讓過去成為助力】

　過往的經歷帶給我許多養分，讓我更專注在提升自己、與人溝通以及提升使用者體驗，期望我用我的能力做出使用者體驗良好的作品。工作之餘，我也將運動融合生活，保持體力與身心健康，讓熱愛學習新事物的我也能適應快速變化的前端趨勢，隨時學習新技術。

◆ 良好的溝通能力幫助我未來在工作上與同事、主管甚至是客戶都能有保持順暢的溝通。

◆ 擅長分析、拆解問題、找尋核心的能力讓我能夠獨自或是共同解決問題

◆ 積極良好自學能力讓我能學習所需技術並應用在工作上

　轉職期間我也繼續充實自我持續學習，穩定基礎並掌握更新的技術。因目前 Vue 專案是使用 Option Api 撰寫，期望能盡快掌握 Composition Api 並實際應用，並掌握非常重要的 Git 版控能力。也希望盡快學習 TypeScript 穩定自己的程式碼，學習 Node.js 瞭解後端概念。

　如果有幸能跟貴公司合作，希望在短期內盡快了解公司文化並協助開發，增進實戰經驗

；第 1 年熟練公司主要使用的技術並以協作的方式參與專案，期望自己在 2-3 年內成為穩定獨立的開發者。未來 3-5 年也期許自己可以更全面性地瞭解與思考開發流程，並且累積管理技術團隊的經驗與能力。

Reusme

Key Cheng

"An independent and team-oriented professional with a logical mindset."

Technical Skills

• JavaScript (ES6)
• Vue 3 (Vite, Vue-Router, Pinia)
• Web Layout (Tailwind CSS 3.0, Bootstrap 5, SCSS, RWD)
• Version Control (Git, GitHub)

Professional Experience

Co Founder, June’s Balanced Bento

Nov. 2020 - July. 2021

• Conducted market research and developed business strategies
• Streamlined workflow processes and reduced loading time by 20%.
• Collaborated with companies to provide weekly fixed lunches, increasing monthly revenue by 10%

Certified Personal Trainer, Fitness Formula

Aug. 2018 - Feb. 2021

• Personal Trainer with weight management expertise and ability to motivate clients accomplishing goals.
• Design specific workout systems for 70+ individual clients.
• Provide clients with  safe and effective exercises to do at home or gym.

Leader of Front Desk & Public Works Department, Star Hostel

Mar. 2014 - July. 2018 

• Led and trained a team of 10 front desk staff, responsible for promoting Taiwan and providing training to the team
• Organized a public works department and managed maintenance work
• Maintain good relationship
• Managed customer complaints and maintained positive relationships with clients and suppliers

Certificates

• TOEIC 825, March 2018.
• NSCA-Certified Personal Trainer

Education

• Bachelor of Recreational and Sports Management, National Taipei University, 2011