36 lines
2.3 KiB
Markdown
36 lines
2.3 KiB
Markdown
---
|
|
id: bd7158d8c442eddfaeb5bd1f
|
|
title: Twitch JSON API を使用する
|
|
challengeType: 3
|
|
forumTopicId: 19541
|
|
dashedName: use-the-twitch-json-api
|
|
---
|
|
|
|
# --description--
|
|
|
|
**目標:** [https://codepen.io/freeCodeCamp/full/Myvqmo](https://codepen.io/freeCodeCamp/full/Myvqmo/) と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
|
|
|
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
|
|
|
**ユーザーストーリー:** freeCodeCamp が現在 Twitch.tv にストリーミングしているかどうかがわかります。
|
|
|
|
**ユーザーストーリー:** ステータス出力をクリックすると、freeCodeCamp の Twitch.tv チャンネルに直接移動することができます。
|
|
|
|
**ユーザーストーリー:** ストリーミング中の Twitch ユーザーがストリーミングしているものについて、詳細を見ることができます。
|
|
|
|
**ヒント:** Twitch.tv の JSON API について関連するドキュメントはこちらです: <https://dev.twitch.tv/docs/api/reference/#get-streams>
|
|
|
|
**ヒント:** 定期的にストリーミングする人の Twitch.tv ユーザー名の配列は次のとおりです: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
|
|
|
|
**更新:** API の使用状況の変化によって、Twitch.tv は API キーを必要としますが、私達は回避策を作りました。 Twitch API の ベース URL (すなわち、`https://api.twitch.tv/helix`) の代わりに <https://twitch-proxy.freecodecamp.rocks/> を使用することで、API キーにサインアップしなくても、アカウント情報を取得できます。
|
|
|
|
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
|
|
|
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|