Tagged

程式

A collection of 81 posts

TDX:運輸資料流通服務,以 JS 串接公車等待時間為例
程式JavaScriptAPI開放資料

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

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

WebAuthn:網頁上使用指紋、安全金鑰來認證
程式演算法

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

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

在 Chromebook 上安裝 VS Code + 中文輸入法
ChromebookChromeOS程式Linux

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

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

前端修練精神時光屋的動畫是怎麼做出來的?
程式JavaScript

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

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

鐵人賽最後一天,邁向後端之路還能怎麼走?
鐵人賽程式

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

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

前後端渲染以外,前後端驗證有什麼不同?
鐵人賽JavaScript程式React

前後端渲染以外,前後端驗證有什麼不同?

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

Ngrok:讓本機測試時也能有 HTTPS 憑證
鐵人賽程式JavaScript軟體

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

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

API 實作(五):用 DevTools 查看 HTTP 封包
鐵人賽程式API網路http

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

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

API 實作(四):實際串上 MongoDB 資料庫
鐵人賽LinuxVPSDatabase程式JavaScript

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

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

MongoDB:開源、好上手的 NoSQL 資料庫
鐵人賽VPSLinux程式JavaScriptDatabase

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

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

使用 pm2 管理 Node.js 服務
鐵人賽VPSJavaScript程式Linux

使用 pm2 管理 Node.js 服務

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

API 實作(三):以 Postman 測試 API
鐵人賽程式JavaScriptAPIhttp網路

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

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

API 實作(二):以 Koa 實作 RESTful API
鐵人賽程式JavaScripthttp網路API

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

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

Koa.js:簡單好用的 Web 框架
鐵人賽程式JavaScripthttp網路

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

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

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

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

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

nvm:快速安裝、切換不同版本的 Node.js
鐵人賽JavaScript程式Linux

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

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

操作 Linux 的基本技巧
鐵人賽Linux程式

操作 Linux 的基本技巧

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

WSL:Windows 使用者也能有個像樣的指令介面
鐵人賽LinuxVPS程式

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

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

用 create-react-app 快速打造 Progressive Web App
JavaScriptReactPWA精神時光屋程式

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

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

Chart.xkcd:畫出手寫漫畫風的圖表
JavaScript程式視覺化網路

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

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

API 實作(一):規劃 RESTful API 要注意什麼
程式httpAPI

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

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

任何能被 JavaScript 改寫的軟體,都終將被 JavaScript 改寫
JavaScript程式

任何能被 JavaScript 改寫的軟體,都終將被 JavaScript 改寫

Atwoods Law: "Any application that can be written in JavaScript will eventually be written in JavaScript. 任何能被 JavaScript 改寫的軟體,都終將被 JavaScript 改寫。