Home_

// 首頁

歡迎來到 JK 的個人網站,這是一個 Vibe Dev 的理念展示。

在這裡,你可以了解到我的理念、項目以及各種分享。Vibe Dev 結合技術與創意,打造有個人風格的數位產品。

const developer = {
  name: 'JK',
  skills: ['Web', 'Design', 'Innovation'],
  isAwesome: true
};

Projects[ ]

// 專案作品
YouTube 轉字幕工具 (yt2txt)
# 03
2025

YouTube 轉字幕工具 (yt2txt)

簡單易用的 YouTube 影片轉字幕工具,支援多語言語音識別

Node.jsWhisper AIYouTube API
view()
Video2TXT 影片轉字幕工具
# 02
2025

Video2TXT 影片轉字幕工具

使用 Whisper AI 自動將影片轉換為文稿和字幕檔案

Node.jsWhisper AIFFmpeg
view()
Vue3 從零開始:基礎邁向實務
# 01
2024

Vue3 從零開始:基礎邁向實務

JK 的第一本書

BookVue3
view()

Tech Stack()

// 技術堆疊

Git 版本控制

現代開發必備的版本控制,從基礎到協作。

Vue 3 框架

漸進式前端框架,100天挑戰掌握核心。

Nuxt 3 框架

基於 Vue 3 的全端框架,支援 SSR 與靜態生成。

Blog()

// 文章分享

Vibe Coding 之後?

在 AI 浪潮之下,軟體工程師該何去何從呢?甚至大家都在擔心的問題,工程師會失業嗎?

1
2
3
4
5
function careerDevelopment() {
  // 經驗 -> 作品 -> 特色
  const steps = ['經驗', '作品', '特色'];
  return steps.reduce(p => p + ' -> ');
}
readMore()
AI

Videos.play

// 影片內容
5:42

Vibe Coding 製作一個科技感的部落格文章頁面 | 使用 Vue3 + Nuxt 開發 | Vibe Coding 001

這一集我們從零開始,動手做出一個簡單實用的「科技部落格文章頁面」

2025.5.1
watch()
6:00

Vibe Coding 使用 Google Sheet 製作 API | 使用 Cursor AI Vibe Coding | Vibe Coding 002

這一集我們從零開始,動手做出一個簡單的「API 服務」

2025.5.4
watch()