程式 - Noob's Space

程式, http, Linux, tmux

cht.sh：在指令介面就查到程式該怎麼寫

身為一個工程師，就是一天到晚在看不同的程式語言、不同的環境，偶爾這個專案用這個語言、那個專案用那個套件，常常會需要上網查該怎麼做才好。這次介紹的 cheatsheet，讓你可以不用離開 terminal 就查到想找的說明。

程式, JavaScript, API, 開放資料

TDX：運輸資料流通服務，以 JS 串接公車等待時間為例

TDX運輸資料流通服務平臺，是交通部為落實智慧運輸政策而制定的資料整合服務平臺。平臺上可以取得「公共運輸整合資訊」，包含公車、火車、自行車等等資訊，也可以取得「即時路況與停車資訊」，例如高速公路路況、高速公路看板上的資訊、各縣市停車場剩餘車位數等等。TDX 平臺也提供了路段編碼、圖資定位等服務，例如輸入經緯度得到這個地點的路名、輸入地址取得經緯度服務等等，基本上所有跟交通有關的 API 服務都整合起來了。

程式, 演算法

WebAuthn：網頁上使用指紋、安全金鑰來認證

現在安全性越來越講究了，很多網站都開放使用二步驟驗證，甚至可以使用實體的安全金鑰；而手機端許多也支援指紋認證，不需要一直輸入密碼就能安全登入。這篇文章會來討論這些東西大概是怎麼做的。

怒挑幾篇, 軟體, 程式, 開放資料, JavaScript, React, Linux

怒挑幾篇(5)：要期末了，論文寫到哪裡了？

論文還沒寫完，專案也還沒寫完，倒是一個禮拜又過去了。

怒挑幾篇, 程式, 開放資料, Linux

怒挑幾篇(3)：在公司裡能不能寫 Side-project？

智財權糾紛要學好啊，不然真的遇到就只能請律師了！

怒挑幾篇, JavaScript, 程式, 機器學習, 開放資料, Google

怒挑幾篇(2)：JSON.parse(AI.result)

順利產出第二個禮拜的內容了，繼續往下個禮拜邁進。

Chromebook, ChromeOS, 程式, Linux

在 Chromebook 上安裝 VS Code + 中文輸入法

一般 Chromebook 安裝的是 Chrome OS，所謂的雲端原生作業系統。打開後就是一個 Google Chrome 瀏覽器，身為一個程式設計師，要怎麼在上面安裝 Visual Studio Code，隨時隨地打程式碼呢？

程式, JavaScript

前端修練精神時光屋的動畫是怎麼做出來的？

還記得之前的活動「The F2E - 前端修練精神時光屋」嗎？我們在活動中期製作了一個匯集每位 UI 設計師投稿的作品牆，而這些東西是怎麼做出來的呢？

鐵人賽, 程式

鐵人賽最後一天，邁向後端之路還能怎麼走？

終於到最後一天了，我們這組的鐵人賽也即將到今天告一段落。來統整一下鐵人賽系列文章到底寫了哪些，再講些未來可以努力的方向。

鐵人賽, JavaScript, 程式, React

前後端渲染以外，前後端驗證有什麼不同？

昨天講了前後端渲染的差別，其實除了渲染以外，許多像是驗證的動作也是在前端、後端都可以做的。這篇來講講在前後端驗證有什麼不一樣。

鐵人賽, 程式, JavaScript, 軟體

Ngrok：讓本機測試時也能有 HTTPS 憑證

前端在本機測試時，通常已經不至於直接點開 HTML 檔案，而會搭配 webpack-dev-server 等套件做測試；後端也可以使用 nodemon 等套件測試，但預設的網址通常都是 http://localhost:3000，要怎麼加上 HTTPS、甚至讓別人也能看到呢？

鐵人賽, 程式, API, 網路, http

API 實作(五)：用 DevTools 查看 HTTP 封包

寫完 API 以後通常會用 postman 去測試，但是實際放到前端去呼叫以後可能還是會有一些沒抓到的問題，這時候 Chrome 的 DevTools 就可以協助你解決這種問題。

