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