---
id: bd7158d8c442eddfaeb5bd19
title: ウィキペディアビューアを作成する
challengeType: 3
forumTopicId: 302360
dashedName: build-a-wikipedia-viewer
---

# --description--

**目標:** [https://codepen.io/freeCodeCamp/full/wGqEga](https://codepen.io/freeCodeCamp/full/wGqEga/) と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。

以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。

**ユーザーストーリー:** Wikipedia の項目を検索ボックスで検索し、その結果として Wikipedia の項目を参照することができます。

**ユーザーストーリー:** ボタンをクリックすることで、ランダムに Wikipedia の項目を表示できます。

ヒント #1: ランダムに Wikipedia の記事を取得するために使用できる URL はこちらです: `https://en.wikipedia.org/wiki/Special:Random`

ヒント #2: Wikipedia の API の使用に関する項目はこちらです: `https://www.mediawiki.org/wiki/API:Main_page`

ヒント #3: この[リンク](https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm)を使用して Wikipedia の API を実験してください。

完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。

[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。

# --solutions--

```js
// solution required
```