科技來之不易,研發來自努力

大家好!我叫Ken

全棧開發者 (Full-stack)

網站 + APP + 伺服器 + UI/UX

我鍾意全棧網站及App開發(前端及後端)、UI/UX設計、自己引領項目、內容創作/分享等

向下滑動,查看更多

關於我

高中學習經歷分享課堂

香港科技大學 (HKUST)

(香港清水灣校園)

Year 3; 本科生 (UG)

計算機CS專業

廣州, 香港

英文English, 简体中文, 繁體中文

英文 (流利), 普通話 (流利), 廣東話 (初學者)

人生目標:

發明/研究新技術,助力發展未來科技,為人們的生活帶來更多方便。

工作經歷

科擎科技有限公司
全棧開發者 (暑假實習)
香港
2025-06到2025-08

官方網站:igears.com.hk

  • 設計、開發Weaviate Vector Database圖像化管理系統🛠️;與現有開源項目相比較,有更多功能及更直觀的選項🧭
  • 利用Weaviate Vector Database🗃️,開發AI相片推薦🔍系統(小組項目;祗限Vector Database部分)
  • 設計、開發可以輸出彩色🎨、統一式樣的HTML網頁的圖像化網站安全🛡️掃描系統(ZAP、Wapiti及Nikto三類工具集合)
  • 為公司的客戶開發“書法練習 (Calligraphy Coach)”流動裝置App📱(React Native)
  • 上列作品均設有詳細的使用說明📚、開發者資料📄及伺服器一鍵設定程式👆
HKUST ITSO實習項目
同學幫手 Student Helper
香港
2024-07到現在

ITSO(原ITSC*)是我們大學HKUST的IT部門,是“資訊技術服務處 (Information Technology Services Office)”的簡寫。

官方網站:itso.hkust.edu.hk

  • 於大學校園內的列印機🖨️裝入紙張📄、碳粉盒🖋️
  • 有責任心,向IT部門上報了部分其他同學幫手的“偷懶問題”😴
    “如果printer都用晒紙張了❌,同學們點解可以print出來溫習資料呢?”
  • 2025年寒假幫手IT部門檢查課室音視頻裝置📹🎤、升級電腦系統
  • 上報了大學電腦廳(Computer Barn)未能正常運作的裝置🚧,及阻止違規行為⚠️(如物品佔用座位,而該座位未有使用者🎒📚💻)
  • 於電腦廳及IT部門辦公室服務台(Service Desk)耐心回應同學們的查詢🙋‍♂️、解決IT有關問題

* 我們大學的ITSC部門已於2025年1月變更名稱為ITSO

HKUST USThing App項目組
流動裝置App開發者 (React Native) (組長)
香港
2023-10到現在

USThing是一個編寫多功能HKUST大學App的學生項目團隊。

官方網站usthing.xyz

  • 編製了App開發者檔案📄(新成員開發者工具🛠️安裝指引等)
  • 回應了使用者查詢及意見反饋、上報💬
  • 面試☑️、取錄💬新申請者
  • 引領組員編寫新功能🌟、修改bug🐞
  • 批核組員提交的程式代碼(GitHub Pull Request)
COURSEMO實習
Web網站開發者 (Vue)
深圳
2022-07到2022-09

COURSEMO是IB、IGCSE、A Level、AP等國際課程、考試及競賽等的輔導單位。

官方網站:coursemo.com

  • 編寫了同學資料管理📋及考勤☑️系統
  • 除該公司之外,該系統還被我們高中🏫(GCGS)使用✅

項目

Ken的學習之旅
個人項目

Ken的學習之旅2019年2月成立,為我提供學習方法校園生活等資源的個人品牌。

除這個項目以外,我還於2021年編寫了Ken的學習規劃師子項目。剛開始祗限自己使用,後續已開放公眾使用

網站前端及伺服器後端開發,到UI/UX設計,這個項目是由我一人獨立完成的。

鍛鍊的能力:
Web網站前端、伺服器後端開發、UI/UX及海報設計、內容創作/分享

