-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
324 lines (304 loc) · 14.4 KB
/
Copy pathindex.html
File metadata and controls
324 lines (304 loc) · 14.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>關於我</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<style type="text/css">
body{text-align:center;}
h4{margin-bottom:3px;}
dd:before{content:"※ ";}
#github-icon{color:#000;font-size:23px;display:block}
p.detail {
text-indent: 10px;
}
p.detail:before {
content: "- ";
}
</style>
<body>
<div id="wrapper" style="width:800px;margin: 0 auto; text-align:left;">
<table class="table tabler-bordered" style="font-size:20px;">
<tbody>
<tr>
<td rowspan="3" width="200"><img src="//www.gravatar.com/avatar/6ea548a4a4679eb99055d00a80a593c3?s=160"></td>
<td>謝育典(Faryne Hsieh)</td>
</tr>
<tr>
<td>
個人網站：<a href="https://beta.faryne.dev/">Lab</a><br />
<img src="mail.png" />
<a href="https://github.com/faryne" id="github-icon"><i class="fab fa-github-square"></i></a>
</td>
</tr>
</tbody>
</table>
<div class="row">
<h3>個人介紹</h3>
<p>我是謝育典，主要專長是網站開發以及系統管理。工作上前後端皆有碰觸，但多以後端為主。</p>
<p>早期主要使用 PHP，近期轉向為 Golang 為主以及 Python 為輔。</p>
<p>近年工作領域從單純 Backend 開發外還跨足至 SRE / DeveOps 領域。在 AWS / GCP 雲服務平台有一定的操作經驗。</p>
</div>
<div class="row">
<div class="col-md-6">
<h3>學歷</h3>
<dl>
<dt>國立空中大學管理資訊學系畢業</dt>
<dd>2010/09~2024/06</dd>
</dl>
<dl>
<dt>天主教輔仁大學歷史學系肄業</dt>
<dd>2001/09~2003/06</dd>
</dl>
<dl>
<dt>臺北市立陽明高中畢業</dt>
<dd>1998/09~2001/06</dd>
</dl>
</div>
<div class="col-md-6">
<h3>技能</h3>
<dl>
<dt>程式語言</dt>
<dd>TypeScript、VanillaJS、HTML、CSS</dd>
<dd>PHP、Python、Golang</dd>
<dd>ShellScript</dd>
</dl>
<dl>
<dt>資料庫</dt>
<dd>MySQL 及 Oracle</dd>
</dl>
<dl>
<dt>雜項</dt>
<dd>作業系統：Linux(Ubuntu)</dd>
<dd>網站開發框架及常用函式庫：Codeigniter、Laravel、Gin、Fiber、jQuery、Vue.js、ReactJS</dd>
<dd>訊息佇列：RabbitMQ</dd>
<dd>快取：Redis、Cloudfront</dd>
<dd>CI / CD 環境： TravisCI / Github Actions</dd>
<dd>雲端服務：<acronym title="Amazon Web Service">AWS</acronym> / <acronym title="Google Cloud Platform">GCP</acronym></dd>
<dd>其他：<acronym title="Elasticsearch Logstash Kibana">ELK</acronym>、Docker、<acronym title="Kubernetes">K8s</acronym></acronym></dd>
</dl>
</div>
</div>
<div class="row">
<h3>證照</h3>
<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="4356d6ac-42bb-48b6-8d90-75e6978a8d77" data-share-badge-host="https://www.credly.com"></div>
<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="076b834c-57e4-4e76-a1ca-e2e98b4117ee" data-share-badge-host="https://www.credly.com"></div>
<script type="text/javascript" async src="https://cdn.credly.com/assets/utilities/embed.js"></script>
</div>
<h3>工作經歷</h3>
<h4>眾鼎科技有限公司</h4>
<dl>
<dt>Golang 開發工程師（2022/10~2025/06）</dt>
<dd>
設計並維護虛擬貨幣交易所之後關台系統或服務，包含後端 API / cron 以及前端頁面的設計。
<ul>
<li>使用 Golang / Gin Framework 設計開發後台系統</li>
<li>串接主要虛擬幣交易所交易 API 以便處理對沖交易</li>
<li>使用 Vue 3 / Ant-Design-Vue 處理後台系統的前端部分</li>
</ul>
</dd>
</dl>
<h4><a href="https://www.indochat.co.id" target="_blank">酷堤康科技股份有限公司</a></h4>
<dl>
<dt>Senior Backend Engineer（2019/10~2021/11）</dt>
<dd>
負責設計建立維護公司所使用的雲端服務架構（主要使用 AWS 服務，使用 Cloudformation / CDK(Golang) 設計維護）
<ul>
<li>API 服務： 主要使用 ECS Fargate 搭配 Load Balancer 分配流量給 ECS 的 Task，並使用 Cloudfront 作 cache。並搭配 AutoScaling 機制，在特定時間帶或是 ECS Service 的 CPU 與負載增高時自動擴增。並在狀態解除後自動縮減。</li>
<li>部署 MQTT Cluster：從 image 打包到部署至 EC2 以及其主要監控，包含連線數、CPU / Memory 用量等將其發送至 Cloudwatch 收集。前端額外使用 Global Accelerator 加速連線。</li>
<li>部署靜態網站：使用 S3 + Cloudfront 搭建。</li>
<li>常用的服務設定管理：如 Elasticache / RDS Aurora 的設定管理維護等。</li>
</ul>
</dd>
<dd>
負責開發維護內部使用的 Job 排程機制（使用 AWS EventBridge 搭配 ECS）
<ul>
<li>使用 EventBridge 在指定時間點觸發啟動指定的 ECS Task 啟動開始執行，當執行完畢後即結束該工作。</li>
<li>工程師僅需按照規範撰寫所需程式碼及設定即可輕鬆部署</li>
<li>使用 Golang 設計 Job 運作環境，並撰寫部分 job 內容</li>
</ul>
</dd>
<dd>
使用 Grafana / Cloudwatch 等工具服務建立服務監視告警系統
<ul>
<li>監控與告警：搭建 Grafana 並串接 Cloudwatch 內收集的指標顯示，同時也針對指定的 Cloudwatch 指標設定監視，當超過特定值時發送警報給 SRE 或相關人等以便安排處理。</li>
</ul>
</dd>
<dd>
負責維護專案使用的 CI / CD 機制，主要使用 TravisCI / Github Actions
<ul>
<li>主要撰寫每個專案包含單元測試、打包成 docker image 以及部署的腳本</li>
</ul>
</dd>
<dd>
支援後端寫些 API
<ul>
<li>在 <a href="https://github.com/gin-gonic/gin">Gin</a> 為主要框架的基礎上，使用 XORM 撰寫一些資料庫（串接 MySQL）的 CRUD API</li>
</ul>
</dd>
</dl>
<h4><a href="https://presslogic.com">香港商台灣邏輯媒體科技有限公司台灣分公司</a></h4>
<dl>
<dt>Web / Backend Engineer（2018/07~2019/08）</dt>
<dd>
使用 GCP 設計建置公司使用的機器架構，包含 GCE / Cloud SQL 等
<ul>
<li>主要使用 GCP 網頁介面設定一些主要服務的屬性</li>
<li>搭配一些 shellscript 作為 GCE 的開機執行檔</li>
</ul>
</dd>
<dd>
使用 Elasticsearch / Logstash 建立資料同步查詢機制
<ul>
<li>安裝 Elasticsearch / Logstash 至指定的 GCE 上</li>
<li>並根據需要撰寫 Logstash 相關設定檔以便資料同步。主要做的有從 MySQL 同步資料到 Elasticsearch 等</li>
</ul>
</dd>
<dd>支援後端撰寫 API，主要使用 PHP 7.3，並維護公司使用的 CI / CD 服務，主要使用 Gitlab</dd>
</dl>
<h4>風尚數位科技股份有限公司（<a href="https://www.fashionguide.com.tw/">FashionGuide</a>）</h4>
<dl>
<dt>資深工程師（2017/10~2018/07）</dt>
<dd>維護公司使用的 AWS 服務，包括 EC2 / RDS 等</dd>
<dd>維護內部使用的 CI / CD 服務</dd>
<dd>協助系統程式開發，主要使用 PHP7 、 Laravel 5 與 MySQL</dd>
</dl>
<h4>全音樂股份有限公司（<a href="https://omusic.friday.tw/">friDay 音樂</a>）</h4>
<dl>
<dt>資深工程師（2016/06~2017/09）</dt>
<dd>
將部分舊系統遷移至新建立的全新平台的開發實作，主要使用 PHP、MySQL、Redis / RabbitMQ / ELK 等工具
</dd>
<dd>使用 ELK 與 RabbitMQ 建立 Log 分析機制</dd>
</dl>
<h4>新加坡商葆光資訊有限公司台灣分公司(ASAP閃電購物網)</h4>
<dl>
<dt>ERP 工程師 (2013/05~2015/07)</dt>
<dd>主要使用 PHP 與 Oracle 撰寫產生日常營運報表的 SQL，並產生畫面供財會單位參考。</dd>
<dd>維護 / 開發公司所使用的供應商關係管理系統</dd>
</dl>
<h4><a href="https://yahoo-emarketing.tumblr.com/">雅虎數位行銷有限公司（Yahoo!奇摩）</a></h4>
<dl>
<dt>工程師(派遣，2012/05~2013/02)</dt>
<dd>使用 PHP 和 MySQL 產生業績報表，並組成 Excel 寄給經銷商參考</dd>
<dd>活動網頁及相關工具開發</dd>
</dl>
<h4>露天市集國際資訊股份有限公司(<a href="https://www.ruten.com.tw/">露天拍賣</a>)</h4>
<dl>
<dt>工程師(2011/05~2012/04)</dt>
<dd>使用 PHP 與 Oracle 進行網站功能開發維護</dd>
<dd>與其他合作企業進行資料交換處理(透過FTP等)</dd>
</dl>
<h4>樂屋國際資訊股份有限公司(<a href="https://www.rakuya.com.tw/">樂屋網</a>)</h4>
<dl>
<dt>工程師(2008/08~2011/04)</dt>
<dd>使用 PHP 與 MySQL 開發維護網站功能(包含前端呈現與後端資料處理)</dd>
<dd>處理日常與各大房仲商的房屋物件資料交換處理(透過FTP、HTTP POST或是SOAP)</dd>
</dl>
<h4><a href="http://chinese.allproducts.com.tw/">亞普達國際電子商務股份有限公司</a></h4>
<dl>
<dt>工程師(2007/03~2008/06)</dt>
<dd>主要使用 PHP 與 MySQL 開發公司內部使用的工具</dd>
</dl>
<h4>瑞奇科技</h4>
<dl>
<dt>工程師(2006/09~2007/02)</dt>
<dd>負責公司網站主機維護</dd>
<dd>負責公司網站內容更新</dd>
</dl>
<h3>個人作品介紹</h3>
<!-- <h4><a href="https://chrome.google.com/webstore/detail/ha2tw%E6%8F%90%E4%BE%9B%E7%9A%84%E7%B8%AE%E7%B6%B2%E5%9D%80%E5%B7%A5%E5%85%B7/hmnmebggbipndpobodcdooilmlmmgfoc?utm_source=chrome-ntp-icon">ha2.tw提供的縮網址工具</a></h4>
<dl>
<dt>Chrome 瀏覽器擴充套件</dt>
<dd>當使用者按下右鍵選擇縮網址時，會直接打<a href="http://ha2.tw/shortener">我網站上的 API</a> 取得縮網址的結果</dd>
<dd>該擴充工具使用 javascript 與 Chrome 瀏覽器所提供的 API 完成</dd>
</dl> -->
<h4><a href="https://beta.faryne.dev/tools/thread/capture">Threads 截圖工具</a></h4>
<dl>
<dt>截圖工具</dt>
<dd>傳入 Threads 貼文的網址，可擷取圖片並加上原討論串的 QR Code 後提供下載。</dd>
<dd>使用 ChromeDP 搭配 Headless Chrome 處理截圖功能</dd>
<dd>使用 OEmbed API 獲取 Threads 貼文內容及產生畫面</dd>
</dl>
<!--<h4><a href="http://ha2.tw/webshot">網頁截圖</a></h4>
<dl>
<dt>網頁截圖工具</dt>
<dd>前端網頁將網址 POST 到後端後，使用寫好的腳本，透過 <a href="http://phantomjs.org/">PhantomJS</a> 進行截圖(標準尺寸為1024x768)</dd>
<dd>並且提供歷史截圖列表可以做為變更依據</dd>
</dl>-->
<h4><a href="https://beta.faryne.dev/data/rates">主要銀行匯率查詢</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>後端使用 PHP 與 Laravel 至幾家主要銀行爬取匯率資料存入至資料庫。</dd>
<dd>前端透過 ReactJS 搭配 Axios 經由 API 撈取資料並顯示，網站託管在 Firebase Hosting 上。</dd>
</dl>
<h4><a href="https://beta.faryne.dev/data/tw-stats">主計總處各縣市指標</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用 Golang 抓取主計總處所提供 XML，並整理成 json 檔存入 <a href="https://github.com/faryne/tw-stats">Github</a></dd>
<dd>前端使用 ReactJS 搭配 Axios 即時抓取 Github 上面的紀錄與檔案顯示內容</dd>
</dl>
<h4><a href="https://beta.faryne.dev/av/video">DMM 影片搜尋</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用 Golang 撰寫爬蟲爬取 Fanza （舊稱：DMM）上的影片及女優資料</dd>
<dd>資料透過 Logstash 定期從 MySQL 同步到 Elasticsearch</dd>
<dd>使用 ReactJS 構建前端網站</dd>
</dl>
<!-- <h4><a href="https://faryne-firebase.web.app/hololive">Vtuber 直播資訊彙整</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用 PHP 與 Google App Script 爬取官方網站藝人列表及直播時間資訊</dd>
<dd>直播事件時間可以寫入 Google Calendar</dd>
</dl> -->
<h4><a href="https://beta.faryne.dev/data/taipower/neighbor">台電敦親睦鄰捐助統計</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用 Golang 以及自製的爬蟲整理出台電敦親睦鄰捐助統計</dd>
<dd>資料會在爬完後即時塞入 DB 以及 Elasticsearch 後作搜尋處理</dd>
</dl
<h4><a href="https://beta.faryne.dev/data/fire/realtime/">即時消防出勤記錄</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用 Golang 以及自製的爬蟲 service 去爬取六都的消防出勤記錄（目前台南與高雄部分因為機器區域限制而無法讀取）</dd>
</dl>
<h4><a href="https://nekomaid.web.app">難以名狀的抓圖器</a></h4>
<dl>
<dt>網頁爬蟲</dt>
<dd>使用者拋送網站代碼及作品ID，爬蟲會及時解析圖片位址和標題等資訊，並根據擷取到的圖片位址抓取圖片檔案並丟至 <a href="https://aws.amazon.com/tw/s3/">AWS S3</a> 儲放</dd>
<dd>前端網站的出圖由 <a href="https://aws.amazon.com/tw/cloudfront/">AWS CloudFront</a> 串聯 AWS S3 負責，提升全球各地的存取速度。</dd>
<dd>並且使用 Elasticsearch 處理站內搜尋功能</dd>
<dd><a href="https://nekomaid.web.app">新版網站</a>使用 ReactJS 搭配 Codex 撰寫</dd>
</dl>
<h4>個人 Github Repositories 及其他相關資料</h4>
<ul>
<li><a href="https://github.com/faryne/integration">前後端整合專案</a>，使用 Golang + Fiber 構建後端，前端則使用 ReactJS 構建。</li>
<li><a href="https://docs.google.com/presentation/d/1fVsqd0e6CquLgsFEeXGnIs--wmhpCMKd/edit?usp=sharing&ouid=104802345237603796061&rtpof=true&sd=true">個人工作成果分享</a></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('a').on('click', function(e){
e.preventDefault();
var h = $(this).attr('href')
gtag("event", "click", {
"event_category": "link",
"event_label": h
});
window.open(h, '_ex_detail');
});
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-96598-10"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-96598-10');
</script>
</body>
</html>