LoginSignup
631
782

More than 1 year has passed since last update.

2021年に作るべき7つのフルスタックプロジェクト

Last updated at Posted at 2021-05-18

以下はHenry Boisdequin( dev.to / Twitter / GitHub )による記事、7 Fullstack Projects You Need to Make in 2021の日本語訳です。


どのようなフルスタックプロジェクトを作るべきか?
もしこのような疑問を持ち続けているのであれば、あなたは正しい場所にいます。
私は、2021年に作るべき7つのフルスタックプロジェクトのリストをまとめました。
早速、挑戦してみましょう!

E-commerce Site


Eコマースサイトとは、ユーザーが商品を購入できるサイトのことです(例:Amazon、eBayなど)。
Eコマースサイトを作ることで、セキュリティ、CRUD、データベース、フロントエンドフレームワーク、状態管理など、APIやウェブサイトを作るためのあらゆる部分について学ぶことができます。
これは、フルスタックのWeb開発をマスターしたい人にとって、最適なプロジェクトです。

私の場合、技術スタックは以下のようになります:

  • Svelte
  • Node.js + Express
  • TypeScript
  • PostgreSQL

チュートリアル (行き詰まった時のために)

Social Media App


ソーシャルメディアアプリはユーザーがオンライン上で交流できるアプリのことです(例:Instagram、Twitter、Facebookなど)。
ソーシャルメディアアプリの構築は、パフォーマンス、セキュリティ、アプリの外観を最適化して、ユーザーにとって魅力的なプラットフォームを作る方法を習得するのに最適な方法です。

私の場合、技術スタックは以下のようになります:

  • Flutter
  • Node.js + Express
  • MongoDB

チュートリアル(行き詰まった時のために)

Blog Site


dev.toのようなブログサイトを作ろう!
ユーザーが自分の知識を他人と共有できるサイトを作ります。
これを行うことで、コンテンツ管理、API構築、CRUDなどについて学ぶことができます。

私の場合、技術スタックは以下のようになります:

  • Next.js
  • Chakra UI + Tailwind CSS
  • Node.js + Express
  • PostgreSQL
  • Redis

チュートリアル(行き詰まった時のために)

Todo List


Todoリストは、定番のフルスタックプロジェクトです。
このプロジェクトは、このリストの中で最も初心者向けのプロジェクトです。
ユーザーがログインして、リスト形式でTodoアイテムを追加・削除できるサイトを作ります。
このプロジェクトでは、認証、CRUD、データベースなどについて学ぶことができます。

私の場合、技術スタックは以下のようになります:

  • Svelte
  • Flask
  • PostgreSQL

チュートリアル(行き詰まった時のために)

Workout Tracker


このプロジェクトは、リストの中でも特に気に入っている1つです。
ユーザーが完了したワークアウトを保存できるアプリを作成します。
これにより、フルスタック開発全般について学ぶことができます:例えば、認証、セキュリティ、CRUD、フロントエンドフレームワークなど。

私の場合、技術スタックは以下のようになります:

  • Vue.js
  • Django
  • Mongo DB

チュートリアル (行き詰まった時のために)

Chat App


今、誰もが話題にしているフルスタックのプロジェクトです。
このプロジェクトでは、ユーザーがプライベートでチャットしたり、グループでチャットしたりできるウェブサイトを作成します。
このプロジェクトでは、リアルタイムのデータ転送、フロントエンドのフレームワーク、認証、セキュリティなどを学ぶことができます。

私の場合、技術スタックは以下のようになります:

  • React.js
  • Firebase + Firestore

チュートリアル(行き詰まった時のために)

Zoom Clone


2020年、Zoomは世界に旋風を巻き起こしました。
私の知っている人は皆、仕事、学校、付き合い、運動など、生活のあらゆる場面でZoomを使っています。
ここでの課題は、webcomを使ってチャットができる「Zoom Clone」を作ることです。
このプロジェクトは、初心者の方にぜひおすすめしたいですね。

私の場合、技術スタックは以下のようになります:

  • WebRTC
  • socket.io

チュートリアル(行き詰まった時のために)


あなたがこれらのプロジェクトに取り組んでいくことを祈っています。
また、最近取り組んでいるフルスタックプロジェクトを教えてください、ぜひ拝見したいです!
お読みいただきありがとうございました。

Henry

631
782
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
631
782