<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <author>
    <name>Wang Casper</name>
  </author>
  <generator uri="https://hexo.io/">Hexo</generator>
  <id>https://www.casper.tw/</id>
  <link href="https://www.casper.tw/" rel="alternate"/>
  <link href="https://www.casper.tw/atom.xml" rel="self"/>
  <rights>All rights reserved 2026, Wang Casper</rights>
  <title>卡斯伯 Blog - 前端，沒有極限</title>
  <updated>2026-05-31T07:18:15.539Z</updated>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/15/ironman-collection/</id>
    <link href="https://www.casper.tw/development/2023/10/15/ironman-collection/"/>
    <published>2023-10-14T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>大家好，我是卡斯伯老師，</p>
<p>我在 2023 年參加了 iThome 所舉辦的鐵人賽，這個比賽是連續 30 天每天都要寫一篇技術文章，系列主題名稱為：「Node.js 實戰密技與辦公室的小壞壞：即戰力釋放讓總裁的心動瞬間」，顧名思義主題會跟 Node.js]]>
    </summary>
    <title>Node.js 實戰密技大統整（套件運用、金流、第三方登入、雲服務、Docker）</title>
    <updated>2026-05-31T07:18:15.539Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <category term="traefik" scheme="https://www.casper.tw/tags/traefik/"/>
    <id>https://www.casper.tw/development/2023/10/14/traefik/</id>
    <link href="https://www.casper.tw/development/2023/10/14/traefik/"/>
    <published>2023-10-13T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/CV3pi8KQEy0" title="YouTube video player"]]>
    </summary>
    <title>在伺服器上建置 Traefik Proxy 反向代理伺服器</title>
    <updated>2026-05-31T07:18:15.539Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/11/portainer/</id>
    <link href="https://www.casper.tw/development/2023/10/11/portainer/"/>
    <published>2023-10-10T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/o7ZPkruxRbg" title="YouTube video player"]]>
    </summary>
    <title>Portainer 環境建置 - Docker 伺服器端最易上手的 GUI 管理工具</title>
    <updated>2026-05-31T07:18:15.539Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/08/ubuntu-docker/</id>
    <link href="https://www.casper.tw/development/2023/10/08/ubuntu-docker/"/>
    <published>2023-10-07T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/JocSDHOFNzw" title="YouTube video player"]]>
    </summary>
    <title>在 Ubuntu 上加入 Docker 環境並部署 Node.js 專案</title>
    <updated>2026-05-31T07:18:15.539Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/07/docker-container/</id>
    <link href="https://www.casper.tw/development/2023/10/07/docker-container/"/>
    <published>2023-10-06T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/RsY5cCc9RGM" title="YouTube video player"]]>
    </summary>
    <title>在 Ubuntu 上加入 Docker 環境並部署 Node.js 專案</title>
    <updated>2026-05-31T07:18:15.539Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/04/nodejs-github-action/</id>
    <link href="https://www.casper.tw/development/2023/10/04/nodejs-github-action/"/>
    <published>2023-10-03T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/cUmSAGtP-70" title="YouTube video player"]]>
    </summary>
    <title>使用 GitHub Action 部署 Node.js 專案至虛擬主機上</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/10/03/unbuntu-and-pm2/</id>
    <link href="https://www.casper.tw/development/2023/10/03/unbuntu-and-pm2/"/>
    <published>2023-10-02T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/e9Y4sWcwsn8" title="YouTube video player"]]>
    </summary>
    <title>Ubuntu 虛擬主機部署 Node.js 服務，使用 PM2 服務管理</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/09/29/fireabase-storage/</id>
    <link href="https://www.casper.tw/development/2023/09/29/fireabase-storage/"/>
    <published>2023-09-28T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/H4GmskFhSJQ" title="YouTube video player"]]>
    </summary>
    <title>Firebase Storage 申請設定以及 Node.js 串接方式</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/09/28/aws-s3/</id>
    <link href="https://www.casper.tw/development/2023/09/28/aws-s3/"/>
    <published>2023-09-27T16:00:00.000Z</published>
    <summary>
      <![CDATA[<div class="ratio ratio-16x9">
<iframe width="100%" src="https://www.youtube.com/embed/y12KO8XM6jw" title="YouTube video player"]]>
    </summary>
    <title>AWS S3 申請設定以及 Node.js 串接方式</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2023/09/26/newebay/</id>
    <link href="https://www.casper.tw/development/2023/09/26/newebay/"/>
    <published>2023-09-25T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>這是鐵人賽相關文章，影片會在活動開始後發布</p>