網站:kenstudyjourney.cn

學路劃Plandline
自主引領的團隊項目、創業項目

2025年1月,我已決定將我的個人項目Ken的學習規劃師)更改為由我自主引領的團隊項目

按照我的計劃,Ken的學習規劃師將於2026年變更名稱為學路劃 (Plandline)

我還提出、首創了“零基礎合作”計劃 ("Collaboration for Beginners" Scheme),歡迎有喜好沒有經歷的同學們加入、合作。

它也是我的一個創業項目

鍛鍊的能力:
等同於Ken的學習之旅,加上引領、教學及合作能力

能力

前端(網站+APP)

HTML 5

HTML 5

JavaScript

JavaScript

CSS 3

CSS 3

React Native

React Native

Font Awesome

Font Awesome

伺服器後端及API接口

PHP

PHP

MySQL

MySQL

NGINX

NGINX

Apache

Apache

SSH

SSH

cURL

cURL

Debian

Debian

Rocky Linux

Rocky Linux

Ubuntu

Ubuntu

JSON

JSON

Markdown

Markdown

YAML

YAML

其他技術能力

Git

Git

GitHub

GitHub

C++

C++

Python

Python

Node.js

Node.js

Wireshark

Wireshark

OpenSSL

OpenSSL

Web網站安全

Web網站安全

音視頻綫纜

音視頻綫纜

WiFi路由器

WiFi路由器

網絡工具

網絡工具

IPsec/組網

IPSec/組網

OpenVPN

OpenVPN

其他非技術能力

UI/UX設計

UI/UX設計

海報設計

海報設計

影片製作

影片製作

領導力

領導力

科研

公司/IDC數據中心組網及VPN安全
2025

當我們於校園外邊做大學功課📄時,需要連上大學的企業級內部網絡VPN,否則就會無法連綫內部系統

那它究竟是怎麼運作的呢?

如果將SSH、數據庫等直接開放在互聯網上,就有機會遭受黑客密碼暴力嘗試等安全問題。

為了解決這個安全問題,很多公司及項目都會使用帶有2FA、證書等安全驗證的VPN,安全訪問到公司/數據中心內部系統。

同樣,我的項目也利用了該技術,防止SSH等端口開放在互聯網上,為內部組員加上額外的安全防護。

同時,IPSec可以於不同的IDC數據中心之間連綫、組網,伺服器可以直接更安全地訪問對面的內部私有IP位址

了解詳情

網站伺服器、數據庫內部的哈希演算法及儲存容器
2024

該科研課題來源於Ken的學習規劃師於2024年4月運作速度減慢事故/故障(但服務並未受阻)。

在調查取證之後,發現同一數據庫表格中數據條數過多、伺服器高CPU及記憶體資源利用率(接近100%)造成的。

在我利用哈希演算法及儲存容器(將多個數據庫表格分開)之後,服務運作回復正常。

按照預計的數據條目數量、大小,每個數據庫表格被分為10-1000個儲存容器

哈希演算法原理簡圖

常見的科技企業伺服器框架結構、Web網站安全
2023

當我於社交平台上發送網址連結時,獲取網站內容的爬蟲IP位址不同於該網站伺服器的IP位址。

當我透過DNS(使用nslookup指令),於不同的城市查看同一個網站的IP位址時,會得到不一樣的IP位址

那為什麼會這樣呢?它是用了CDN(內容分發網絡)服務嗎?

是的,但部分正確

簡單來講,網站伺服器爬蟲(蜘蛛)伺服器IP位址各不一樣

因此我有了喜好,於我自己的項目當中應用相同的技術原理,並深入了解。

除了伺服器框架結構之外,我還研究、應用了基本的Web網站安全防護方法,包括:

  • SQL注入攻擊防護
  • XSS(跨站程式)攻擊防護
  • 使用者/管理員訪問權限控制
  • 網頁JavaScript電郵地址加密(防止機械人及爬蟲獲取、並發送垃圾電郵)

“Edge-Core”伺服器框架結構模型

