鐵人檔案
分享我在職場開發網站的實務經驗，從需求確認、介面設計，到前端開發與部署上線，呈現一個網站功能從規劃到實作的流程。
前言 在前面的篇章中，分享到如何透過 AI 工具快速生成前端程式碼，使用 V0 將 Figma 設計稿轉換為 Vue + Tailwind 的畫面架構。如果有興...
前言 接下來我們會開始建立 Nuxt 專案，Nuxt 是不需付費的開源框架基於 Vue.js 打造，能用來開發安全、快速且適合正式上線使用的網頁應用程式和網站。...
前言 在這篇文章中，我們將介紹 Vue 提供的兩種 API 風格：選項式（Options API）與組合式（Composition API），這兩種寫法會影響開...
前言 這篇會帶各位從頭開始操作，如何在 LINE Developers 建立 LINE Login Channel 和 Messaging API Channe...
前言 上一篇我們已經申請好 LINE 官方帳號，本篇文章將介紹 LINE 提供的前端框架 LIFF（LINE Front-end Framework），並透過...
前言 在上一篇文章中，我們已經建立好 Vue 專案，並初步認識什麼是 LIFF。這一篇將進一步實作串接LINE 的登入功能，以 Vue 為主角，採用組合式 AP...
前言 在 Vue 專案開發中，可能有遇過這些痛點——網站需要做 SEO，但傳統 SPA 無法有效動態渲染 meta 標籤；或是與後端 API 整合時，缺乏一致性...
前言 在前篇分享了到 Nuxt 的優勢與應用情境，再來要分享如何建立 Nuxt 專案，與介紹專案整體的目錄結構。如果是第一次使用 Nuxt，這篇可以作為不錯的起...
前言 在前一篇我們完成 Nuxt 專案初始化，以及介紹到目錄結構，這篇將依照設計稿，一步步完成整體畫面製作。本篇會專注在網站註冊頁面 UI 元件的開發，例如 條...
前言 延續上一篇完成的 UI 畫面與元件素材，在這個篇章我們將加入 LIFF 提供的登入機制與完成註冊流程，完成 LINE 互動網站功能！關於註冊流程的所有步驟...
