💻 Chromebook 能做什麼？在 Chrome OS 上寫程式的經驗談
🔗 https://noob.tw/chromebook/
🔗 https://ithelp.ithome.com.tw/articles/10234776

💻 6 個在 Chromebook 中必裝的應用程式
🔗 https://noob.tw/must-have-chromebook-app/
🔗 https://ithelp.ithome.com.tw/articles/10235028

💻 Crostini：在 Chromebook 執行 Linux 應用程式
🔗 https://noob.tw/crostini/
🔗 https://ithelp.ithome.com.tw/articles/10235202

💻 CrossOver：在 Chrome OS 上跑 Windows 軟體
🔗 https://noob.tw/crossover/
🔗 https://ithelp.ithome.com.tw/articles/10235355

💻 在 Chromebook 上開啟 Office 文件
🔗 https://noob.tw/office-on-chromebook/
🔗 https://ithelp.ithome.com.tw/articles/10235748

💻 Chromebook 可以安裝其他作業系統嗎？
🔗 https://noob.tw/chromebook-custom-os/
🔗 https://ithelp.ithome.com.tw/articles/10236038

💻 用 Vim 在 Chromebook 上開始工作吧
🔗 https://noob.tw/why-vim/
🔗 https://ithelp.ithome.com.tw/articles/10236327

我是真的在 Chromebook 上都用 Vim 寫 code，不是唬爛的 XD

💻 Vundle：管理 vim 套件的工具
🔗 https://noob.tw/vundle/
🔗 https://ithelp.ithome.com.tw/articles/10236501
#鐵人賽 #IT鐵人賽 #iT邦幫忙鐵人賽 #Chromebook #ChromeOS

💻 vim-airline：幫 Vim 新增一條狀態列
🔗 https://noob.tw/vim-airline/
🔗 https://ithelp.ithome.com.tw/articles/10237283
#鐵人賽 #IT鐵人賽 #iT邦幫忙鐵人賽 #Chromebook #ChromeOS

Syntastic：在 Vim 中檢查 JS 語法錯誤
🔗 https://noob.tw/vim-syntastic/
🔗 https://ithelp.ithome.com.tw/articles/10238089
#鐵人賽 #IT鐵人賽 #iT邦幫忙鐵人賽 #Chromebook #ChromeOS

Vim-gitgutter：快速查看本次 commit 新增了什麼
🔗 https://noob.tw/vim-gitgutter/
🔗 https://ithelp.ithome.com.tw/articles/10238748

emmet.vim：快速打出 HTML 語法，也支援 JSX 語法
🔗 https://noob.tw/emmet-vim/
🔗 https://ithelp.ithome.com.tw/articles/10239582

GitHub CLI 正式版發佈啦！現在發 PR、檢查 GitHub Actions 的狀態都可以在 Terminal 上就做完。

💻 GitHub CLI：用指令就能開 issue、發 PR
🔗 https://noob.tw/gh-cli/
🔗 https://ithelp.ithome.com.tw/articles/10240215

然後，GitHub 的 H 是大寫

今天星期天，暫時不要挑戰 Vim 吧。

💻 GitHub Codespaces：有瀏覽器就可以操作的 IDE
🔗 https://noob.tw/github-codespaces/
🔗 https://ithelp.ithome.com.tw/articles/10240910

你說你沒有 GitHub Codespaces 可以用？那架一個啊！
💻 Code-server：在瀏覽器上執行雲端 VS Code
🔗 https://noob.tw/code-server/

💻 tpm：tmux 套件管理員
🔗 https://noob.tw/tmux-tpm/
🔗 https://ithelp.ithome.com.tw/articles/10241450

💻 3 個 tmux 常用的套件
🔗 https://noob.tw/tmux-plugins/
🔗 https://ithelp.ithome.com.tw/articles/10242008

💻 Tmux 的使用情境：遠端訓練 AI 不停機、邊寫程式邊除錯
🔗 https://noob.tw/tmux-scenario/
🔗 https://ithelp.ithome.com.tw/articles/10242779

企業都很擔心 Web App 的黏著度不夠高，認為原生應用程式才能佔據使用者的手機桌面。但是原生應用程式開發相對困難，但 Hybrid App 的效能又不足，好幾層轉換使得應用程式反應變慢，降低使用者體驗。既然沒辦法佔據手機的桌面，那就佔據大家每天都會打開的聊天工具吧！Chatbot 因此竄紅，不過似乎也經過一兩年就退燒了，那 PWA（Progressive Web Apps） 究竟又解決了什麼問題？

💻 為什麼你會需要 PWA 應用程式，原生不好嗎？
🔗 https://noob.tw/why-pwa/
🔗 https://ithelp.ithome.com.tw/articles/10244746

▌延伸閱讀
💬 Chatbot 開發前的那兩三事(一)：你真的需要聊天機器人嗎？
🔗 https://noob.tw/chatbot-introduce-1/

還記得 PWA 的 P 是 Progressive 嗎？這個 Progressive 是只不管使用者使用哪個瀏覽器都應該可以正常瀏覽，並採用所謂的漸進增強（Progressive Enhancement） 原則。
🎨 PWA 介面設計：先認識 RWD 設計
🔗 https://noob.tw/pwa-rwd/
🔗 https://ithelp.ithome.com.tw/articles/10245186

▌Day 26
🏠 透過 Lighthouse 檢查是否符合 PWA 標準
🔗 https://noob.tw/lighthouse/
🔗 https://ithelp.ithome.com.tw/articles/10248135

▌Day 25
📏 PWA：用 DevTools 來檢查螢幕大小和網路速度
🔗 https://noob.tw/devtools-net-speed/
🔗 https://ithelp.ithome.com.tw/articles/10247637

▌Day 24
⚡️ PWA：用 Manifest 定義 App 的名稱
🔗 https://noob.tw/pwa-manifest/
🔗 https://ithelp.ithome.com.tw/articles/10247076

▌Day 23
🎨 PWA：Service Worker 在網頁關掉之後還會繼續跑
🔗 https://noob.tw/pwa-service-worker/
🔗 https://ithelp.ithome.com.tw/articles/10246508

▌Day 22
🎨 PWA 體驗設計：介面以外，看不到的還有更多
🔗 https://noob.tw/pwa-ux
🔗 https://ithelp.ithome.com.tw/articles/10245424