You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "b121a279a6ab39878491f3e572673515",
"translation_date": "2025-08-23T23:37:40+00:00",
"source_file": "5-browser-extension/README.md",
"language_code": "ja"
}
-->
# ブラウザー拡張機能の作成
ブラウザー拡張機能を作成することは、アプリのパフォーマンスについて考えながら、異なる種類のウェブ資産を構築する楽しく興味深い方法です。このモジュールでは、ブラウザーの仕組みやブラウザー拡張機能のデプロイ方法、フォームの作成、APIの呼び出し、ローカルストレージの使用方法、ウェブサイトのパフォーマンスを評価して改善する方法について学びます。
Edge、Chrome、Firefoxで動作するブラウザー拡張機能を作成します。この拡張機能は、特定のタスクに特化したミニウェブサイトのようなもので、[C02 Signal API](https://www.co2signal.com)を使用して指定された地域の電力使用量と炭素強度を確認し、その地域のカーボンフットプリントを示すデータを返します。
この拡張機能は、ユーザーがAPIキーと地域コードをフォームに入力することで、アドホックに呼び出すことができます。これにより、地域の電力使用状況を把握し、ユーザーの電力使用に関する意思決定に影響を与えるデータを提供します。例えば、地域の電力使用量が高い時間帯には、衣類乾燥機（ ）
### トピック
1. [ブラウザーについて ](1-about-browsers/README.md )
2. [フォームとローカルストレージ ](2-forms-browsers-local-storage/README.md )
3. [バックグラウンドタスクとパフォーマンス ](3-background-tasks-and-performance/README.md )
### クレジット
## クレジット
このウェブカーボントリガーのアイデアは、MicrosoftのGreen Cloud Advocacyチームのリードであり、[Green Principles](https://principles.green/)の著者であるAsim Hussainによって提供されました。元々は[ウェブサイトプロジェクト](https://github.com/jlooper/green)として始まりました。
ブラウザー拡張機能の構造は、[Adebola AdeniranのCOVID拡張機能](https://github.com/onedebos/covtension)に影響を受けています。
「ドット」アイコンシステムのコンセプトは、カリフォルニア州の排出量を対象とした[Energy Lollipop](https://energylollipop.com/)ブラウザー拡張機能のアイコン構造に触発されました。
これらのレッスンは[Jen Looper](https://www.twitter.com/jenlooper)によって♥️を込めて書かれました。
** 免責事項**:
この文書は、AI翻訳サービス [Co-op Translator ](https://github.com/Azure/co-op-translator ) を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知ください。元の言語で記載された文書が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤解釈について、当方は一切の責任を負いません。
