2022-01-21 01:00:18 +05:30
|
|
|
---
|
|
|
|
|
id: bd7158d8c442eddfaeb5bd10
|
|
|
|
|
title: 現在地の天気を表示する
|
|
|
|
|
challengeType: 3
|
|
|
|
|
forumTopicId: 302368
|
|
|
|
|
dashedName: show-the-local-weather
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# --description--
|
|
|
|
|
|
|
|
|
|
**目標:** <https://codepen.io/freeCodeCamp/full/bELRjV> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
|
|
|
|
|
|
|
|
|
**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。
|
|
|
|
|
|
|
|
|
|
**ルール #2:** 以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
|
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 現在地の天気を見ることができます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
|
|
|
|
**ユーザーストーリー:** 天気によって決まるアイコンあるいは背景画像 (雪山、暑い砂漠など) を見ることができます。
|
|
|
|
|
|
|
|
|
|
**ユーザーストーリー:** ボタンを押して華氏と摂氏の間を切り替えることができます。
|
|
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**注:** 多くのインターネットブラウザーは現在、HTML5 Geolocation 経由でユーザーのロケールを取得するために、HTTP セキュア (`https://`) 接続を必要とするようになっています。 このため、HTML5 Geolocation を使用してユーザーの場所を取得し、それから HTTP セキュア接続を使用して天気情報を取得する freeCodeCamp の Weather API <https://weather-proxy.freecodecamp.rocks/> を使用することをお勧めします。 また、必ず `https://` 経由で [CodePen.io](https://codepen.io) に接続してください。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
|
|
|
|
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
|
|
|
|
|
|
|
|
|
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
|
|
|
|
|
|
|
|
|
# --solutions--
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
// solution required
|
|
|
|
|
```
|
