Noob Tsai

Noob Tsai

即將畢業的肥宅工程師，除了臺灣人的兩個母語以外還會說英文和 JavaScript。曾經做過全職 JS Full-stack Dev 和實習 HTML5 Games Dev；現在在努力寫文章養活自己。

https://twitter.com/noobtw7 https://www.facebook.com/chiachint
我要學會 JS(三)：callback、Promise 和 async/await 那些事兒
JavaScript,  程式

我要學會 JS(三)：callback、Promise 和 async/await 那些事兒

年前有個朋友面試，遇到了同步和非同步的問題。這幾年 JavaScript 也從 callback，慢慢演進到許多非同步的解法。

JavaScript 陣列中兩個冷門的方法：Every、Some
JavaScript,  程式

JavaScript 陣列中兩個冷門的方法：Every、Some

JavaScript 的陣列中，除了常用的 sort、map 以外，其實還有 every、some。這兩個方法好像比較不常用到，寫篇文來講講怎麼使用，跟什麼時候可以使用。

Outline VPN：輕鬆建立 VPN 的好選擇
網路,  VPN,  VPS

Outline VPN：輕鬆建立 VPN 的好選擇

Outline 是個開放原始碼的 VPN 工具，因為簡單易用，能讓大部分使用者簡單部屬並使用而聞名。一開始是為了保護新聞工作者有安全的方式存取資料，讓新聞工作組織也能輕鬆建立 VPN、安全使用網路並保持私密溝通。

解決 AJAX 沒辦法取得 CORS（跨網域存取）資料的問題
JavaScript,  JS 地下城

解決 AJAX 沒辦法取得 CORS（跨網域存取）資料的問題

取得像是開放資料這類別人的資料時，常常會遇到 CORS 問題，因此無法取得資料。這種問題除了去請原資料提供者開放 CORS 以外，還有什麼解決方法呢？

RetroPie：自製電視遊樂機，從神奇寶貝到 GTA V 都能玩
Raspberry Pi,  遊戲

RetroPie：自製電視遊樂機，從神奇寶貝到 GTA V 都能玩

以前介紹的 Moonlight，可以把 Raspberry Pi 拿來做電視遊樂器，不過它其實就是個遠端遊玩的設備，而且安裝稍微麻煩。這次介紹的 RetroPie，不但安裝簡單（大部分都在 GUI 介面可以操作完成），更內建一些模擬器，讓你不需要有其他電腦開著也能遊玩。

利用原生 JavaScript 計算各時區時間
JavaScript,  HTML5,  JS 地下城

利用原生 JavaScript 計算各時區時間

之前有介紹過 Moment.js，透過它的 moment-timezone 套件，就可以很輕易地用來計算各個時區的時間。不過今天要透過原生的 JavaScript（Vanilla JS）來試著解決這個問題。

Docker 管理術(三)：啟動容器與基本指令
Docker,  Linux

Docker 管理術(三)：啟動容器與基本指令

安裝完 Docker 以後，就可以啟動各種不同的容器來建立環境。Docker Hub 上有許多的容器可供使用，之後就算要建立自己的客製化容器，也是會以 Docker Hub 為基底為主。

Docker 管理術(二)：安裝 Docker
Docker,  Linux,  程式

Docker 管理術(二)：安裝 Docker

這篇文章會介紹怎麼在 Linux、Windows、Mac 系統上安裝 Docker

Docker 管理術(一)：為什麼要 Docker
Docker,  程式,  Linux

Docker 管理術(一)：為什麼要 Docker

Docker 是個神奇的虛擬化技術，讓你破除環境的限制，在不同機器上使用同樣的環境，協助專案開發，甚至幫助你部署專案。

ufw：簡易防火牆設置
Linux,  網路

ufw：簡易防火牆設置

Linux 上的 iptables 可能太難，我們不是專業的資安工程師，也不是什麼 Linux 老鳥。像我們這種菜鳥，還是用 ufw 就好了。這篇整理一些常用的 ufw 設定。

Pixel 3：第一支在臺灣上市的 Google 手機
開箱,  Google,  Android,  Pixel

Pixel 3：第一支在臺灣上市的 Google 手機

Pixel 3 欸，第一支在臺灣上市的 Google 手機，雖然很久沒有寫開箱，但這支值得讓我寫一篇從訂購到使用的心得。

