Category: New Post

  • Firebase Authentication Remix SSR (React)

    Firebase Authentication Remix SSR (React)

    —

    by

    Gabriel JC
    in , , , ,

    原本以為 Firebase SDK 應該很直覺可以上手，但因為真是有些太豐富了，所以我研究了兩天終於處理好使用者驗證的部分，小小做個筆記，也希望可以幫助到需要的人類。 Reference: https://firebase.google.com/docs/auth/web/start、https://firebase.google.com/docs/auth/admin 結論 先說，因為 Firebase SDKs 真的很豐富，所以如果你是使用 SSR 如 Remix，真的需要點時間上手，我光是思考流程跟研究如何使用就兩天了，而且文件雖然有互相參照但還是不太清楚，以及網路上資訊相對比較少，感覺這個時間拿去學 Passport + JWT 都超夠用。 因為我是製作 SPA，主要會用 Firebase Web SDK 以及 Admin…

  • 哥倫比亞（一）—交換申請

    哥倫比亞（一）—交換申請

    —

    by

    Gabriel JC
    in , ,

    WHY 哥倫比亞？ 哥倫比亞這個名稱想必大家不會陌生，Sony 旗下的 Columbia Picture、在紐約曼哈頓的 Columbia University、做戶外用品的 Columbia Sportswear，甚至查維基看到美國在建國前是稱 Columbia，還有 Washington D.C. 的 C 也是（哥國首都波哥大也是 D.C. 但是縮寫自 Districto Capital），哦還有紙房子的波哥大，但對於身為國家的哥倫比亞應該是非常陌生，第一印象應該是毒品或咖啡吧？ 咖啡、古柯鹼、文學、音樂、自然 食品方面除了精品手沖咖啡外，這邊應該還是世界上最大的古柯鹼產地；在影視方面除了前幾年很紅的《毒梟》外，迪士尼的《魔法滿屋》也是在說哥倫比亞的故事。 然而在國家文化中最吸引我的不是膚淺的食物，更多是音樂跟文學作品（雖然我並不是真的會研究歌詞或是文句，而且本人語文能力頗拙劣），在這個魔幻的地方除了出了很猛的魔幻寫實作家馬奎斯，就是因為他我才叫 Gabriel；另外我聽的音樂作品也有大部分是出自哥國人之手，Camilo、Morat、Sebastian Yatra、Maluma、J…

  • 三種取得免費 SSL/TLS 的方法 (Free SSL on Linux)

    —

    by

    Gabriel JC
    in , , ,

    SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS key & crt & fullchain、snap Certbot / bncert-tool、Cloudflare 代理。 reference: https://docs.bitnami.com/aws/how-to/understand-bncert/、https://www.cloudflare.com/zh-tw/、https://certbot.eff.org SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS…

  • 2024 為什麼我開始學 REMIX 而不是 NEXT.JS？

    2024 為什麼我開始學 REMIX 而不是 NEXT.JS？

    —

    by

    Gabriel JC
    in , , , ,

    這篇會介紹 Remix 的主要特色和入門知識，包含 Loader、Action、Outlet。 Reference: https://remix.run | https://nextjs.org Why Remix? Remix 的特點就是一個檔案就可以處理全端資料，Remix 會根據 function 名稱幫你決定他該在前端還是後端。以往建立一個 Application，我們必須建立 HTML/CSS/JavaScript 的前端頁面，不論是用 React/Vue/Angular 或其他函式庫或框架，然後另外寫後端 API 讓前端 Fetch，JavaScript 提供 Node.js，Python…

  • How Simple Error Handling in RemixJS V2!

    How Simple Error Handling in RemixJS V2!

    —

    by

    Gabriel JC
    in , , , ,

    This is a note to record REMIX Error Handling. CatchBoundary in REMIX v2 no longer exists, it becomes true of isRouteErrorResponse(useRouteError()). https://remix.run/docs/en/main/route/error-boundaryhttps://remix.run/docs/en/main/start/v2#catchboundary-and-errorboundary Structure In REMIX…

  • Mac 上透過 VMware Fusion 免費使用 Windows 11

    Mac 上透過 VMware Fusion 免費使用 Windows 11

    —

    by

    Gabriel JC
    in , ,

    2024 還是有部分軟體不直接支援 macOS，這邊筆記一下我怎麼使用 VMware Fusion for Personal Use 免費在 MacBook Air 13 M2 上使用 Windows 過程參考：使用 VMware 下載 Windows 11: https://www.youtube.com/watch?v=I3wPJFaWo_A使用 Parallels 下載 Windows 11:…

  • 從 Mac 修改 Windows 11 on VMware Fusion 路徑至 SSD 隨身碟

    從 Mac 修改 Windows 11 on VMware Fusion 路徑至 SSD 隨身碟

    —

    by

    Gabriel JC
    in ,

    我的小小入門 MacBook Air 的 256GB 容量剩下 5GB QQ，然後光是 VMware Fusion 裡面的 Windows 11 就有 70GB，所以ㄌㄟ ，就是要把它搬上 SSD 隨身碟嘍。 其實很簡單可以直接看 VMware: Change the File Location of…

  • [更新] 透過 WordPress 架設電商網站，並串接管理後台

    [更新] 透過 WordPress 架設電商網站，並串接管理後台

    —

    by

    Gabriel JC
    in , , , ,

    這篇稍微更新一下半年後接觸了許多前後端跟雲端運算後的想法 參見 iThome 鐵人賽文章：https://ithelp.ithome.com.tw/articles/10316189 之前在 2023 iThome 鐵人賽寫了一系列 30 篇關於 WordPress 的文章，作為開始紀錄科技學習的起點，講述從取得網域、架設伺服器、安裝 WordPress，到將 WooCommerce 訂單 Webhook 至 Ragic! 的過程。 總之如果重來一次，我會 —————————— 使用 GCP 架設伺服器 可以使用…

  • Adding Free SSL/TLS with bncert-tool on GCP WordPress

    Adding Free SSL/TLS with bncert-tool on GCP WordPress

    —

    by

    Gabriel JC
    in ,

    This is a hands-on of configuration of SSL/TLS certificate using bncert-tool in instance on Google Cloud Platform(GCP) Compute Engine using WordPress with NGINX and SSL…