[App] Toolbox
網頁開發相關
Command
快速啟動 local server
# Use python
$ python -m SimpleHTTPServer 3000
# Use python3
$ python3 -m http.server 3000
# 使用 serve
$ npx serve
# Use browser-sync
$ browser-sync start --server --files '**/*.css, **/*.html, **/*.js, !node_modules/**/*' --directory --port 7777 --browser 'Firefox Developer Edition'
# ngrok
$ ngrok http 8080 -host-header="localhost:8080"
套件
| 名稱 | 類型 | 內容 |
|---|---|---|
| video.js | 影音 | 影音播放器。 |
| tus | 影音 | 一種用來作為續傳檔案的 protocol，提供 npm 套件可以使用，可搭配 Vimeo 使用。 |
| plyr | 影音 | 好看的影音播放器。 |
| echarts | 圖表 | |
| highcharts | 圖表 | 方便繪製圖表，商業使用費用昂貴。 |
| crypto-js | 加密 | JavaScript 方便用來加解密的套件。 |
| datalist-polyfill | HTML | 補足在 Safari 等瀏覽器上不能使用 HTML datalist 的情況。 |
| RecordRTC | 套件 | 根據 WebRTC 撰寫的 library |
| gitignore | 套件 | CLI Tool 快速產生 gitignore 的檔案 |
服務
| 名稱 | 類型 | 備註 |
|---|---|---|
| Wistia | 影音 | 根據上傳的影片數量和使用流量計費。 |
| Vimeo | 影音 | 根據每月可上傳的影片大小和總儲存空間計費。 |
| JWPlayer | 影音 | API 可供非商業免費使用，根據播放次數、影片數目、總儲存空間計費。 |
| serveo | 開發測試 | 直接將本機 localhost 建立一個可用的 https 網路服務，只需在 terminal 輸入：$ ssh -R <sub_domain>:80:localhost:3000 serveo.net |
| certbot | MIS | 產生 SSL 憑證，可以用 brew 安裝 |
| clipboardjs | WebAPIs | 處理網頁複製 剪下的好用工具 |
字體
| 名稱 | 類型 | 備註 |
|---|---|---|
| 思源黑體（source-han-sans） | font-family: "SourceHanSansTC-Light" | |
| Operator | font-family: "Operator Mono Lig" | |
| FiraCode | font-family: "Fira Code" | |
- 自己打包字體 nerd-fonts @ Github
- 其他適合寫程式使用的字體，可以參考這個連結：
Roboto Mono,monospaceInconsolata,Consolas,Monaco,Menlo
App
| 名稱 | 類型 | 備註 |
|---|---|---|
| UdemyDownloaderGUI | 下載 | 可用來下載 Udemy 線上課程到本機 |
| git open | CMD | 直接在 terminal 輸入 git open 即可前往該 GitHub |
| HD-Video-Converter-Factory-Pro | 影片轉檔 | 可處理影片轉檔（Windows） |
| JDownloader | 下載 | 可於後台下載檔案影片 |
| 👎 LightWorks | 影片剪輯 | 可於 Mac 上使用的影片剪輯軟體 |
| MacX Video Converter Pro | 影片轉檔 | 可用於將 4k 影片轉檔（減少小米偏紅情況），下載 youtube 影片 |
| medium unlimited | Chrome Extension | 可以在登入狀態下，繼續暢讀 Medium 文章 |