Techpit:テックピット
  前のパートに戻る 完了して次のパートへ  

  0-1 開発するWebアプリ

開発するWebアプリ


フォーラムとは、 ユーザーが何か共通する話題について情報を交換し合う場のことを言うそうです。

ここでは、スレッドフロート型掲示板と言われる電子掲示板のシステムを開発します。 ユーザーは自由にスレッドを追加でき、スレッドにはレスを追加できます。 スレッドの一覧では、「新しいレスの追加されたスレッド」が上に来るようになっています。

完成したサンプルはこちらです。


フォーラムの拡張性


フォーラムは、例えば以下のようなアイデアで拡張できます。

  • ボード機能を追加する
  • カテゴリ・タグ機能を追加する
  • スレッドに対する評価機能を追加する
  • ログイン機能を追加する
  • プライベートなスレッド機能を追加する
  • 画像投稿機能を追加する
  • マークダウン機能を追加する

様々なアイデアに対応できるような柔軟性のあるアプリを開発します。 また、既存のサービスにフォーラム機能を追加することもできます。


構成


このプログラムは、以下の構成になっています。

「0章」では、開発するアプリの内容と設計について解説します。

「1章」では、FirebaseプロジェクトとReactアプリを作成します。(10分)

「2章」では、Webアプリのルーティングやレイアウトを作成します。(20分)

「3章」では、スレッド機能をつくります。(40分)

「4章」では、レス機能をつくります。(30分)

「5章」では、開発したアプリをデプロイします。