VPN：跨區、突破網路限制的好工具
網路,  VPS,  VPN,  Google

VPN：跨區、突破網路限制的好工具

VPN 能夠讓你偽造你的 IP 進而跨區瀏覽資訊，或是透過連線保護你的資訊不被竊取，這篇文章將介紹幾種使用 VPN 的時機，並介紹幾種適合的使用方法。

Google 助理中文版，怎麼用才會更好
Google,  Android,  軟體

Google 助理中文版，怎麼用才會更好

Google 助理的中文版終於來了，這篇文章來講一些 Google 助理中文版的缺點，和部分解決辦法。

Google Assistant 中文版：如何「搶先」使用
Google,  Android,  root

Google Assistant 中文版：如何「搶先」使用

Google Assistant 中文版已經陸續更新啦，如果你的手機還沒拿到更新，但你已經躍躍欲試的話，這篇文章教你怎麼搶先使用。

一補數與二補數
作業系統,  資料結構

一補數與二補數

計算機概論中的數字系統，由於電腦都是記錄 1 和 0 兩個數字，所以會講到進位系統的轉換。而進行複雜的運算時，都是靠補數來運算，所以也會提到一補數和二補數。

Hacktoberfest 2018：貢獻開源專案拿免費 T-Shirt
Hacktoberfest,  程式,  git

Hacktoberfest 2018：貢獻開源專案拿免費 T-Shirt

Hacktoberfest 又來啦！快趁這時候登入你封塵已久的 GitHub 帳號，了解開源精神，並拿免費的 T-Shirt 吧！

我要學會 JS(二)：基本運算與結構
JavaScript,  程式

我要學會 JS(二)：基本運算與結構

來到 JavaScript 系列的第二篇，介紹 JS 在運算子、選擇結構和函式跟別人不一樣的地方。

我要學會 JS(一)：JavaScript 簡介
程式,  JavaScript

我要學會 JS(一)：JavaScript 簡介

JavaScript 是個優質的語言，當年開發它的工程師只花了十天就設計完了，過了二十幾年在前端仍有不可或缺的地位。這系列的文章會帶大家入門 JavaScript，望大家早日入坑，以一個語言就能寫完前端、後端、資料分析、機器學習、視覺化等各式各樣的作品。

Web 視覺化(四)：建立 OpenStreetMap 地圖
HTML5,  程式,  網路,  視覺化,  開放資料

Web 視覺化(四)：建立 OpenStreetMap 地圖

OpenStreetMap 是個開放的地圖，不需要被商業 API 所限制，開發者可以自由地使用。這篇文章將帶你用 Leaflet.js 建置網頁上的 OpenStreetMap 地圖。

X-Y 問題：問好問題，你可以事半功倍
程式

X-Y 問題：問好問題，你可以事半功倍

你可能遇過，有人來問你 C 語言的指標該怎麼搞懂，你開始問他學指標要幹嘛，搞了半天他只是想學做網站。要是他一開始直接問怎麼做網站，可能會簡單很多。

WebAssembly 已經可以跑 Windows 2000 作業系統了
JavaScript,  WebAssembly,  HTML5

WebAssembly 已經可以跑 Windows 2000 作業系統了

這年頭前端真是太不可思議了，已經實現把 Windows 2000 丟到網頁上跑了，還有什麼是不可能的？

學程式(一)：我想寫程式，該怎麼開始
程式

學程式(一)：我想寫程式，該怎麼開始

到了升大四的暑假，就會有一群人開始思考自己該升學還是找工作；也會有一群人開始思考，我是不是該換個工作，而其中一群人在想： 我是不是該來寫個程式？ 這篇文章告訴你寫程式該怎麼入門，或怎麼放棄。

Hyper：跨平臺的酷炫 Terminal
軟體,  macOS,  Windows,  Linux

Hyper：跨平臺的酷炫 Terminal

在 macOS 你可能會習慣安裝 iTerm2、在 Windows 你可能會習慣找 mintty 或 cmder。但 Hyper 又美又跨平臺，何不找一個通用的 Terminal（終端機）呢？

ndb：使用 Chrome DevTools 來除錯你的 Node.js
JavaScript,  Google,  Chrome,  程式

ndb：使用 Chrome DevTools 來除錯你的 Node.js

ndb 是最近 GoogleChromeLabs 開源的一個套件，讓你能夠在 DevTools 上除錯 Node.js。