---
id: bd7158d8c442eddfaeb5bd10
title: 現在地の天気を表示する
challengeType: 3
forumTopicId: 302368
dashedName: show-the-local-weather
---

# --description--

**Objective:** Build an app that is functionally similar to this: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank" rel="noopener noreferrer nofollow">https://codepen.io/freeCodeCamp/full/bELRjV</a>.

**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。

**ルール #2:** 下記のユーザーストーリーを満たし、すべてのテストを成功させてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のアレンジを加えましょう。

**ユーザーストーリー:** 現在地の天気を見ることができます。

**ユーザーストーリー:** 天気によって決まるアイコンあるいは背景画像 (雪山、暑い砂漠など) を見ることができます。

**ユーザーストーリー:** ボタンを押して華氏と摂氏の間を切り替えることができます。

**注:** 多くのインターネットブラウザーは現在、HTML5 Geolocation 経由でユーザーのロケールを取得するために、HTTP セキュア (`https://`) 接続を必要とするようになっています。 For this reason, we recommend using HTML5 Geolocation to get user location and then use the freeCodeCamp Weather API <a href="https://weather-proxy.freecodecamp.rocks/" target="_blank" rel="noopener noreferrer nofollow">https://weather-proxy.freecodecamp.rocks/</a> which uses an HTTP Secure connection for the weather. Also, be sure to connect to <a href="https://codepen.io" target="_blank" rel="noopener noreferrer nofollow">CodePen.io</a> via `https://`.

完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。

You can get feedback on your project by sharing it on the <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">freeCodeCamp forum</a>.

# --solutions--

```js
// solution required
```
