程式語言 Programming Language-分類文章彙整。 @地瓜大的飛翔旅程

[筆記] Vue.js & Node.js 專案初始化筆記

Posted on2019-12-012019-11-30

這篇主要是筆記下如何快速的在本機端生成一個 Vue.js 的專案，並結合 Bootstrap 和 Node.js 二者來產生一個前後端兼備但卻彼此分離的網路應用 Read More …

[筆記] 在 Google Map 上顯示多個地標位置

Posted on2019-11-302019-11-29Leave a comment

當串接 Google Map 的 API 時，若要在一張地圖上顯示多個標記點的話，可以結合 Geocoder 和 Google Map 的 Code 來達成。 Read More …

[筆記] 寫於 CSS 背景圖片路徑如何設定透明度

Posted on2019-11-212019-11-16Leave a comment

若你的背景圖片是使用 CSS 寫入路徑的，那麼如何調整其圖片透明度呢？這篇既載一下其操作方法。示範程式碼 [crayon-5de988e608f0e04286 Read More …

[IT技術30篇挑戰] 資料結構和演算法實作 DAY3 – 堆疊

Posted on2019-11-192019-11-15Leave a comment

堆疊式一個遵循LIFO(Left In First Out)後進先出的原則。在現實中就有點像是堆在桌上的書，越上方的(後放)會越先被拿走。不過 JavaScri Read More …

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

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

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

[IT技術30篇挑戰] 資料結構和演算法實作 DAY2 – 陣列

Posted on2019-11-042019-11-11Leave a comment

這回從基礎的陣列開始。陣列是資料結構中最常見，也最方便存取的一種模式，幾乎各個程式語言都有。不過若要追加、刪除數據的話，就會比較費時。若不巧要從一個共有n項的陣 Read More …

[IT技術挑戰] 資料結構和演算法實作 DAY1 – JavaScript 環境建置

Posted on2019-10-312019-10-26Leave a comment

IT 邦已經推出了11屆的幫忙鐵人賽，我認為是一個非常適合逼自己專注於習得某項技能基礎的好方式。於是乎，就手刀購入了一本網路上很經典的 JavaScript 資 Read More …

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

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

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

[筆記] Git 分工寫 Code 必備指令

Posted on2019-10-122019-09-24Leave a comment

在實際演練 Git 的分工合作時，趁著印象還深刻的時候，記錄一下可能會發生的情境、指令使用和圖像化工具協助你釐清現在的專案狀況。前置作業以普遍使用的 Git Read More …

[筆記] Sequelize NodeJS 專案初始化筆記

Posted on2019-10-092019-09-20Leave a comment

本篇記錄下 AlphaCamp 第四學期的重頭戲之一，與他人一同打造類 Twitter 專案的過程。同時，這也是記錄如何從無到有打造一個專案的過程。一、專案規 Read More …

[筆記] Heroku Sequelize 佈署細節

Posted on2019-10-022019-09-20Leave 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