Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
749
Help us understand the problem. What are the problem?
@Kazuhiro_Mimaki

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

以下は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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
749
Help us understand the problem. What are the problem?