常見網絡提供商ISP網絡框架結構及防火牆運作原理
2022

當我訪問部分網域時,瀏覽器可能會顯示以下錯誤:

  • (域名)太長時間沒有反應
  • 連綫已重置 (Reset)
  • "訪問被拒絕 (Access Denied)"或"你的IP位址已被封鎖 (Blocked)"
  • ... ...

我知道連綫的中間設有防火牆,但他們究竟是怎麼運作的、位於哪些地方(路由器上)呢?

於本次研究當中,我利用了很多網絡指令/工具,包括:

  • ping: 查看到一部電腦/伺服器的網絡時延
  • tracert, traceroute, mtr: 查看到一部電腦/伺服器中間所通過的路由器IP位址
  • nslookup: 查看一個網域所指向的伺服器的IP位址
  • nc (netcat): 查看一個端口可否正常使用(例如:nc -z -v ken.kenstudyjourney.cn 443
  • Wireshark: TCP/IP協定數據包截取工具

根據研究及實驗結論:

  • 網絡的路由是根據每兩個寬頻提供商ISP之間的直接連綫確定的
  • 防火牆可以根據IP位址及網域的黑名單丟棄數據包DNS污染(先返回錯誤的IP位址)、修改HTTP網頁內容重置TCP連綫(根據WireShark的數據,將RST狀態位設定為1)等
  • 如有丟包狀況,可以利用tracert/traceroute指令推斷出防火牆設備的所在地方(哪一台路由器當中)。

例如,高中的遊戲防火牆及大學的防止釣魚防火牆利用了完全相同的運作原理

  • HTTP: 修改網站內容
  • HTTPS: SNI阻断(重置TCP連綫,設定RST狀態位為1)

防火牆的典型運作原理結構

網站內部的新技術應用
2021

本次研究又是我於高中做的EPQ項目,研究並在網站上使用了很多技術,包括:

  • IPv6
  • HTTP/2
  • HSTS (HTTP Strict Transport Security)
  • DNS CAA (Certificate Authority Authentication)

獨特人格

我不同於超過99%的其他人,熱愛現代化的科技發展,並有獨特的人格
Tool

科技導向

Dedicated

專注

Tool

有責任心

Tool

勤勞

Tool

有創造力

Tool

嚴謹

1
娛樂活動如遊戲(包括團建或破冰遊戲)只會浪費自己時間,沒有任何意義
2
我就像科学家、研究人員一樣,會嚴謹思考,喜歡詳盡解釋每一個原理解構,但不喜歡任何玩笑
3
我就像科学家、研究人員一樣,有更多高級設定選項深入研究內部技術解構,但不是快速完成一個作品
4
我可以長時間內專注在同一個項目
5
加入公司/團隊後,我只想專注在自己的職務本身
強制我參與任何其他活動(如團建遊戲、團隊旅遊),或參與有任何獎品,就會有心理負擔
6
研究對自己有興趣的課題有成就感、覺得開心
7
不論我的想法、創新可否被其他人(教師、競賽評委等)認同,我都想應用這些想法、創新到現實生活中
也就是說,勇敢嘗試不受任何其他人妨礙對我特別重要
8
不論我自己身在何方(包括火車、飛機或其他交通方式)或是否為公眾假期,我都會一直、繼續思考自己的作品
9
我做每一個項目都喜歡從空白檔案起步,以進行內部技術原理解構,但不會使用大部分模板或框架
10
如果我的創新、Issue或者PR (Pull Request)未被一個GitHub Repository認同(即被拒絕),我將立即fork該Repository,並按自己特別的想法、創新修改,以供自己使用或分享
11
在我的程式作品中,喜歡為使用者著想,先考慮使用者體驗、性能、保安等特性,但不會特別考慮源代碼的可讀性(readability)和是否容易檢修(maintainability)

追從我

聯絡我

如有問題或想交流、了解更多資訊,歡迎透過電郵聯絡我

請啟用瀏覽器JavaScript功能,獲取電郵地址 (防止機械人獲取)