38 lines
2.2 KiB
Markdown
38 lines
2.2 KiB
Markdown
|
---
|
||
|
|
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
|
||
|
|
```
|