前端癢癢 der

前言

最近偶然在 The Coding Train 上看到 ml5 和 p5 的教學影片，就看著教學用 ml5 + p5 玩出有趣的效果了！

廢話不多說直接上圖：

玩出上面圖片的效果以後，發現居然還可以搭配 OBS 放到 Google Meet 上面玩，讓會議上其他人看看這副模樣，所以現在就稍微來介紹一下這兩個小玩具。

另外，這篇文的靈感來源、實作很大部份都是參考 The Coding Train youtube 頻道裡的影片，大力推薦，這是個可以讓人找到寫程式快樂之處的頻道！

前言

不知道大家有沒有用過 VoiceTube 這個平台來學過英文？介面長得像是這樣：

我大概用過一次，但始終有個痛點沒辦法解決，那就是我只能用平台有提供的影片來做學習，很多影片提供的主題我偏偏就沒什麼興趣，有時候光是找自己有興趣的影片就比看影片本身花的時間還多了，哭哭。

所以即使我還蠻喜歡 VoiceTube 的介面，用起來也覺得蠻讚的，但始終就是只用了那一兩次，沒辦法長時間的使用。

但如今找到了一個很讚，我強力推薦的 Chrome Extension 了！介面跟 VoiceTube 有 87% 像以外，還解決了我之前使用的痛點。

這個 Chrome Extension 就是「Language Reactor」！

前言

這篇延續了上一篇對於 AST 的介紹，基於上篇對 AST 的理解，這篇文會開始實際使用 AST Explorer 以及 ESLint 提供的 API，實際的撰寫屬於自己專案的 ESLint Rule。

前言

AST 和 ESlint Rule 是我近期在公司技術分享的主題，AST 是我一直想去了解。但是默默就拖延沒去研究的領域；ESlint Rule 則是既然都研究 AST 了，那總該有個實際應用的例子，所以就一併放進主題中了。

AST & ESlint Rule 會分成上下兩章節，上半章節簡單介紹 AST，下半章節則是會透過兩個例子來了解 AST 在 ESlint 裡是如何被利用的，以及如何實際開發專屬自己的 ESlint Rule。

前言

最近要轉換跑道學習開發 React Native，學習的課程是 Kadi Kraman 的 React Native v2 ，寫這篇筆記的時候是學習 React Native 的第三天，不知不覺到了這個課程的結尾，算是窺探了 React Native 的冰山一角，基本的 Component、簡單的 Navigation、基本的 Form 都在這個課程學到了，未來應該還有超長的路要走，祝我自己一切順利 QQ

話說，React Native 開發上我覺得算是好理解，至少 API 可以看文件，真正讓我感受痛苦的應該是 TypeScript，常常錯誤訊息看半天還是摸不著頭緒，不禁感嘆一袋米要扛幾樓，痛苦歸痛苦，最後還是完成課程惹，感人。

初學 React Native，概念上應該會有不少錯誤，如果有誤的話也麻煩不吝指正，非常感謝！

前言

最近要轉換跑道學習開發 React Native，學習的課程是 Kadi Kraman 的 React Native v2 ，寫這篇筆記的時候是學習 React Native 的第三天，這個章節的前半部在講 Hook，算是我相對熟悉的區塊，看到熟人總是有點感動。

初學 React Native，概念上應該會有不少錯誤，如果有誤的話也麻煩不吝指正，非常感謝！

前言

最近要轉換跑道學習開發 React Native，學習的課程是 Kadi Kraman 的 React Native v2 ，寫這篇筆記的時候是學習 React Native 的第二天，App 的 navigate 和 web 差蠻多的，目前處於一個對未知領域感到有趣的心裡狀態。

目前除了 React Native 以外，還有 TypeScript 這個挑戰，因為我對於 TypeScript 沒有到很熟，常常搞 type 搞到有點心死。

初學 React Native，概念上應該會有不少錯誤，如果有誤的話也麻煩不吝指正，非常感謝！

前言

最近要轉換跑道學習開發 React Native，目前學習的課程是 Kadi Kraman 的 React Native v2 ，現在仍然是我學習 React Native 的第一天，這篇主要是關於 React Native 的基本 Components、Styling 等內容的筆記，因為是從 web 轉來寫 app 的原因，所以我都會從 web 的角度來與 app 做比較。

目前比較不習慣的地方大概是 React Native 在 flexbox 的 direction 和 web 不同，希望會越寫越習慣啦。

如果閱讀到這篇文章的話，有些章節會有 Exercise 的章節，建議跟著動手做，因為後續的章節都會藉由 exercise 來做延伸講解。

初學 React Native，概念上應該會有不少錯誤，如果有誤的話也麻煩不吝指正，非常感謝！另外我發現自己 Blog 的 code syntax highlight 很有問題，遇到 jsx 和 tsx 都會醜得不行，還請見諒，有空我會修正 der QQ

前言

最近要轉換跑道學習開發 React Native，目前學習的課程是 Kadi Kraman 的 React Native v2 ，之前完全碰過 App 的開發，所以寫這篇文的時候是我學習 React Native 第一天，主要是講講基本的 Setup，但應該會跳過 Native 的 Setup，單純只使用 Expo。

我認為這門課程適合的人：

• 會使用 React 的人
• 沒碰過 React Native 的人，而且對 React Native 有興趣

課程最終會做出一個簡單的 React Native App，功能就是可以顯示現有的調色盤、檢視調色盤的細節、彈出 Modal 新增調色盤等等。

大概就這樣，因為初學的關係，內容應該會有諸多錯誤，有誤的地方也麻煩不吝指正，感恩感恩。

前言

此為 frontend master 的 Functional-Light JavaScript, v3 的課程筆記，這篇講的是 composition，指的是如何把 function 結合，將小積木堆疊成大城堡的技巧。

內容不完全和課程編排相同，單純是個人消化過後的編排。

因為剛開始學 functional programming 的緣故，內容、觀念可能會有諸多錯誤，如有發現錯誤麻煩不吝指教，感謝！