Noob Tsai

Noob Tsai

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

tpm:tmux 套件管理員
鐵人賽tmux

tpm:tmux 套件管理員

tmux 是個管理終端機 session 的神器,你可以在 Terminal 裡面分割視窗、切換分頁,而且這些動作只要使用鍵盤,就算你的 Putty 本身不支援分頁也可以使用。

GitHub Codespaces:有瀏覽器就可以操作的 IDE
鐵人賽gitGitHub

GitHub Codespaces:有瀏覽器就可以操作的 IDE

如果對 Vim 還是覺得很難上手,或是對 Command Line 指令還是有點畏懼的話,像 GitHub Codespaces 這樣的線上編輯器可能是你的好夥伴!

GitHub CLI:用指令就能開 issue、發 PR
鐵人賽gitGitHub

GitHub CLI:用指令就能開 issue、發 PR

用 Vim 在終端機裡寫程式,寫完了要推到 GitHub 上發 PR,丟給其他人審查。這個時候非得打開瀏覽器不可嗎?你可以考慮使用 GitHub CLI。

emmet.vim:快速打出 HTML 語法,也支援 JSX 語法
鐵人賽vim

emmet.vim:快速打出 HTML 語法,也支援 JSX 語法

emmet 是個讓你快速打出 HTML 語法的小工具,它使用了類似 CSS Selector 的語法,讓你快速打出你要的 HTML 語法。emmet.vim 則幫 Vim 編輯器加上了這個功能。

Vim-gitgutter:快速查看本次 commit 新增了什麼
鐵人賽vim

Vim-gitgutter:快速查看本次 commit 新增了什麼

你曾注意過 VS Code 左邊的顏色標記嗎?如果你有啟用 Git 追蹤的話,其實你新增、刪除或編輯某一行,都會有對應的顏色標記。Vim-gitgutter 可以讓你的 Vim 也有這個功能。

Syntastic:在 Vim 中檢查 JS 語法錯誤
鐵人賽vim

Syntastic:在 Vim 中檢查 JS 語法錯誤

寫程式就是不斷的 debug,要是有一些顯而易見的語法錯誤可以直接被編輯器抓出來就好了。現在 VS Code 等編輯器都會先幫你抓出一些簡單的語法問題,Vim 也可以透過 Syntastic 達到這個效果。

vim-airline:幫 Vim 新增一條狀態列
鐵人賽vim

vim-airline:幫 Vim 新增一條狀態列

VS Code 的下方有一條狀態列,可以看到目前到在哪個 branch、在第幾行編輯等等。Vim 也可以透過安裝 vim-airline 來達到類似的效果。

Vundle:管理 vim 套件的工具
鐵人賽vim

Vundle:管理 vim 套件的工具

Vundle 是個可以管理 Vim 套件的工具。只需要輸入套件的名字、儲存,Vundle 就會自動安裝,可以很方便的管理。

用 Vim 在 Chromebook 上開始工作吧
鐵人賽Chrome OSChromebookvim

用 Vim 在 Chromebook 上開始工作吧

帶著 Chromebook 到外面寫 Code 應該用什麼樣的工具?這篇文章告訴你為什麼 Vim 戰勝雲端編輯器和 VS Code 編輯器。

Chromebook 可以安裝其他作業系統嗎?
鐵人賽ChromebookChrome OS

Chromebook 可以安裝其他作業系統嗎?

Chromebook 內建 Powerwash 功能,可以一鍵回覆到原廠設定;就算你不慎把系統搞爛了,也可以到 Google 官網下載重灌用的 USB 隨身碟製作工具。那我可以在 Chromebook 上安裝 Windows 或其他作業系統嗎?

在 Chromebook 上開啟 Office 文件
鐵人賽OfficeChromebookChrome OS

在 Chromebook 上開啟 Office 文件

出門在外,老闆突然丟了一份 Word 請你幫他改,帶著 Chromebook 出門的你,接下來該怎麼辦呢?

Crostini:在 Chromebook 執行 Linux 應用程式
鐵人賽Chrome OSChromebook

Crostini:在 Chromebook 執行 Linux 應用程式

Android 和 Chrome OS 一樣都是基於 Linux 的作業系統,但是由於安全性問題,通常並不能開放 root 權限或太多 Linux 指令,避免不小心或刻意把系統改爛。而 Crostini 則是讓 Chrome OS 可以完整執行 Linux 應用程式的方法。

6 個在 Chromebook 中必裝的應用程式
鐵人賽ChromebookChrome OSPWA

6 個在 Chromebook 中必裝的應用程式

Chromebook 價格漂亮而好入手、機型輕巧而便於攜帶。那平常拿 Chromebook 有什麼必裝的應用程式呢?

Chromebook 能做什麼?在 Chrome OS 上寫程式的經驗談
鐵人賽Chrome OSChromebookChrome

Chromebook 能做什麼?在 Chrome OS 上寫程式的經驗談

在疫情期間大家都開始推便宜的 Chromebook,有越來越多不同廠商的機器可以選擇,不到一萬塊就能買一部精美的 Chromebook 了。究竟 Chromebook 除了拿來上網、做遠距教學以外還能幹嘛?

EaseUS Todo Backup:備份的好工具
軟體

EaseUS Todo Backup:備份的好工具

常做備份是一件重要的事情,而且備份不只是把東西複製一份出來,要怎麼做「異地」備援,更是備份的基本要素。不然你把東西從桌面的資料夾A複製到資料夾B,等到你硬碟掛了不就一起死掉了?

用微軟 Office 會被綁架?談資料綁架與開放
開放資料WindowsHTML5Markdown

用微軟 Office 會被綁架?談資料綁架與開放

我國的國發會推廣開放文件格式(OpenDocument Format,ODF)已經行之有年了,不只政府文件開始要求不要使用 Microsoft Office 的 Word 格式,許多大學也訂定 KPI 要求各系所文件要掛上 ODF 格式、PDF 格式等。這樣才不會被微軟綁架,導致政府、學術機關每年都得繳交龐大的軟體授權費。

怒挑幾篇(1):邊寫專案邊動架構,喝杯 JavaScript 咖啡
怒挑幾篇JavaScript開放資料

怒挑幾篇(1):邊寫專案邊動架構,喝杯 JavaScript 咖啡

一直想找個機會開始,整理一些不錯的文章起來,也逼迫自己看文章。擇日不如撞日,就今日吧。怒挑幾篇創刊啦!

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

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

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

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

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

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

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

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

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