matter.js 是什麼?

matter.js 是一個輕量級的 2D 物理引擎，它可以幫助你在網頁上製作出各種有趣的物理效果，例如碰撞、重力、彈力等等。這個物理引擎的特色在於它的易用性，只需要幾行程式碼，就可以讓你的網頁元素擁有物理效果，並且可以透過它的 API 來控制物理效果的各種參數。

前言

在ChatGPT等先進人工智能技術的崛起下，人們對於AI在日常生活中應用的關注持續上升。其中，AI家教的出現對於語言學習尤其獲得了重大突破，它極大地改變了傳統學習外語的途徑與經濟負擔。以學習日語為例，學習者不再依賴於高昂的學費與地理位置的限制來接觸到母語為日語的老師或語言交換伙伴。AI技術提供了一種新的經濟、高效的學習方式，使得無論在何時何地，學習者都能夠與AI進行互動，獲得即時反饋，並透過個性化學習計劃來加強語言能力。

OpenAI API

在了解 GPT Function calling 之前我們先來談談什麼是 OpenAI API ，OpenAI API是一個由OpenAI所提供便於開發者串接他們的服務(例如GPT-4、whisper等)的API，需要透過OpenAI申請API密鑰後才能夠使用

Firebase Cloud Functions 介紹

Firebase Cloud Functions 是 Firebase 的一項服務，能夠讓使用者在不需要考慮伺服器的情況下，建立可以在雲端執行的程式碼，並使用HTTPS或其他Firebase的服務進行調用，

簡介

隨著JavaScript在網頁開發中的使用越來越普及，TypeScript作為JavaScript的靜態超集，也開始受到越來越多的關注。TypeScript由Microsoft開發，是一種開源的程式語言，通常被稱為JavaScript的超集，它通過為JavaScript添加類型定義和其他功能來擴展JavaScript的功能。

Google Map Marker Clustering是Google Map API的延伸套件，讓Google Map的標記在數量多的情況下，自動收合，簡化顯示，避免畫面雜亂，增加使用者體驗。

身為一名對學習日文很有興趣的網頁前端工程師，總會想要了解一些相關技術的日文，於是就寫了這樣一篇文章來整理網頁的日文用語！

如果匯入到 Three.js 中的 3D 模型沒有包含動畫，又或者需要讓模型與使用者互動產生動畫效果的話，Three.js 中可以直接的操作模型的座標、位置、縮放等等，但是若要讓動畫效果更加生動流暢，則可以使用 tween.js 這個開源的動畫補間套件來達成！

讓我們來看看這如何運作，首先，在 Three.js 中建立一個簡易的環境與模型

我們在玩手機遊戲時，應該多少都有看過第一次遊玩時，一步一步教我們要點哪裡的那種導引功能吧！這次要來介紹的套件就是讓網頁能夠快速、簡易的加上這個功能的Shepherd.js套件！

Demo專案(登入後查看效果)
官方Demo

這篇文章是這個系列的下集，還沒有看過上一篇的朋友可以參考：這裡

面試

當線上課程學習到一定程度以及個人作品的累積了幾個完整的作品後，我便開始了一連串的找工作行程，不過由於這時的我還沒有經驗，所以收到的面試通知並不多，我就抱持著盡量努力嘗試的想法，開始了這些面試之旅！