因舊有 Heroku Cedar-14 stack 將進入 EOL。

OSX $PATH 設定路徑

1
2
3
4
5
6
7
8
9
10

# ~/.profile
# ~/.bash_profile
# ~/.bashrc
# ~/.zshrc

# /etc/profile
# /etc/paths
# /etc/paths.d

$ /usr/libexec/path_helper -s

本文僅筆記在 Google Cloud Platform 上搭配本地端 ssh 金鑰快速建立設定 Compute Engine。

如果您曾好奇為什麼在網路上搜尋到關於 Let’s encrypt 的設定有各式各樣的作法，或者想要好好的理解一下 certbot 的使用方式那麼本篇筆記就是您所需要的。

本文為使用 Rails ActiveStorage 的實作範例筆記。詳細介紹請參考Active Storage 概要，本文僅針對官方教學提供一個對照的實作記錄，如需部署至 Heroku 請參考在 Heroku 使用 Active Storage。

Create Project

1
2
3
4

# Last few parameters(--skip-* part) is only my habbit not actully required
$ rails new <project_name> --webpack=stimulus --database=postgresql --skip-coffee --skip-test
$ cd <project_name>
$ rails db:create

關於 transitions

要理解 Vue 轉場與動畫的運作，首先我們需要具備 CSS transitions 和 animations 的基本知識。
這邊我們不會完整交代所有的教學，而是重點式的節錄。

讓我們先從 transitions 開始，transitions 中文我們可以稱為轉場，其主要的意思定義 CSS 樣式產生變化時，兩者之間的轉換效果，所謂的轉換效果指的是變化的長度時間，延遲時間，時間控制函式（timing-function）。
舉例來說：

身為前端或 Javascript 的開發者我們或多或少都曾經受到 JavaScript Modules 這個巨大的概念所困擾了。
我們都想清楚的理解到底該怎麼使用這些工具以及它們到底在我們的日常開發中扮演什麼角色。

什麼是 tmux？