钥匙符号

了解「验证」和「授权」的差别

验证(Authentication)与授权(Authorization)是存取控制中两个常被混淆的概念,背后分别代表两种问题:你是谁?你被允许做哪些事?同时也将介绍几种常见的授权模式,例如 RBAC 与 ABAC 管理授权。

早餐土司符号

从网页演进看 Jamstack 如何解决传统架构的痛点

要了解 Jamstack 架构解决什么问题,需要先回顾网页演变的历史,从静态档案到动态伺服器渲染再到客户端渲染,Jamstack 的核心概念是强调预先生成静态页面并解耦商业逻辑与内容,以提高网站效能、弹性与安全性。适合大多数动态资料不多的网站。

移動方塊

通过渐变伪元素淡入淡出可滚动内容

近期预览我的线上履历时发现阅读体验有点生硬,甚至最糟的情况下会裁到文字行间,导致没有任何提示指明可以继续往下滑动,这篇文章描述如何透过 CSS 伪元素达成卷动元素淡入的样式。这个样式我应用于自己的线上履历或 CodePen 范例可以参考看看。

手指移动符号

实作可拖动 DOM 元素增添网站互动与趣味性

最初是看到 Glitch 网站 图示像冰箱磁铁可以随意挪动的功能觉得充满趣味,背后是使用 react-draggable 套件制作。不过考虑到速度与维护性,部落格不打算因为一页特效就引入额外套件,所以从头用 DOM API 手刻了相关功能。

数据库符号

设置 Drizzle ORM 连接 Postgres 为例

单纯透过 SQL 与关联式资料库直接沟通,可能会带来开发效率与安全性的问题,因此挑选一款合适的 ORM 多一层抽象是常见的选择,而 Drizzle ORM 是我最常使用也是接触 ORM 的起点。它在 TypeScript 生态中有出色支援,虽然相对新颖,但社群活跃,值得一试。

代码方框符号

初学 Docker 并轻松构建 Postgres

刚接触后端时我还不清楚如何有效重现服务供其他开发者使用,直到遇见 Docker 才大幅简化各种设施的维护与重现的工作,是一项非常高回报的实用技能,本篇从实做角度透过 Docker 建构 Postgres 服务,了解它的便捷快速。

文件夹符号

与关系数据库对话:SQL vs SQL Builder vs ORM

开发网站无可避免的会和关联式资料库打交道,而互动的方式有三种:SQL、SQL Builder、ORM。这三者有着不同的使用方式、优缺点与适用场景,了解它们的差异能帮助我们做出更适合专案需求的技术选择。分享我在 Node.js 的学习经历。

公文包

挑战改善 104 人力银行网站清单载入体验

近期很频繁使用到台湾最知名的求职平台:104 人力银行,其中个人资料选单的体验有潜在的问题值得挖掘。就目前 104 的体验对我来说没什么好抱怨的,就是最少这个 `0` 如果能改成 `-` 或 `载入中` 代表无资料都清楚得多阿!就和 `0` 与 `null` 一样,它们相近的意义是不同的。

合作符号

有效面對冲突的方式:不同意但致力

在团队中冲突是不可避免的,发现遇到太多次需要解释对于团队冲突的看法:「不同意但致力(Disagree and Commit)」,所以特别重复习一次并写成文章推广。 1. 鼓励讨论 2. 设立决策停损点 3. 不要事成定局后,方才提出意见或办法。

游戏控制器符号

有限与无限游戏看待电子阳痿

为了厘清自己电子阳痿或对事情提不起兴趣的念头,一直回忆起某天偶然读到一本书的推荐《有限与无限的游戏》,里面提到世上有两种游戏的概念发现对于梳理看待「游戏观」是有帮助的。不幸的是,时间确实在流逝。时间飞快地流逝。过去在增加,未来在减少。可能性在减少,遗憾在增加。

翻译符号

多语言网站当中的 hreflang 是什么?

在打造多语系网站时,许多人会关注翻译的准确度或切换体验,但往往忽略了一个对 SEO 非常关键的设定:`hreflang`。正好最近把部落格和个人网站模板的多语系都调整完成,它们都是需要重视 SEO 的静态内容网站类型,其中的经验我纪录于这篇文章当中。

雲打勾符號

使用 Docker 在 AWS EC2 上建构 Minecraft 服务器

Minecraft 是一款全世界最有名的沙盒游戏,早些年和朋友一起游玩这款游戏时连线的方式还是于个人电脑区域网路(LAN)连线,使用 Hamachi 模拟区域网路达成连线,但很明显有各式各样的局限性。这篇文章探讨藉由不同的技术(AWS EC2、Docker)实现快速自建 MC 伺服器的目的。

检测性能符号

自建 Lighthouse 服务器实现持续监控网站最佳实践

在先前的文章提到如何使用 Lighthouse 这款工具监控前端大大小小的最佳实践,例如:效能、SEO、适用性……等能被客观测量比较的数值,虽然很方便但你可能会希望自架 Lighthouse 服务,以便实现:搜集与管理自己的隐私资料、持续性监控同个网站的检测资料、减少依赖第三方伺服器服务。

工具箱符號

设置 Uptime Kuma 监控服务在线状态

随着服务增多也出现了维护上的困难,要如何知道自己与第三方的伺服器有好好在运作?可以额外再开设一个伺服器再去专门监控其他伺服器的状态,而 Uptime Kuma 就是一款开源免费的监控工具。我用它来监控所有对外的服务确保在第一时间出问题或服务时好时坏时能得知并着手修理,算是一个简单但实用的好工具,展开监测服务的第一步。