指南 Guide-分類文章彙整。 @地瓜大的飛翔旅程

[指南] 簡單製作自己的 Google 套件 (Extension)

Posted on2020-01-152020-01-02

Google Extension 套件是一個依附在 Google Chrome 瀏覽器上的小工具。它本身其實就是一個簡易的 JavaScript, CSS, H Read More …

[筆記] CSV 檔匯入 PostgreSQL 常見錯誤一覽

Posted on2020-01-142019-12-27Leave a comment

每當要匯入 .csv 的檔案進入 PostgreSQL 時，由於其對於大小寫、格位都非常敏感的關係，常常會報錯誤。在匯入其他 SQL 所生成的資料庫匯出檔時，請 Read More …

[筆記] 使用 PGAdmin 操作 Heroku 上的 PostgreSQL

Posted on2020-01-132019-12-27Leave a comment

Heroku 上的 PostgreSQL 要操作的話，可以透過 PGAdmin 這套圖形化介面軟體來操作遠端上的資料庫。不過在設定和操作上有一些常見的誤區，在這 Read More …

[筆記] FlatIcon 免費非商業使用的向量圖示圖庫

Posted on2020-01-092019-12-29Leave a comment

前一些日子在開發 Google Extension 外掛的時候，常有各式大小圖示(Icon)的需求。這個 FlatIcon 提供了 png 和 svg 兩類主要 Read More …

[筆記] 2020 前端工程師面試全記錄

Posted on2019-12-192020-01-17Leave a comment

從課堂完課到面試環節，就是要補上不熟悉、似是而非的基礎知識的時刻。如果有些題目答不出來，扣除掉完全沒念過的可能，那就是你根基和邏輯沒打穩、外加刷題不夠多囉。以 Read More …

工程師之路 Learning Programming

Posted on2019-12-092020-01-20Leave a comment

當人生走完將近四分之一，想半途轉職成工程師，一路上得益於無數人士相助。以下按照標籤和課程類別來呈現學習的心路歷程。 AlphaCamp 課程 [blogimov Read More …

[指南] 線上 QR Code 產生器

Posted on2019-11-232019-11-22Leave a comment

在寫Blog、做簡報和報告的時候，常常會有需要使用 QR Code 的情形。這個網站所提供的免費 QR Code 生成器算是佛心、好用的生成器，而且還可以客 Read More …

[筆記] 台灣縣市二聯式選單 tw-city-selector.js

Posted on2019-11-172019-11-11Leave a comment

最近的專案中，正巧需要給使用者填寫地址。那麼一個友善的表單，有個基本的縣市下拉式選單是很常見的(通常還會帶有郵遞區號3碼)。秉持著若已經有人造好輪子，那就不一定 Read More …

[筆記] Node.js 在 Windows 上的開發環境建置

Posted on2019-10-182019-10-01Leave a comment

這篇文章記載下於 Windows 上建置開發 NodeJS 相關應用的環境過程和步驟。操作步驟 [crayon-5e2c9dd68ed47561066879/ Read More …

[筆記] Heroku Sequelize 佈署細節

Posted on2019-10-022019-12-09Leave a comment

本篇記錄下如何將 SQL 關聯式資料庫佈署到 Heroku 上的步驟與心得。操作步驟

// 1. Heroku 指定的資料庫是用 PostgreSQL，故先用 npm 安裝相關套件
npm i pg
// 2. 調整 config/config.json 的設定
 "production": {
    "use_env_variable": "DATABASE_URL",
    "dialect": "postgres",
    "protocol": "postgres",
    "dialectOptions": {
        "ssl": true
  }
// 3. 建立 heroku 專案
heroku create
// 4. 佈署到 heroku，在這一步若你的 git 存放位置和 package.json 不同，會導致佈署失敗。
git push heroku master
// 5. 專案啟動
heroku ps:scale web=1
// 6. 在 heroku 上產生資料庫
heroku addons:create heroku-postgresql:hobby-dev
// 7. 在 heroku 的資料庫內生成假資料
heroku run npx sequelize db:seed:all