MEANスタックとHerokuでWebサービスを作ろう！

はじめに

このハンズオンは簡単な画像シェアサービスを作成するハンズオンです。

ハンズオンのゴール

簡単なWebサービスを作成してHeroku上で公開することをゴールとします。 ハンズオンを通じて、次の基本的なことを学習します。

• MEANスタックの基本的な使い方
• Herokuの基本的な使い方
• 良く利用するHerokuアドオンについて

その後は不足している部分を独力で学習することで、さらにスキルを身につけてください。

前提となるもの

• HTML、Javascript、CSSを書いたことがあること
• Webサービスを作ってみたいという情熱・好奇心があること
• (HerokuやMEANスタックなど)技術的な新しいことに興味があること

目次

1. 開発環境の準備
2. 画像シェアサービスの仕様
3. Herokuの準備とデプロイ
4. 共通機能の作成と事前準備
5. 画像アップロード機能の作成
6. アップロード画像サムネイルの作成
7. 画像削除機能の作成
8. 画像シェア機能の作成
9. 仕上げ
10. まとめ

脚注

💝 があるものは技術的な細かい内容について書いています。ハンズオンでは扱いません。

デモ

https://mitsuruog-mean-heroku-sample.herokuapp.com/

ライセンス

MIT