第 56 期 - 史蒂夫和戴夫也想學的程式交易框架 — BBGO

Created on 2020-11-24

本週專欄

史蒂夫和戴夫也想學的程式交易框架 — BBGO

BBGO 是一套用 Golang 開發的開源程式交易框架，它讓不會寫程式的一般使用者可以無腦地使用它來進行程式交易，而有撰寫交易程式相關經驗的人則可以使用它來運行自己喜歡的交易策略，對於程式交易有興趣的人千萬不要錯過！讀完就距離財富自由更進一步了XD

星巴哥作者群開箱！

Starbugs 星巴哥技術週刊邁入一週年的里程碑，感謝大家的支持。未來的一年星巴哥想要讓大家看到更多元的內容，提供大家更多優質的原創文章，因此最近我們邀請了幾位優質的寫作者加入星巴哥的行列，以後在週刊上也會看到作者群撰寫的優質原創文章。

本週來介紹第四位寫作者 Jenny ！！

Jenny 畢業於台大外文系，目前任職於 PicCollage，其所發佈的技術文章以英文為主，，而且不管是很硬的網路底層觀念技術，抑或是應用服務端的測試開發，她都有所涉略，並用平易近人的文字來說明複雜的觀念技術；很開心可以邀請她加入 Starbugs 技術專欄，讓 Starbugs 更進一步邁向國際化！

「外文系畢業的後端工程師，認為寫扣該像寫文章一樣優雅，refactoring 是淨化心靈的過程。目前靠 Ruby 吃飯，也用新歡 Elixir 寫過專案幾許。文章主題看心情決定，TDD，concurrency，cache 是最近研究的題目。座右銘有幾許，其一是：我不寫 CSS。」 - by Jenny

[Security] SSL — HTTPS 背後的功臣

本篇文章會從 SSL 基礎概念談起，介紹 SSL 背後原理、相關名詞介紹（包含 TLS, CA, chain of trust, OpenSSL）、 OpenSSL 實際操作、與 SSL 憑證種類。開始吧！

前端開發

10 Inspiring Ideas for Your Next Front-End Project

登愣~~好像很久沒有分享 Idea 類的文章了，作者列出了十個非常非常有趣（而且很神）的幾個畫面，其中最讓我驚豔的就是會把你滑鼠偷走的小人和用 CSS 刻成那唯妙唯俏的照片了 😂

Avoiding impossible state with TypeScript

在 JavaScript 中，因為沒有明確的類型以及介面的定義，常常會有傳入的值不符合函式需求的狀況產生，即使你曉得，你也沒辦法讓你團隊的所有人在看到該函式的時候都馬上知道如何使用，而本篇文章使用 React 組件的範例，介紹該如何利用 TypeScript 來解決此一問題。

CSS GUIDE: The Art of Naming (Save hrs for debugging)

是一篇滿有趣的命名議題，在使用 JavaScript 命名時習慣會使用駝峰式，但如果是 CSS 就會是在各個單字中間用 - 或 __ 連結，所以有些人員看見 class 名稱為 siteNavigation 時，就會想把它改為 site-navigation，但是這麼一來就有可能會導致有些操作 DOM 的 JavaScript 出現問題，面對這個狀況，本篇的作者如何解決呢？

React.JS

6 Reasons to Use React Hooks Instead of Classes

React Hook 已經出來好一段時間了，如果還不知道 Hook 好用在哪裡的話，可以參考參考這篇，跟以往 Class based 的寫法比起來真的簡潔很多

Having Fun With React’s Renderer

這篇文章分析了 React 的 parent 跟 children 之間在 render、useEffect 還有 cleanUp 時的執行順序，而且他的圖很可愛XD，如果對 React Hook 已經有基本的熟悉度，想更進階一點可以看看這篇

Creating CLI with React

ink 是一個基於 React renderer 的 library，他讓你可以用幾乎跟 React 一樣的語法來寫 CLI 工具，而且因為 Component 可以是 Stateful 的，所以可以做的變化也多了很多