<p>藍新金流官方正式網站：<a href="https://www.newebpay.com/">https://www.newebpay.com/</a><br>藍新金流測試站：<a]]>
    </summary>
    <title>藍新金流申請以及串接方式</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <id>https://www.casper.tw/development/2022/03/10/object-for-each/</id>
    <link href="https://www.casper.tw/development/2022/03/10/object-for-each/"/>
    <published>2022-03-09T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>陣列本身具有非常多好用的迴圈方法，如：<code>forEach</code>、<code>map</code>、<code>reduce</code>、<code>find</code>…，這些方法有助於處理各種陣列的資料。</p>
<p>但實戰中，不一定所有的資料格式都]]>
    </summary>
    <title>JS 中的物件迴圈手法</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="nodejs" scheme="https://www.casper.tw/tags/nodejs/"/>
    <id>https://www.casper.tw/development/2022/01/10/install-nvm/</id>
    <link href="https://www.casper.tw/development/2022/01/10/install-nvm/"/>
    <published>2022-01-09T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>使用 NVM 已經是 Node.js 開發者必備的工具，它最大的用途在於可以輕鬆切換不同版本的 Node.js，尤其在後端的專案中，團隊需要統一的開發環境時可以精確切換到同一個 Node.js 子版本上，避免發生版本不同所發生的問題。</p>
<p>NVM 為 Node]]>
    </summary>
    <title>安裝 nvm 環境，Node.js 開發者必學（Windows、Mac 均適用）</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="css" scheme="https://www.casper.tw/tags/css/"/>
    <id>https://www.casper.tw/development/2021/10/04/css-animation/</id>
    <link href="https://www.casper.tw/development/2021/10/04/css-animation/"/>
    <published>2021-10-03T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>網頁上看到許多 CSS Animation 套效想要參考使用，但卻不知道其中的屬性各自代表什麼意思嗎？本篇將介紹 CSS Animation 的各項屬性運用技巧，並提供一個模擬工具，讓大家可以快速的了解每個屬性的意義。</p>
<h2 id="建立第一個動畫"><a]]>
    </summary>
    <title>一個工具，帶你完整認識 CSS Animation</title>
    <updated>2026-05-31T07:18:15.538Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="mac" scheme="https://www.casper.tw/tags/mac/"/>
    <category term="osx" scheme="https://www.casper.tw/tags/osx/"/>
    <id>https://www.casper.tw/development/2021/09/28/mac-osx-screen-capture/</id>
    <link href="https://www.casper.tw/development/2021/09/28/mac-osx-screen-capture/"/>
    <published>2021-09-27T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>Mac OSX 的內建截圖熱鍵相當好用，雖然看起來熱鍵組合很多，但每一個鍵都有它的組合意義，在此先附上完整的熱鍵組合表。</p>
