Web-Dev-For-Beginners/translations/th/5-browser-extension/solution/translation/README.ja.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d",
  "translation_date": "2025-08-26T22:50:59+00:00",
  "source_file": "5-browser-extension/solution/translation/README.ja.md",
  "language_code": "th"
}
-->
# ส่วนขยายเบราว์เซอร์ Carbon Trigger: โค้ดที่เสร็จสมบูรณ์

สร้างส่วนขยายเบราว์เซอร์ที่สามารถแสดงการแจ้งเตือนบนเบราว์เซอร์เกี่ยวกับการใช้พลังงานในพื้นที่ของคุณ โดยใช้ API ของ C02 Signal จาก tmrow เพื่อช่วยติดตามการใช้พลังงานของคุณ คุณสามารถใช้ส่วนขยายนี้เพื่อช่วยตัดสินใจกิจกรรมของคุณตามข้อมูลที่ได้รับ

![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.th.png)

## เริ่มต้น

คุณจำเป็นต้องติดตั้ง [npm](https://npmjs.com) ไว้ก่อน ดาวน์โหลดสำเนาของโค้ดนี้ไปยังโฟลเดอร์ในคอมพิวเตอร์ของคุณ

ติดตั้งแพ็กเกจที่จำเป็นทั้งหมด

```
npm install
```

สร้างส่วนขยายด้วย webpack

```
npm run build
```

ในการติดตั้งบน Edge ให้ไปที่เมนู "จุดสามจุด" ที่มุมขวาบนของเบราว์เซอร์ แล้วค้นหาแผง "ส่วนขยาย" จากนั้นเลือก "Load Unpacked" เพื่อโหลดส่วนขยายใหม่ เมื่อมีการแจ้งเตือน ให้เปิดโฟลเดอร์ "dist" และส่วนขยายจะถูกโหลดขึ้นมา ในการใช้งาน คุณจะต้องมี API Key ของ CO2 Signal ([รับได้ที่นี่ผ่านอีเมล](https://www.co2signal.com/) - เพียงกรอกอีเมลในกล่องบนหน้านั้น) และ [รหัสสำหรับพื้นที่ของคุณ](http://api.electricitymap.org/v3/zones) ที่รองรับโดย [Electricity Map](https://www.electricitymap.org/map) (ตัวอย่างเช่น ในบอสตัน ใช้ 'US-NEISO')

![installing](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.th.png)

เมื่อคุณป้อน API Key และรหัสพื้นที่ในอินเทอร์เฟซของส่วนขยายแล้ว จุดสีที่แสดงในแถบส่วนขยายของเบราว์เซอร์จะเปลี่ยนไปตามการใช้พลังงานในพื้นที่ของคุณ จุดสีนี้จะช่วยบอกว่ากิจกรรมใดที่เหมาะสมกับการใช้พลังงานในขณะนั้น แนวคิดของระบบ "จุดสี" นี้ได้รับแรงบันดาลใจจาก [Energy Lollipop extension](https://energylollipop.com/) สำหรับการปล่อยก๊าซในแคลิฟอร์เนีย

---

**ข้อจำกัดความรับผิดชอบ**:  
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้