---
id: bd7158d8c442eddfaeb5bd1f
title: Twitch JSON API を使用する
challengeType: 3
forumTopicId: 19541
dashedName: use-the-twitch-json-api
---

# --description--

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

The Twitch API is a RESTful API that lets developers build creative integrations for the broader Twitch community.

以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 Use whichever libraries or APIs you need. あなた独自のアレンジを加えましょう。

**User Story:** I can see whether freeCodeCamp is currently streaming on Twitch.tv.

**User Story:** I can click the status output and be sent directly to the freeCodeCamp's Twitch.tv channel.

**User Story:** If a Twitch user is currently streaming, I can see additional details about what they are streaming.

**ヒント:** 定期的にストリーミングする人の Twitch.tv ユーザー名の配列は次のとおりです: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`

**更新:** API の使用状況の変化によって、Twitch.tv は API キーを必要としますが、私達は回避策を作りました。 Use <a href="https://twitch-proxy.freecodecamp.rocks/" target="_blank" rel="noopener noreferrer nofollow">https://twitch-proxy.freecodecamp.rocks/</a> instead of Twitch's API base URL and you'll still be able to get account information, without needing to sign up for an API key.

完了したら、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
```
