Html5, Css, Js,
Axios, Websocket, GraphQL
Vue.js, Vuex, Vue各式套件
Webpack, Lodash, Echart, D3Js, Casl
ElementUI, Bootstrap4, TailwindCss, Vuetify, Ant Design
Node.js,
Express.js,
MangoDB
Git,
Github,
docker
Buffet服務生
宴會廳服務生
技能:
HTML5、Bootstrap3、Jquery、Node.js、MongoDB(mongoose)
功能:
1.註冊、登入、驗證學校帳號。
2.後臺管理平台:
CRUD菜單、統計菜色被點的數量、帳號點單數量、統計各菜色收入。
3.使用者:
選擇餐點及數量、確認時間、確認訂單、查詢訂單、刪除訂單、查看歷史記錄。
學習服從,
思考人生方向,
嚴格且規律生活,
更懂得珍惜身邊的一切。
技能:
Html5、Css、Js、Axios
Vue.js、Vuex 、VueI18n、Vuelidate
Webpack、Lodash、
Bootstrap3、ElementUI。
職務:
前台 - 配合設計師的切版,串接後端的api,改善使用者體驗,製作三種語言版本。
後台 - 串接後端api,使用elementUI的各式功能頁面。
技能:
Html5、Css、Js 、
Axios、Websocket、Apollo GraphQL
Vue.js、Vuex 、VueI18n、Vuelidate、Vue-Gtm、Infinite-scroll
Webpack、Lodash、Echart 、D3Js 、Casl、 Luxon、momentJs
ElementUI、Bootstrap4、TailwindCss、Vuetify、Ant Design。
職務:
負責產品前端製作,Axios config 、i18n 、API Factory 、permission 、router 、
配合設計師切版、製作component、
串接後端API、串接webSocket、串接GraphQL、串接rtsp/hls格式的直播影片、
使用d3js製作平面圖,顯示設備位置及資訊、 製作圖表、製作各式功能頁面、DarkMode、
優化專案性能。
負責專案:
Comismart 智慧物聯網平台(維護階段)
透過物聯網平台,
可以使用圖表或是列表觀看即時的裝置狀態,並且對裝置下達指令,
透過平台上的設定告警條件,可以讓裝置出現數值超標或是無預警停止等等.....
各式狀況發生時,物聯網平台會顯示該裝置的位置圖以及發出緊急告警聲音提醒值班人員,
有狀況發生。另外也會透過Email以及Line進行告警通知,
事後可到告警列表中,查看所有告警的詳細紀錄以及圖表。
針對各式不同類型的裝置,提供友善的介面,新增、編輯裝置,
有三種角色可供使用者對於各個頁面的權限自行設定,
並且採用拖拉的方法可以更方便的自定義側邊欄的排列以及子項目。
基本設定有,帳號、場域(ex: A棟)、區域(ex: 1樓)、通知。
還有操作紀錄可追查平台的更動是由誰進行操作。
特色:從無到有打造前端專案。
優化專案性能:壓縮圖片、壓縮檔案(gzip)、取消過久的request。
MiMeal 智慧點餐系統(維護階段)
多平台式的點餐系統,
客戶端,有提供Kiosk、Tablet、RWD Web、Android、IOS。
商家端,有提供Pos機、餐點管理後台、Line Bot。
我負責的部分有Kiosk、Tablet、餐點管理後台、Line Bot。
Kiosk、Tablet - 提供使用者選擇用餐方式、用餐時間、選擇店家、客制餐點選項、餐點購物車、下訂單與掃描載具。閒置時間播放廣告與即時更新店家狀況。
餐點管理後台 - 提供多樣圖表,可供商家查看不同時段的各類營運狀況。
Line Bot - 以更便利的方式,管理菜單。例如:只需透過手機拍照後,將圖片貼在聊天室就可以更新餐點圖片。而不需要將圖片上傳於電腦再透過後台操作。
特色:
1. 網頁程式與常駐型應用程式開發上思維的不同
2. 直式面板開發
3. GraphQL、Hasura的使用
4. Vue Composition API
5. State Machine
6. 追蹤使用者操作
VisionMax 車隊管理系統(進行中)
透過平台監控車隊移動與事件發生
特色:
1. Ant Design
2. Less
3. Make help class use tailwind
4. Google Map API
一、家庭生活
我叫林健安,是家中的唯一長子,有一個姊姊和一個妹妹,
我們家是單親家庭,從小我們三人就是由媽媽獨自扶養我們長大的,因為,媽媽必須工作沒有多餘時間照顧我們,於是我們兄弟姊妹都很獨立。
二、個性和興趣
有耐性,凡事秉持著不給別人添麻煩為原則,只要是在自己能力範圍內的事情就不會多去麻煩其他人,但是遇到無法解決的問題,請教別人還是關鍵,畢竟是家中的長子,所以希望能夠做個好榜樣讓妹妹看齊。
我的興趣是運動跟閱讀,課餘時間,除了閱讀電腦書籍、報章雜誌和勵志成長的書籍,充實自己;空閒時,出門運動保持身體健康,放鬆心情保持愉快。
三、求學階段
高中階段,接觸電腦,一直對寫程式的高手十分嚮往,於是自己在高中的時候去買了Java參考書,寫了第一個自己的程式「Hello world」。從此以後,就愛上寫程式了。
大學階段,考上了 嶺東科技大學資訊科技系,真正的走進電腦程式語言的世界,也慢慢接觸到許多以前沒聽過也沒用過的程式語言,於是開始學習了以下這些語言。
網頁後端:PHP、Node.js
網頁前端:HTML5、Javascript、CSS、JQuery、Bootstrap、vue.js
資料庫:MySQL、Mongodb
版本管理: SourceTree、Git、GitHub、 npm、Bower、yarn
在大三下製作專題的時候,使用了PHP以及MySQL製作了一個多人及時共享的日曆,能夠在網頁上開啟並且支援Android以及ios系統。
在大四下,開始使用Node.js以及Mongodb開發學校阿旺餐廳App
能做訂餐,查詢訂餐資訊,以及取消餐點..等等功能,而後台,可以新增餐點,設定價錢,上傳圖片,更改優惠資訊,查詢每一季的銷售總量及金額,還能查看是哪位同學訂餐次數最高,最重要的是還有用AJAX技術做的驗證系統,可以不需轉跳頁面即可知道驗證資訊,這使得APP的UX好很多。當然這也支援電腦、手機(Android/ios)、平板(Android/ios)。
四、當兵階段
是改變我人生的關鍵。透過軍中的軍事訓練讓我學會紀律與服從、規律的生活、以及更珍惜身邊的一切,在這段期間,我很認真地閱讀了一本勵志成長書籍《與成功有約》,它深刻且直接的引導我,讓我更加了解自己所想要的未來,且讓我更有一套自己的管理系統,書中介紹的七種習慣讓我時時刻刻磨練自己,讓自己成為一位高效能人士。
五、工作經歷
四年的前端工程師的經驗,從開發漸漸到維護,從前台轉到後台,學習到的不只是工作技能更重要的是工作態度,讓我記憶猶新的是,產品上線前,大家一起待在公司拼命的氣氛,非常熱血。工作上的責任制,養成我,沒完成的工作,要是加班完成不了,也會帶回家中完成。
漸漸的會想學習一些打包工具,替自已增加效率節省時間。
一開始開發前台,主要配合設計的切版跟後端串接,把畫面跟動畫良好的呈現,之後替前台的SPA找尋SEO的替代方案。
最後負責較難的後台,開始接觸許多需要處理過的資料,也學習到專案擴充的重要性,處理資料的過程中,好險有Lodash這個好幫手,讓我省下不少麻煩。
這四年的經歷,讓我從入門到成為可以獨立負責專案的前端工程師,也讓我知道還有很長一段路得走,必須學得更深更遠。
學習計畫
一、短程計畫
(一)、增強自己的英文能力:目標是在2023以前達到多益750分。
目前想要學習的新技術,大多都是原文且沒人翻譯過,透過看技術文件的方式,去慢慢培養自己對英文熟悉度且試著去翻譯它。
以及參加FB社群的英文線上讀書會,練習聽說英文。
最重要的是,繼續保持每個禮拜兩堂英文線上家教,讓自己的聽力與口說更加流利。
(二)、保持自己對寫程式的熱誠:寫程式雖然結果十分美好,但有時還是會遇到許多挫折,
例如:debug、refactor這些都是必要的過程,雖然十分艱辛,但也非常值得,還好目前都有撐過艱辛的地方,希望自己能夠保持著不輕言放棄的態度並且去體會更多好玩有趣的新技術。
(三)、學習自我管理:自我管理,對我來說一門大課題!我常常參加在諮商中心舉辦的自我管理課程,去了解且規劃自己接下來該做的目標、每天該完成的事項以及時間的管理,常常因為寫程式太過於投入,忘了時間,導致不斷熬夜、眼睛乾澀、度數增加,目前解決方法是在電腦設定鬧鐘,每40分鐘響一次,每一次休息5分鐘,這樣才能讓我持之以恆的活到老寫到老,並且多多運動讓自己的體力保持最佳狀態。
(四)、 不斷學習技術:參加大大小小的研討會,獲得新知識與跟上技術流行趨勢,不斷的充實自己的資訊敏銳度。
目前規劃學習Golang、Docker、Kubernetes,學習資源主要是書、線上課程、研討會為主,FB線上讀書會、台中前端社群、參考Github跟Stack overflow找答案以及其他網路資源為輔。
(五)、 Side Project:使用Golang、Fyne(GUI)製作音樂播放器。
二、遠程計畫
透過製作公司專案、外部接案、製作小工具累積自己的實力與作品集。
發想與製作自己的平台。
三、未來期許
成為獨當一面的全端工程師,可以開發各種可靠、穩定、可擴展的平台,讓平台能幫助到更多的使用者。
根據請款人資料,
自動生成勞務申請單。
特色:
節省大量時間 -> 2小時變成10分鐘、
省下繁瑣動作、
避免人工計算錯誤
在DB提供的平台上,
MiMeal大量操作Log
不容易閱讀及查找。
於是決定製作TimeLine式的列表,
方便同仁查找bug與改善UX。
特色:
依照時間排序、
按照使用者區分顏色區塊、
提供事件與時間條件查詢、
點擊區塊事件或人名可以Filter、
自動更新資料並可以選擇更新頻率。