SEO

做好 SEO 的方法百百種，最簡單的方法就是砸錢進去，透過 Google Ads 就可以瞬間讓自己的網站排名到最前面，但這真的是個好的做法嗎？可能短期的企劃案很適合畢竟要達到短期高曝光的效果，但畢竟不是每個人都這麼有錢，所以接下來就來推薦幾篇可以幫助網站的 SEO 方法吧！

Progressive Web App

如果說 Google Ads 是有錢人在玩的，那 PWA 肯定就是給市井小民在玩的，由於我們脫離不了 Google 的掌心，因此最快能達到 SEO 的效益不外乎就是利用 Google 自家的服務，PWA 就是個很好的方法，現在很多新聞網都是利用這個技術達到讓自家的新聞可以排在搜尋排行榜的前三名，到底 PWA 要怎麼設計呢？相信大家看完這篇文章就知道了。

語意化標籤是個非常重要的觀念，由於現在前端切版越來越方便，透過 flexbox 或 grid 就可以產生各式各樣的樣板出來，也因為這樣的便利性讓越來越多的前端工程師只專注於 <div> 這個標籤而忽略了其他的標籤，比較新手的前端工程師可能只會覺得這些語意化標籤只是多帶幾個預設樣式進去而已，但其實不只這樣，這些語意化標籤可以大大的讓你的網站 SEO 加分，未來開發網站時不妨可以多加些語意化標籤進去，除了方便開發者閱讀之外同時也增加了 SEO 真是一舉兩得阿XD

Breadcrumbs麵包屑

麵包屑的設計可以讓 SEO 大大的加分，自所以可以加分的原因就是因為當 Google 在爬蟲的時候，如果有麵包屑的設計就可以更快的知道上一頁是哪裡，至少知道網站整體的操作以及進入流程，這會讓 Google 在進行爬蟲的時候可以更快的知道要如何製作索引讓頁面可以更快速的被抓取出來，尤其是電商很常出現這樣的設計就是為了讓 SEO 更好。

DevOps

k0s — Yet Another Kubernetes Distro !!

k0s 是上週剛發佈的 K8s Distribution, 就像 Ubuntu, CentOS 是 Linux Distribution 的概念一樣，K8s 果然正在往越來越成熟穩定的方向前進中；而此 Distribution 最大的特色在於他只有一個 164 MB 的 Binray 檔案，並且跟作業系統沒有任何的相依性，不管在 Master 或是 Worker 節點都只要運行他即可，聽起來要部署他真的好方便！

Kyverno, a New CNCF Sandbox Project, Offers Kubernetes-Native Policy Management

Policy as Code 又多了新的生力軍 Kyverno 加入 CNCF Sandbox，跟最近開始比較多人提到的 OPA (Open Policy Agent) 最大的不同在於它使用 YAML 或是 JSON 格式的檔案來定義 Policy，而 OPA 需要使用一個叫做 OPA 的語言來達成，感覺應該會有各自的優缺點，不過有競爭就是好事，期待越來越多社群資源投入這個領域

Introducing another free CA as an alternative to Let’s Encrypt

以往提到免費的 TLS Certificate 解決方案，大家腦海中馬上浮現的名稱應該都是 Let’s Enctypt，這幾天看到另外一個叫做 ZeroSSL 也想要做一樣的事情，一樣可以提供 90 天的免費 Certificate，提供給大家另外一個選擇性

StarBugs Weekly

StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@Kyle老莫 - 無法忍受自己一天不進步的熱血社會菜雞。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。

Curators:

@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

@GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
@Larry850806 - 我是 Larry，傳說中的 0.1 倍工程師！
@LukaTW - 一名全身都是死角的工程師。
@smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。

Feedback

本週呈現主題方式做了一些改變，希望讓讀者能夠更快速精準的找到自己要的資訊。也加入社群活動這個區塊，每週更新社群活動的資訊。如果有任何建議，歡迎私訊星巴哥技術週刊 FB 粉絲專頁與我們聯繫。