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