chore(i18n,learn): processed translations (#44851)
This commit is contained in:
camperbot
GitHub
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7156d8c242eddfaeb5bd13
|
||||
title: freeCodeCamp フォーラムのホームページを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302349
|
||||
dashedName: build-a-freecodecamp-forum-homepage
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/JqdoMV> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** freeCodeCamp フォーラムの、最新の投稿の一覧を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 各トピックについて、タイトルと、最近投稿したユーザーへのリンクの一覧を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 各トピックの返信数、閲覧数、最後にアクティブだった時点のタイムスタンプを確認できます。
|
||||
|
||||
**ヒント:** 最新のフォーラムへの投稿を 30 件分取得するには: <https://forum-proxy.freecodecamp.rocks/latest>
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: 5a5d02bd919fcf9ca8cf46cb
|
||||
title: Light-Bright アプリを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302350
|
||||
dashedName: build-a-light-bright-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/eyLYXE> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。
|
||||
|
||||
**ルール #2:** 以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** マウスカーソルをクリックまたはドラッグして、円に色をつけることができます。
|
||||
|
||||
**ユーザーストーリー:** 色のついた円をダブルクリックして、色を消すことができます。
|
||||
|
||||
**ユーザーストーリー:** 色のついた円をクリックして、色を変えることができます。
|
||||
|
||||
**ユーザーストーリー:** クリックするたびに、円の色が変わります。
|
||||
|
||||
**ユーザー ストーリー:** 「リセット」ボタンをクリックすると、最後につけた色を消すことができます。
|
||||
|
||||
**ユーザーストーリー:** 「すべてリセット」ボタンをクリックすると、円についているすべての色を消すことができます。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdff
|
||||
title: ナイトライフ調整アプリを作成する
|
||||
challengeType: 4
|
||||
forumTopicId: 302351
|
||||
dashedName: build-a-nightlife-coordination-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
<https://yoyo44.herokuapp.com/> と同じような機能を持つ、フルスタック JavaScript アプリを構築してください。 その際に、ご自身で選択したサイトビルダーを使用して、プロジェクトを完了させてください。
|
||||
|
||||
このプロジェクトに実装する必要がある、具体的なユーザーストーリーはこちらです:
|
||||
|
||||
**ユーザーストーリー:** 認証が済んでいないユーザーである時に、自分がいるエリア内の、すべてのバーを見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、自分をバーに追加して、その晩にそこへ行くことを表示できます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、もしそこへ行く気が無くなったときは、自分をバーから削除できます。
|
||||
|
||||
**ユーザーストーリー:** 認証されていないユーザーは、ログインする時に、再度検索する必要はありません。
|
||||
|
||||
**ヒント:** [Yelp API](https://www.yelp.com/developers/documentation/v3) を試しに使ってみて、ユーザーが探している市内の会場を見つけてください。 Yelp API を使用する場合は、そのことをアプリ内で言及しているか確認してください。
|
||||
|
||||
完了したら、プロジェクトの動作デモが、どこか公の場でホストされていることを確認してください。 次に、`Solution Link` フィールドへプロジェクトの URL を提出してください。 必要に応じて、プロジェクトのソースコードへのリンクも、`GitHub Link` フィールドへ提出してください。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdee
|
||||
title: Pinterest のクローンを作成する
|
||||
challengeType: 4
|
||||
forumTopicId: 302352
|
||||
dashedName: build-a-pinterest-clone
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://build-a-pinterest-clone.freecodecamp.rocks/> と同じような機能を持つ、[Replit](https://replit.com/) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 認証が済んでいないユーザーである時に、GitHub でログインできます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、画像をリンクできます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、リンクした画像を削除できます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、リンクしたすべての画像を Pinterest スタイルの壁 (wall) で見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 認証が済んでいないユーザーである時に、他のユーザーの画像の壁を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みのユーザーである時に、破損した画像をアップロードした場合は、プレースホルダー画像に置き換えられます。 (jQuery を使用して破損した画像を検出できます)
|
||||
|
||||
**ヒント:** [Masonry.js](https://masonry.desandro.com/) は、Pinterest スタイルのイメージグリッドを割り当てるライブラリです。
|
||||
|
||||
これらのユーザーストーリーの実装を終えたら、動作可能なアプリの URL を入力し、必要に応じて GitHub リポジトリの URL を入力してください。 それから「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
id: 5a4b7fcdb66f799f199e11db
|
||||
title: ポン・ゲームを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302353
|
||||
dashedName: build-a-pong-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/satyamdev/full/pdMmBp> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。
|
||||
|
||||
**ルール #2:** 以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 私はラケットを操作できます。
|
||||
|
||||
**ユーザーストーリー:** コンピューターがもう片方のラケットを操作できます。
|
||||
|
||||
**ユーザーストーリー:** コンピューターのラケットを打ち破ることは難しいです。 決してボールを見逃さないようにしてください。
|
||||
|
||||
**ユーザーストーリー:** ゲームはプレイヤーとコンピューターのスコアを記録します。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7155d8c242eddfaeb5bd13
|
||||
title: レシピボックスを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302354
|
||||
dashedName: build-a-recipe-box
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** [https://codepen.io/freeCodeCamp/full/dNVazZ](https://codepen.io/freeCodeCamp/full/dNVazZ/) と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 名前と材料を持つレシピを作成できます。
|
||||
|
||||
**ユーザーストーリー:** すべてのレシピの名前が現れる索引ビューを見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 調べるためにそれらのレシピはどれもクリックできます。
|
||||
|
||||
**ユーザーストーリー:** これらのレシピは編集できます。
|
||||
|
||||
**ユーザーストーリー:** これらのレシピは削除できます。
|
||||
|
||||
**ユーザーストーリー:** 追加するすべての新しいレシピは自分のブラウザのローカルストレージに保存されます。 もしページを更新すると、これらのレシピはそのまま残ります。
|
||||
|
||||
**ヒント:** たとえば `_username_recipes` のようにして、CodePen 上でローカルストレージキーにプレフィックスを付ける必要があります。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7153d8c242eddfaeb5bd13
|
||||
title: ダンジョン探索ローグライクゲームを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302355
|
||||
dashedName: build-a-roguelike-dungeon-crawler-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/apLXEJ/> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 私には健康状態、レベル、武器があります。 より優れた武器を拾うことができます。 健康アイテムを拾うことができます。
|
||||
|
||||
**ユーザーストーリー:** マップ上のアイテムや敵はすべてランダムに配置されます。
|
||||
|
||||
**ユーザーストーリー:** マップ内の至る所を移動し、アイテムを発見できます。
|
||||
|
||||
**ユーザーストーリー:** マップの境界内のどこにでも移動できますが、敵は倒すまで通り抜けることはできません。
|
||||
|
||||
**ユーザーストーリー:** マップの大部分は隠されています。 一歩歩くと、自分から一定数の空間内にあるすべての空間が明らかになります。
|
||||
|
||||
**ユーザーストーリー:** 敵を倒すと、敵が消えてから XP を獲得し、そのうち自分のレベルが上がります。
|
||||
|
||||
**ユーザーストーリー：** 敵と戦う時は、自分と敵のどちらかが負けるまでお互いに交代でダメージを与え合います。 私は自分のレベルと武器に基づくダメージを与えます。 敵はそのレベルに応じたダメージを与えてきます。 ダメージはある範囲内で多少ランダムです。
|
||||
|
||||
**ユーザーストーリー:** ボスを見つけて倒すと、成功です。
|
||||
|
||||
**ユーザー ストーリー:** ゲームは険しいところもありますが、理論的には勝てる必要があります。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd1c
|
||||
title: サイモンゲームを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302357
|
||||
dashedName: build-a-simon-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/freeCodeCamp/full/obYBjE) と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 連続してボタンを押す順番をランダムに提示されます。
|
||||
|
||||
**ユーザーストーリー:** 連続してボタンを押す順番を正しく入力するごとに、同じボタンを押す順番とともに追加の 1 ステップ を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 連続したボタンを押す順番を鳴らす時と、自らボタンを押すときに、それぞれのボタンに応じた音が聞こえます。
|
||||
|
||||
**ユーザーストーリー:** もし間違ったボタンを押したら、そうしたことを知らされてから、連続してボタンを押す順番の表示を再開して思い出させてくれるので、もう一度挑戦することができます。
|
||||
|
||||
**ユーザーストーリー:** 現在の連続してボタンを押す順番に何回のステップがあるのかを見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 再開したい場合には、そうするためにボタンをたたくことができ、それからゲームが 1 つのステップの状態まで復帰します。
|
||||
|
||||
**ユーザーストーリー:** もし間違ったボタンを押してしまったら、そうしたことを知らせ、それから連続してボタンを押す順番が新しくランダムな状態からゲームが再開する、ストリクトモードでプレイできます。
|
||||
|
||||
**ユーザーストーリー:** 連続 20 ステップを正しく入力することでゲームに勝利できます。 私の勝利が通知され、ゲームをもう一度やり直します。
|
||||
|
||||
**ヒント:** 各ボタンに対して使用できる mp3 はこちらです: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,29 @@
|
||||
---
|
||||
id: bd7158d8c442eedfaeb5bd1c
|
||||
title: まるばつゲームを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302358
|
||||
dashedName: build-a-tic-tac-toe-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/KzXQgy/> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** コンピュータでまるばつゲームをプレイできます。
|
||||
|
||||
**ユーザーストーリー:** ゲームは終わるとすぐにリセットするので、もう一度プレイできます。
|
||||
|
||||
**ユーザーストーリー:** X または O のどちらでプレイしたいかを選択できます。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdef
|
||||
title: 投票アプリを作成する
|
||||
challengeType: 4
|
||||
forumTopicId: 302359
|
||||
dashedName: build-a-voting-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
<https://voting-app.freecodecamp.rocks/> と同じような機能を持つ、フルスタック JavaScript アプリを構築してください。 その際に、ご自身で選択したサイトビルダーを使用して、プロジェクトを完了させてください。
|
||||
|
||||
このプロジェクトに実装する必要がある、具体的なユーザーストーリーはこちらです:
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、自分のアンケートを保存し、後で戻ってきてアクセスできます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、自分のアンケートを友人と共有できます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、自分のアンケートの集計結果を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、もはや必要でないと決めたアンケートを削除できます。
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、いくつもの考えられる項目を含んだアンケートを作成できます。
|
||||
|
||||
**ユーザーストーリー:** 未認証または認証済みのユーザーである時に、全ての人のアンケートを見て、投票することができます。
|
||||
|
||||
**ユーザーストーリー:** 未認証または認証済みのユーザーである時に、アンケートの結果をグラフ形式で見ることができます。 (これは Chart.js または Google Charts を使用して実装できます。)
|
||||
|
||||
**ユーザーストーリー:** 認証済みユーザーである時に、アンケートのオプションに気に入るものが無い場合は、新しいオプションを作成できます。
|
||||
|
||||
完了したら、プロジェクトの動作デモが、どこか公の場でホストされていることを確認してください。 次に、`Solution Link` フィールドへプロジェクトの URL を提出してください。 必要に応じて、プロジェクトのソースコードへのリンクも、`GitHub Link` フィールドへ提出してください。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
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
|
||||
```
|
||||
@ -0,0 +1,27 @@
|
||||
---
|
||||
id: bd7158d8c443edefaeb5bdee
|
||||
title: 画像検索抽象化レイヤーを作成する
|
||||
challengeType: 4
|
||||
forumTopicId: 302361
|
||||
dashedName: build-an-image-search-abstraction-layer
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
次のような、画像を検索できるフルスタック JavaScript アプリを構築してください: <https://image-search-abstraction-layer.freecodecamp.rocks/query/lolcats%20funny?page=10> また、こんなふうにして最近の検索クエリを閲覧できるようにしてください: <https://image-search-abstraction-layer.freecodecamp.rocks/recent/> ご自身で選んだサイトビルダーを使用して、プロジェクトを完了させてください。
|
||||
|
||||
このプロジェクトに実装する必要がある、具体的なユーザーストーリーは次のとおりです:
|
||||
|
||||
**ユーザーストーリー:** 画像の URL、説明 (description) 、および与えられた検索文字列に関連する、一連の画像についてのページ URL を取得できます。
|
||||
|
||||
**ユーザーストーリー:** URL に `?page=2` パラメータを追加することによって、レスポンスの初めから終わりまでにページ番号を付けることができます。
|
||||
|
||||
**ユーザーストーリー:** ごく最近に提出された検索文字列のリストを取得できます。
|
||||
|
||||
完了したら、プロジェクトの動作デモがどこか公の場でホストされていることを確認してください。 次に、`Solution Link` フィールドへプロジェクトの URL を提出してください。 必要に応じて、プロジェクトのソースコードへのリンクも `GitHub Link` フィールドへ提出してください。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,39 @@
|
||||
---
|
||||
id: bd7154d8c242eddfaeb5bd13
|
||||
title: ライフゲームを作成する
|
||||
challengeType: 3
|
||||
forumTopicId: 302362
|
||||
dashedName: build-the-game-of-life
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/BpwMZv/> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 最初にゲームを訪れたときに、ボードをランダムに生成してから、自由に動き始めます。
|
||||
|
||||
**ユーザーストーリー:** ボードを開始または停止できます。
|
||||
|
||||
**ユーザーストーリー:** ボードを設定することができます。
|
||||
|
||||
**ユーザーストーリー:** ボードをクリアすることができます。
|
||||
|
||||
**ユーザーストーリー:** start を押すと、ゲームが動き出します。
|
||||
|
||||
**ユーザーストーリー:** ボードが変化するごとに、どれだけの世代が過ぎ去ったかを見ることができます。
|
||||
|
||||
**ヒント:** John Conway 自身による Conway のゲーム・オブ・ライフの説明はこちらです: <https://www.youtube.com/watch?v=E8kUJL04ELA>
|
||||
|
||||
**ヒント:** 参照のために、ルールを含む Conway のゲーム・オブ・ライフの概要はこちらです: [https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,29 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0e
|
||||
title: 株式市場のチャート
|
||||
challengeType: 4
|
||||
forumTopicId: 302363
|
||||
dashedName: chart-the-stock-market
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
<https://chart-the-stock-market.freecodecamp.rocks/> と同じような機能を持つ、フルスタック JavaScript アプリを構築してください。 その際に、ご自身で選択したサイトビルダーを使用して、プロジェクトを完了させてください。
|
||||
|
||||
このプロジェクトに実装する必要がある、具体的なユーザーストーリーはこちらです:
|
||||
|
||||
**ユーザーストーリー:** 追加された各株価の最近のトレンドラインを表示するグラフを見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 新しい株式をそのシンボル名を用いて追加できます。
|
||||
|
||||
**ユーザーストーリー:** 株式を削除できます。
|
||||
|
||||
**ユーザーストーリー:** 他のユーザーが株式を追加または削除する際に、リアルタイムで変更を確認できます。 このためには、Web Sockets を使用する必要があります。
|
||||
|
||||
完了したら、プロジェクトの動作デモがどこか公の場でホストされていることを確認してください。 次に、`Solution Link` フィールドへプロジェクトの URL を提出してください。 必要に応じて、プロジェクトのソースコードへのリンクも `GitHub Link` フィールドへ提出してください。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0f
|
||||
title: 書籍交換クラブを運営する
|
||||
challengeType: 4
|
||||
forumTopicId: 302364
|
||||
dashedName: manage-a-book-trading-club
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://manage-a-book-trading-club.freecodecamp.rocks/> と同じような機能を持つ、[Replit](https://replit.com/) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** すべてのユーザに投稿された本を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 新しい本を追加することができます。
|
||||
|
||||
**ユーザーストーリー:** 設定を更新して、自分のフルネーム、市、州を保存できます。
|
||||
|
||||
**ユーザーストーリー:** 交換を提案でき、他のユーザーがその交換を受諾するのを待つことができます。
|
||||
|
||||
これらのユーザーストーリーの実装を終えたら、動作可能なアプリの URL を入力し、必要に応じて GitHub リポジトリの URL を入力してください。 それから「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7108d8c242eddfaeb5bd13
|
||||
title: 世界地図にデータをマッピングする
|
||||
challengeType: 3
|
||||
forumTopicId: 302365
|
||||
dashedName: map-data-across-the-globe
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/mVEJag> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 隕石が落下した世界地図上のすべての場所を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** マップ上に示された箇所を見るだけで、隕石の相対的な大きさを伝えられます。
|
||||
|
||||
**ユーザーストーリー:** 隕石のデータポイントにマウスポインターを合わせることで、追加のデータを取得することができます。
|
||||
|
||||
**ヒント:** 構築するために使用できるデータセットはこちらです: <https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json>
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7150d8c442eddfafb5bd1c
|
||||
title: P2P ビデオチャットアプリケーション
|
||||
challengeType: 4
|
||||
forumTopicId: 302366
|
||||
dashedName: p2p-video-chat-application
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://p2p-video-chat-application.freecodecamp.rocks/> と同じような機能を持つ、[Replit](https://replit.com/) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 到着すると同時に、ブラウザはカメラとマイクにアクセスするためにダイアログを表示します。
|
||||
|
||||
**ユーザーストーリー:** カメラとマイクへのアクセスを許可すると、ルーム名を入力するためのダイアログが表示されます。
|
||||
|
||||
**ユーザーストーリー:** ルーム名を入力すると、もしその名前のルームが以前から存在していなかったならば、ルームが作成されます。
|
||||
|
||||
**ユーザーストーリー:** その後私の友人も同じウェブサイトに行くことができ、私と同じ部屋の名前を入力し、同じ部屋に加入し、それから私とビデオチャットを開始できます。
|
||||
|
||||
**ユーザーストーリー:** もし部屋の名前を入力してから、すでにその部屋に 2 人いた場合、その部屋は満員ですという通知を受け取ります。
|
||||
|
||||
**ユーザーストーリー:** 誰でも、どの部屋でも作成できますし加入できます。 また部屋の数はいくらでもありますが、それらすべてに一意の名前が必要です。
|
||||
|
||||
**ユーザーストーリー:** マイクやウェブカメラへのアクセスをサイトに許可しないということを選択できます。 許可しないことを選択した場合、または他のドライバの問題が発生した場合は、これらが必要ですと言うエラーメッセージが見えます。
|
||||
|
||||
**ユーザーストーリー:** 部屋名の入力ステップをキャンセルした場合、または名前を入力しなかったり、スペースしか入力しなかった場合は、再度有効な部屋名を入力するよう求める必要があります。
|
||||
|
||||
**ユーザーストーリー:** 部屋にいる 2 人のうちの 1 人の接続が断たれた場合、同じ部屋に再接続してチャットを続けることができます。
|
||||
|
||||
これらのユーザーストーリーの実装を終えたら、動作可能なアプリの URL を入力し、必要に応じて GitHub リポジトリの URL を入力してください。 それから「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7198d8c242eddfaeb5bd13
|
||||
title: 力学モデルによるグラフで国の隣接関係を表示する
|
||||
challengeType: 3
|
||||
forumTopicId: 302367
|
||||
dashedName: show-national-contiguity-with-a-force-directed-graph
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/xVopBo> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** どの国が国境を共有しているかを示す力学モデルによるグラフ (Force-directed Graph) を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** それぞれの国旗がその国のノード上に見えます。
|
||||
|
||||
**ヒント:** 構築するために使用できるデータセットはこちらです: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
|
||||
|
||||
**ヒント:** <https://www.flag-sprites.com> において国旗のスプライトシートを作成できます。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd10
|
||||
title: 現在地の天気を表示する
|
||||
challengeType: 3
|
||||
forumTopicId: 302368
|
||||
dashedName: show-the-local-weather
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**目標:** <https://codepen.io/freeCodeCamp/full/bELRjV> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
||||
|
||||
**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。
|
||||
|
||||
**ルール #2:** 以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
||||
|
||||
**ユーザーストーリー:** 現在の場所の天気を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** 天気によって決まるアイコンあるいは背景画像 (雪山、暑い砂漠など) を見ることができます。
|
||||
|
||||
**ユーザーストーリー:** ボタンを押して華氏と摂氏の間を切り替えることができます。
|
||||
|
||||
**注:** 今や多くのインターネットブラウザは、HTML5 Geolocation 経由でユーザのロケールを取得するために、HTTP セキュア (`https://`) 接続を必要とするようになりました。 このため、HTML5 Geolocation を使用してユーザーの場所を取得し、それから天気情報の取得に HTTP セキュア接続を使用する freeCodeCamp Weather API <https://weather-proxy.freecodecamp.rocks/> を使用することをお勧めします。 また、必ず `https://` 経由で [CodePen.io](https://codepen.io) に接続してください。
|
||||
|
||||
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
||||
|
||||
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,35 @@
|
||||
---
|
||||
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
|
||||
```
|
||||
Reference in New Issue
Block a user