[Soft & Share 會員服務] 開源報報 278 – 用1美元的硬體把 MacBook 變成觸控式螢幕

工具

使用你的文字編輯器在瀏覽器中書寫。你在編輯器中輸入的所有內容都會在瀏覽器中即時更新（反之亦然）

• https://github.com/GhostText/GhostText

這個工具支援目前許多流行的文字編輯器 ( Vim ，VS Code … ) 必須安裝文字編輯器的外掛和瀏覽器外掛 ( 支援 Chrome 和 Firefox )

WPNbviewer是一個WordPress外掛，用於在文章中顯示jupyter筆記本。

• https://github.com/xhhuango/wp-nbviewer

nbviewer 是一個分享 jupyter筆記本的好工具。nbconvert是一個WordPress外掛，它可以將nbviewer的結果嵌入到WordPress的文章中。不過，nbconvert需要你在WordPress中新增額外的CSS，而且它的安裝需要你安裝 WPPusher。

WPNbviewer 是 nbconvert 的一個分支，但它不需要你新增額外的CSS。

Web 應用程式開發

Tabler是一個基於 Bootstrap 建構的免費開源 HTML Dashboard UI 套件

• https://github.com/tabler/tabler

我們為每一個想要基於我們預製元件建立模板的人建立了這個管理面板。我們的使命是提供一個使用者友好、清晰、簡單的管理面板，既可以用於簡單的網站，也可以用於複雜的系統。唯一的要求是基本的HTML和CSS（以及一些Liquid）知識–好處是你將能夠以最簡單的方式管理和視覺化不同型別的資料。

這個範例是使用 Tabler + React 做的 React 元件

無需使用畫布，即可輕鬆地將圖片合成在一起

• https://github.com/lukechilds/merge-images

Canvas 有時會讓人很痛苦，尤其是當你只需要一個 canvas 上下文來做一些相對簡單的事情，比如將一些圖片合併在一起。merge-images 將所有重複的任務抽象成一個簡單的函式呼叫。

你可以做

import mergeImages from 'merge-images'; mergeImages(['/body.png', '/eyes.png', '/mouth.png'])   .then(b64 => document.querySelector('img').src = b64);   // data:image/png;base64,iVBORw0KGgoAA...

基於 TailwindCSS 的個人品牌樣板。用 react 和 framer-motion 建構。

• https://github.com/itsfaqih/fama

這個程式是從 Create React App 開始開發的

簡單的動畫程式庫，為使用者提供愉悅的介面

• https://github.com/Popmotion/popmotion

Popmotion是。

• 強大的：它支援數字、顏色和複雜字串的 keyframe 和彈簧動畫。
• 低階：它被設計為可合成和可移植到任何JavaScript環境中，並著眼於未來的工作流程。
• 穩定：它是用TypeScript編寫的。測試覆蓋率超過95%。
• 小巧：animate 只有約4.5kb，而且每個函式都可以單獨匯入。

雲端和網路管理

proxy 工具瑞士小刀，用於HTTP/HTTPS流量的抓取、操縱，並可進行重放( replay )

• https://github.com/projectdiscovery/proxify

Proxy 的瑞士小刀工具，實現快速部署。支援多種操作，如請求/響應轉儲，透過DSL語言、上游 HTTP/Socks5 代理進行過濾和操作。此外，一個重放( replay ) 工具允許透過簡單地設定上游代理為proxify，將轉儲的流量（請求/響應與正確的域名）匯入到 burp 或任何其他代理中。

檢查 Kubernetes 是否按照 CIS Kubernetes基準中定義的安全最佳實踐進行部署。

• https://github.com/aquasecurity/kube-bench

kube-bench是一個Go應用程式，透過執行 CIS Kubernetes Benchmark 中記錄的檢查來檢查 Kubernetes 是否安全部署。

測試是用 YAML 檔案配置的，使得這個工具很容易隨著測試規範的發展而更新。

行動應用程式設計

適用於Android的應用程式除錯和檢查工具

• https://github.com/willowtreeapps/Hyperion-Android

Hyperion 是一個隱藏的外掛抽屜( plugin drawer )，可以輕鬆地整合到任何應用程式中。該抽屜位於應用程式下方，當你需要時，它就在那裡，當你不需要時，它就不在那裡。Hyperion 外掛的設計是為了讓你的應用程式的檢查更加快速和簡單。

詳細的功能介紹可以參考這篇 blog

嵌入式系統

用1美元的硬體把 MacBook 變成觸控式螢幕

• https://github.com/bijection/sistine

我們只用了1美元的硬體和一點電腦視覺技術，就把一台 MacBook 變成了觸控式螢幕。

詳細的製作過程可以參考這篇 blog