電子報 PUA 搭訕課程與做生意的關聯 這篇電子報會來聊聊今年做的一個大嘗試,去學習並且實際演練搭訕這件事情,還有我從這件事情中領悟到關於做生意的真諦。昨天在跟一個朋友聊天我了解到一件事情,原來搭訕跟培養做生意的能力之間的學習曲線是如此接近。
電子報 吸引力法則,內觀、氣功和相思湯 前幾篇電子報有提到我今年的目標是「找回身體和心與大腦的連結」,然後今年就開啟了一系列滿特別的旅程,很像是一種「吸引力法則」的感覺,而且發生的事情往往有點超越我邏輯能夠理解的範圍,所以簡單記錄下來。
電子報 2023 目標、運氣與長期短期主義 談談 2023 的計畫,以及簡單聊聊最近看到一本好書 "The Almanack of Naval Ravikant: A Guide to Wealth and Happiness " 中對於運氣的看法,還有我最近對於長期短期主義的想法,最後最精彩的是這週發現超級多非常實用有意思的資源,一定要看到最後,那就讓我們開始吧!
電子報 關於近況,還有電子報未來的方向 Hi 這是電子報的第一封信,訂閱這封信的人或多或少是我的朋友圈,雖然有新認識的也舊友,但總體而言可能都未必知道我的近況,在正式開始之前先來聊聊近況,我會簡單概述一下從大學至今的發展,還有為什麼開始想要做電子報。
AI 工具 AI 研究日誌 3 在這篇文章中,我分享了關於「Mem」這款筆記軟體的使用體驗。Mem 是由 OpenAI 投資,它可以一鍵筆記所有平台的資訊並用 AI 進行分類。我最初是在 Twitter 上看到有人使用它來自動總結資訊,這引起了我的興趣。
AI 工具 AI 研究日誌 2 在這篇文章中,我介紹了三個不同的AI應用:首先是「Speak」,一款使用OpenAI最新模型的英文學習app,它模擬真人對話,提供逐步遊戲化學習。接著是「ChatGPT for YouTube」,這是一款可以在YouTube旁生成總結的插件,非常適合追蹤最新技術演講的重點。最後,我探索了「Tome」,一個能夠自動擴充產生簡報內容的線上工具,儘管初期使用上有些挑戰,但它顯著提高了我的工作效率。
AI 工具 ChatGPT 的 Prompt 用法優化 在這篇文章中,我會分享如何精確地使用問答技巧來優化ChatGPT的回應效果。我了解到,指定具體的資訊數量和使用正向的表述方式比起否定限定來得更為直接有效。此外,我還發現讓模型逐步思考問題的重要性,這樣做可以幫助它更準確地解答那些複雜的問題。
AI 工具 AI 研究日誌 1 在這篇文章中,我探索了三個有趣的工具,旨在提高網絡效率和創造力。首先是「ReaderGPT」,一款基於GPT-3的瀏覽器插件,儘管速度稍慢,但能有效整理各種語言的網頁重點。接著是「Bing Image Creator」,這是一款基於DALL-E模型的圖片生成工具,它免費且操作簡單,適合快速創建圖片。最後,我試用了「Clipdrop」,這個工具提供了多種圖像處理功能,包括去背景和調整光源,非常適合專業圖像處理需求。
寫程式 ReactDOMServer 搭配 Express 和 Esbuild 實作 Server Side Rendering (SSR) 在這篇文章中,我介紹了服務器端渲染(SSR)的基本概念及其與客戶端渲染(CSR)的比較。我詳細說明了SSR在提高頁面載入速度、改善SEO和用戶體驗方面的優勢。此外,我還探討了如何在Express環境中設置SSR,包括如何使用ReactDOMServer將React組件渲染成字符串,並將其嵌入HTML中返回給瀏覽器。
寫程式 [新手淺談] Three.js 的解題技巧:入門及簡單專案實作,手把手帶你兩分鐘做出可放上履歷的專案 在這篇文章中,我介紹了如何使用 Three.js 庫來創建和渲染 3D 圖形。我展示了從基本安裝到場景設置,再到加入照明和材料的過程,以及如何進行動畫和交互控制。
寫程式 部署 Express 專案到 AWS EC2,並設定 Nginx 跟取得 SSL 憑證 在這篇文章中,我詳細介紹了AWS的基礎知識,包括金鑰對、私鑰檔案格式、安全組的功能及其入站和出站規則的區別。我探討了RSA和ED25519金鑰類型的差異,解釋了.pem和.ppk私鑰檔案格式的不同,並說明了AWS安全組如何作為虛擬防火牆保護AWS資源。此外,我還講述了Amazon Machine Image和不同AWS實例類型的重要性,這些知識對於在AWS環境中有效管理和部署資源至關重要。
寫程式 [手把手導入專案] Cypress E2E 自動化測試:核心觀念與使用指南 Cypress 是 E2E 測試的測試工具,之所以被稱為 E2E 測試(端對端測試 End-to-end testing)在於其能撰寫腳本在最終端模擬使用者的操作行為,並確保頁面的功能符合產品設計的故事線,其他流行的 E2E 測試框架還有 Protractor、Selenium、Nightwatch…等。
寫程式 Next.js 13 升級功能:Turbopack、 file-based routing,React Server Components 在這篇文章中,我詳細探討了 Next.js 13 的三個重大升級:使用 Turbopack 的打包工具、基於文件的路由系統以及無痛的 React Server Components。我解釋了 Turbopack 如何提供比先前工具更快的打包速度,以及新的路由系統如何允許更靈活的文件組織。此外,我還介紹了如何更輕鬆地在 Next.js 中使用 React Server Components,這大大簡化了開發過程並提高了效率。
寫程式 六個 React 常見可優化的用法的解題技巧 在這篇文章中,我探討了六個常見的 React 優化技巧,幫助開發者避免常犯錯誤並提升應用性能。例如,當不需要即時取得輸入值時,使用 useRef 代替 useState 可以避免不必要的渲染;理解 setState 的異步特性和使用上一狀態的重要性;以及正確使用 useMemo 來避免因引用類型更新導致的額外渲染。這些技巧不僅提高了代碼的效率,也加深了對 React 內部工作機制的理解。
寫程式 快速在 mac 安裝 mongoDB 在這篇文章中,我分享了如何在 Mac OS 上安裝 MongoDB 的詳細步驟。首先,從 MongoDB 官方網站下載適合的版本並將其解壓至 /usr/local 目錄。接著,創建數據存放和日誌記錄的資料夾。此外,我還介紹了如何設定快速啟動的配置文件和環境變數,以便在任何地方使用終端機輕鬆啟動 MongoDB。最後,提供了必要的安全設置,確保從外部下載的檔案能夠在 Mac 上順利運行。這些步驟旨在幫助用戶快速且正確地在自己的 Mac 上配置 MongoDB 環境。
寫程式 React 中快速安裝建置 Redux 託管全域變數 Redux 就是用來託管全域變數,好處是當你的專案有很多層的 Component 時不用上下層把資料傳來傳去,即使現在簡單的專案我們會使用其他更小型簡單的套件或 hook(如 useContext)去實現這個需求,但其概念大多雷同。
寫程式 [LeetCode 核心演算法] Sliding Window 是什麼?最精簡解題技巧與常見題目 在這篇文章中,我介紹了滑動視窗(Sliding Window)這一常用於解決字串和陣列問題的演算法技巧。滑動視窗(Sliding Window)通過靈活調整子序列的起始和結束位置,以達到在線性時間內找到符合特定條件的最長或最短子序列的目的。此方法特別適合處理需要連續資料存取的情景,如數組、鏈表或字符串等。
寫程式 資料結構: Linked List(串列)的解題技巧 在這篇文章中,我介紹了鏈結串列(Linked List),這是一種由節點組成的線性資料結構。我比較了鏈結串列與陣列的特性,並展示了如何使用 JavaScript 實作鏈結串列,包括基本操作如新增和刪除節點。此外,我還探討了鏈結串列的不同類型,如單向、雙向和迴圈鏈結串列,並提供了相關的程式設計問題解答。
寫程式 [LeetCode 核心演算法]Two Pointer: 低空間複雜度,最精簡解題技巧與常見題目 在這篇文章中,我探討了 Two Pointer 技巧,這是一種用於處理陣列、字符串或連結列表等線性數據結構的算法。通過兩種類型的指針——左右指標和快慢指標,我們可以有效解決諸如合併排序、尋找和判斷回文等問題。這種方法不僅提高了效率,還減少了額外的空間使用,使空間複雜度降低至接近 O(1)。
寫程式 LeeCode: Hashing 類型筆記的解題技巧(Easy) 在這篇文章中,我分享了 LeetCode 上與哈希表相關的 Easy 類型題目,以及解題時常用的方法,例如使用 ES6 的 Map 物件、將陣列或字串轉為易於查找的物件等。這些技巧不僅提高了解題效率,還幫助於深入理解哈希表的應用,從而提升解決問題的能力。
寫程式 網頁在 Client-Server 架構下的設計的解題技巧 在這篇文章中,我探討了網頁在 Client-Server 架構下的設計,著重於三種主要的服務器:Web Server、Application Server 和 Database Server。這些服務器如何交互運作,不僅支援靜態和動態內容的輸出,還處理來自前端的請求並進行數據存取。通过這些基本概念的介紹,希望能幫助大家更好地理解現代網頁應用的後端架構。
寫程式 ES6: 用 Promise 處理非同步問題的解題技巧 透過 Promise 處理非同步操作,可確保事件完成後再執行。我們會在 Promise 建構函式中使用 resolve 或 reject 來控制執行流程。當執行非同步事件時,Promise 會維持 pending 狀態,直到事件完成並呼叫 resolve 成為 fulfilled 或因錯誤而呼叫 reject 成為 rejected。使用 then、catch、finally 來處理 Promise 的結果,以確保非同步操作的正確性和時序。
寫程式 ES7: 用 Async/Await 處理非同步問題的解題技巧 在這篇文章中,我們探討了如何使用 ES7 的 async/await 來處理非同步問題。透過 async 聲明異步函式和 await 暫停異步函式的執行,可以使非同步操作以近似同步的方式進行,這不僅提升了程式的可讀性,也使錯誤處理變得更加直觀。此外,示例中展示了如何利用 try...catch 處理異步操作中可能出現的錯誤,保證異步邏輯的完整性和穩健性。通过学习 async/await,開發者可以更有效地管理和維護異步程序。