網頁開發 Web Development-分類文章彙整。 @地瓜大的飛翔旅程第122頁

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

Posted on2020-01-092019-12-29

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

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

Posted on2019-12-192020-02-19

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

工程師之路 Learning Programming

Posted on2019-12-092023-04-22

人生走過逾四分之一後，想半途轉職成工程師時得益於無數人士相助。以下按照標籤和課程類別來呈現學習的心路歷程。線上或實體課程 Flutter [blogimove Read More …

[指南] 線上 QR Code 產生器

Posted on2019-11-232019-11-22

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

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

Posted on2019-11-172019-11-11

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

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

Posted on2019-10-182019-10-01

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

[筆記] Heroku Sequelize 佈署細節

Posted on2019-10-022019-12-09

本篇記錄下如何將 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