鐵人賽, Linux, VPS, Database, 程式, JavaScript

API 實作(四)：實際串上 MongoDB 資料庫

之前有提過，MongoDB 的 Schema-less 特性、加上 BSON 結構很適合拿來用 Node.js 寫個 Side-project，所以今天要拿之前的 API 範例，實際串上 MongoDB 資料庫。

鐵人賽, VPS, Linux, 程式, JavaScript, Database

MongoDB：開源、好上手的 NoSQL 資料庫

MongoDB 是個開源的 NoSQL 資料庫，由於你不需要花很多時間先制定每張資料表要長怎樣、畫出 ER Model，因此不管是用來做 Side-project，還是用來塞大量資料都很適合。

鐵人賽, VPS, JavaScript, 程式, Linux

使用 pm2 管理 Node.js 服務

把服務部屬到主機後，如何讓服務保持執行，甚至在主機重開機後都會自動執行呢？通常我們會用 pm2 來管理 server 上的 Node.js 服務。

鐵人賽, 程式, JavaScript, API, http, 網路

API 實作(三)：以 Postman 測試 API

寫完 API 以後，要怎麼確定 API 是符合文件、符合預期的呢？除了用瀏覽器寫表單慢慢測、或是用 curl 工具測試以外，還有更直覺簡單的方法：Postman。

鐵人賽, 程式, JavaScript, http, 網路, API

API 實作(二)：以 Koa 實作 RESTful API

透過 Koa 來寫 Web 框架，很輕鬆就可以寫出一個 RESTful API。這篇會示範如何以 koa-router，寫一個簡單具有 CRUD 功能的 RESTful API。

鐵人賽, 程式, JavaScript, http, 網路

Koa.js：簡單好用的 Web 框架

這幾年 JavaScript 已經不只可以寫前端，也可以寫後端程式。如果說要用 JS 來寫後端程式，第一個我會推薦 Koa.js。

程式, 字型

Cascadia Code：又一個適合寫程式的連字字型

寫程式時除了酷炫的 IDE 介面和深色主題以外，一個良好的編輯器字型也能提升寫程式的效率。

鐵人賽, JavaScript, 程式, Linux

nvm：快速安裝、切換不同版本的 Node.js

nvm 可以用來安裝 Node.js，如果有需求測試不同版本的話，也可以安裝多種版本、隨時切換不同版本的 Node.js。

鐵人賽, Linux, 程式

操作 Linux 的基本技巧

有了 WSL 後，就可以開始學習一些基本的 Linux 指令了。這篇文章的面向是給使用 WSL 的 Windows 使用者，所以不會講得太難。

鐵人賽, Linux, VPS, 程式

WSL：Windows 使用者也能有個像樣的指令介面

大部分的後端工程師，都使用 Linux 指令來操作伺服器。雖然 Windows 也有內建 Powershell 可以下指令，但是絕大部分好用的指令工具還是都做在 Linux 平臺為主，在 Windows 上執行這些指令不是一件容易的事。這時，WSL 就可以協助你在 Windows 上快速執行 Linux 指令。

JavaScript, React, PWA, 精神時光屋, 程式

用 create-react-app 快速打造 Progressive Web App

PWA 很棒，但 PWA 好像不好做？這篇帶你用很夯的前端框架 React 打造 Progressive Web App！

JavaScript, 程式, 視覺化, 網路

Chart.xkcd：畫出手寫漫畫風的圖表

平常要畫圖表的時候，應該會使用開源的 Chart.js 來畫互動式圖表。但是在跟大家長的一樣的圖表、或是自己加 CSS 之間做取捨，或許可以考慮用 Chart.xkcd 來畫出卡通樣式、手寫風的圖表。

程式, http, API

API 實作(一)：規劃 RESTful API 要注意什麼

RESTful API 是常常看到的一種 API 風格。不管是手上有一批資料要讓別人存取，或是要設計前後端分離的系統，好的 API 讓你事半功倍。