---
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
```