Sep 7, 2019

開發好幫手: ngrok

最近在開發 Chrome Extension,在測試 Content Script 時遇到一個小問題,因為目標網站是走 HTTPS,導致發出的請求也必須是 HTTPS,不然就會被擋下來。mkcert我的作業系統是 Windows 10,看完 README,想像中 mkcert 會幫你產生憑證並且讓瀏覽器信任。但是事情總是沒有想像的美好,憑證是產生了,掛上 Nest.js 也順利跑起來,但是瀏覽器還是跳不信任憑證的警告......ngrok網路上有很多教學,huli 大大的這篇有很詳細的解釋,用就對了。

Sep 6, 2019

Fiddler v5 顯示 Server IP

Fiddler v5 顯示 Server IP

Steps找到右手邊的 FiddlerScript搜尋 static function Main() {3. 加上這一行FiddlerObject.UI.lvSessions.AddBoundColumn("ServerIP", 120, "X-HostIP");4. 重啟 FiddlerReferencehttps://www.cnblogs.com/kakaln/p/8206924.html

Sep 6, 2019

Parcel Sass/SCSS Starter

parcel-scss-starter# parcel-scss-starter ## Quick Overview ### Clone project ``` git clone [email protected]:0t2/parcel-scss-starter.git ``` ### `npm start` or `yarn start` Runs the app in development mode. ### `npm run build` or `yarn build` Builds the

Sep 5, 2019

VS Code 相關(隨時更新)

VS Code 相關(隨時更新)

電腦重灌好麻煩 設定同步 Settings Sync 字型 FiraCode Noto Sans CJK TC Windows 底下解壓縮,找到 otf 資料夾,全選後右鍵安裝 Git 剩下套件和設定慢慢補上~ Fork 不想再下指令啦~ Typora 清爽好用的 Markdown Editor

Sep 4, 2019

當 Puppeteer 遇上 TypeScript

當 Puppeteer 遇上 TypeScript

漫畫 一直都是用這個網站看漫畫,但是用手機看有時候都會點到廣告,真的很煩。加上不定時的網路不穩,想看卻沒得看,乾脆寫一個簡單的程式先抓好漫畫,放到自己的主機(主機表示: 我很閒),快又方便(應該吧!) 萬事起頭難 計畫後端會用 NestJS + Puppeteer 來抓圖,然後預計會有 OOXX▲▲ 的功能......喔!離題了,先別想太多,不然拖延症又要發作(這個想法已經有好幾年了...) 先準備開發 Puppeteer 的環境吧!下一步是網頁解析~ git clone --depth=1

Sep 3, 2019

React 16.9 初學之路

React 16.9 初學之路

1. 入門 Tutorial: Intro to React 先對 React 有個基本的 fu 2. 複習 & 加深印象 Guide to main concepts React JS Crash Course - 2019 跟著影片動手做 3. 最近很夯的 React Hooks Introducing React Hooks 重要的觀念

Sep 2, 2019

Nest + TypeORM + SQLite 快速上手

Nest + TypeORM + SQLite 快速上手

安裝 & 啟動 $ npm i -g @nestjs/cli $ nest new nest-typeorm-sqlite $ cd nest-typeorm-sqlite $ npm run start:dev $ npm install @nestjs/typeorm typeorm sqlite3 app.module.ts import { Module } from '@nestjs/common'; import

Aug 31, 2019

Notepad++ 自動暫存

Notepad++ 自動暫存

最近關掉 Notepad++ 時,總是會跳出 "您要儲存「 new 1」 嗎?"的提示,但我印象中之前都會自動存起來阿。好煩阿,我就是先丟著晚點看阿設定=>偏好設定=>備份=>啟用工作階段快召集定期備份就算電腦當機,也有救啦!ReferenceAuto save of unsaved files

Aug 30, 2019

Ubuntu 18.04 建立 & 修改 Swap

Ubuntu 18.04 建立 & 修改 Swap

現在都是用 docker-compose 來上程式,最近把寫好的 Dockerfile 丟上 VPS 打包時,常常 npm build 到一半就掛掉,時好時壞。查了一下發現原來是記憶體爆掉了,但想到平時 CPU 跟硬碟都只用到幾趴,,不想因為偶爾的 OOM  就升級,只好加個 swap 將就一下啦(反正 NVMe 很快)。目前用的是這個方案,聽起來很厲害的 High Frequency Compute。步驟如下sudo swapon

Aug 29, 2019

透過 Bash 自動建立 Vultr Snapshot - 2

透過 Bash 自動建立 Vultr Snapshot - 2

在上一篇文章中,SUBID 是手動取得,我很懶,希望能把這個動作也寫進 script,未來有其他台機器要備份,只要稍作修改就可以套用了。希望做到的功能是:1. 取回 server list 後,透過 label 去將我要備份的 SUBID 找出來2. 再透過 SUBID 進行備份這邊需要用到 jq 來協助我們解析 json。安裝 jqsudo apt-get install jq Result#!/bin/bash

Aug 28, 2019

React + TypeScript + Parcel 快速上手

React + TypeScript + Parcel 快速上手

commandmkdir react-number-game cd react-number-game npm init -y npm i parcel-bundler --save-dev npm i react react-dom @types/react @types/react-dom mkdir src index.html<!DOCTYPE html> <html lang="en"> <