<p><img]]>
    </summary>
    <title>Mac OSX 截圖全說明（單一視窗、全螢幕、重設截圖路徑、Touch Bar）</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="css" scheme="https://www.casper.tw/tags/css/"/>
    <id>https://www.casper.tw/development/2021/09/22/css-variables-bootstrap/</id>
    <link href="https://www.casper.tw/development/2021/09/22/css-variables-bootstrap/"/>
    <published>2021-09-21T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>在 Bootstrap 5 以後，大量導入 “CSS Variable” 的技巧，透過變數可以大幅增加 CSS 的可運用性，讓同一段程式碼透過修改變數的形式，大幅增加 CSS 的可用性，本篇將介紹 CSS 基本運用方式，以及在 Bootstrap 5]]>
    </summary>
    <title>CSS 變數必學知識 - 宣告、繼承及 Bootstrap 中的運用技巧</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="履歷" scheme="https://www.casper.tw/tags/%E5%B1%A5%E6%AD%B7/"/>
    <id>https://www.casper.tw/development/2021/09/17/resume-skills/</id>
    <link href="https://www.casper.tw/development/2021/09/17/resume-skills/"/>
    <published>2021-09-16T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>履歷中的「技能」描述是個人專業技能的主述，徵才單位會透過其內容理解求職者的能力，更重要的是透過字詞中分析對於技能的<strong>掌握深度</strong>，如果沒有善加利用，可能會造成：</p>
<ul>
<li>資深開發者：但沒有透過履歷展現出應有的深度</li>
<l]]>
    </summary>
    <title>履歷避雷技巧 - 技能描述篇</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="javascript" scheme="https://www.casper.tw/tags/javascript/"/>
    <category term="js" scheme="https://www.casper.tw/tags/js/"/>
    <id>https://www.casper.tw/development/2021/09/14/js-console/</id>
    <link href="https://www.casper.tw/development/2021/09/14/js-console/"/>
    <published>2021-09-13T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>寫 JavaScript 需要檢視運作是否正確時候，都會使用 <code>console.log</code>  來檢視輸出或運算的值，而 <code>console</code> 的運用技巧不僅僅只有將值呈現在開發的 Console 介面中。本篇就來介紹許多]]>
    </summary>
    <title>JavaScript Console 運用技巧 - 8 招讓你除錯更高效</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="css" scheme="https://www.casper.tw/tags/css/"/>
    <id>https://www.casper.tw/development/2021/09/11/css-selector/</id>
    <link href="https://www.casper.tw/development/2021/09/11/css-selector/"/>
    <published>2021-09-10T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>一個開發者對於畫面的掌控度高不高，完全都可以取決於「CSS 選取器」掌握度，無論是基本的 CSS 到 jQuery 甚至是原生的 JavaScript 都是使用 CSS]]>
    </summary>
    <title>CSS 選取器(基本篇) - CSS Selector</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="development" scheme="https://www.casper.tw/categories/development/"/>
    <category term="vue" scheme="https://www.casper.tw/tags/vue/"/>
    <id>https://www.casper.tw/development/2021/07/07/vue-summer-camp/</id>
    <link href="https://www.casper.tw/development/2021/07/07/vue-summer-camp/"/>
    <published>2021-07-06T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>現在前端所需技能越來越深，而三大框架雖然資源豐富，但對於新手來說卻也不知道如何入門，因此我們舉辦「Vue 3 夏令營」，讓更多的前端同好可以認識這門框架～</p>
<h2 id="這個活動適合哪些人呢？"><a href="#這個活動適合哪些人呢？"]]>
    </summary>
    <title>Vue 3 新手夏令營</title>
    <updated>2026-05-31T07:18:15.537Z</updated>
  </entry>
  <entry>
    <author>
      <name>Wang Casper</name>
    </author>
    <category term="life" scheme="https://www.casper.tw/categories/life/"/>
    <category term="mac" scheme="https://www.casper.tw/tags/mac/"/>
    <id>https://www.casper.tw/life/2021/06/14/why-use-mac/</id>
    <link href="https://www.casper.tw/life/2021/06/14/why-use-mac/"/>
    <published>2021-06-13T16:00:00.000Z</published>
    <summary>
      <![CDATA[<p>我在求學過程中以及剛開始接觸開發跟許多人都一樣，是使用 Windows 作為剛開始起手的作業系統。</p>
<p>但現在，我主力的開發環境轉移到了 Mac OS]]>
    </summary>
    <title>為什麼選擇使用 Mac 來進行開發</title>
    <updated>2026-05-31T07:18:15.536Z</updated>
  </entry>
</feed>
