• メッセージ投稿(最大255文字)
  一度投稿したものには、更新はできない
• 投稿の削除
• メディアコンテンツ(画像、動画)の投稿
  • 画像
  • 動画
    • サイズ制限
    • 動画の圧縮(必要に応じて)
    • レンダリング
      HTML動画が使用可能

• プロフィールの表示
• プロフィール編集
• ポストリスト
• いいねリスト
• 予約ポストリスト
• フォローリスト
• フォロワーリスト

Tailwind CSS

• Tailwind CSS
• Tailwind CSS 入門と実践
• tailwindcss だけでモーダルを実装してみる
• javaScript 時間の取得、設定、変更についてまとめてみた

FontAwesome

• FontAwesome

ER図

• 【Ruby on Rails】通知機能を実装してみた
• 相互フォロー間のユーザー同士でDMを送る方法
• 相互フォローのDM機能
• 【Rails】ポリモーフィック関連を使って複数のテーブルに対してのいいねを実装

HTML

• input type="date"

TypeScript

• 【TypeScript】文字列を数値へ変換する方法
• JavaScriptでURLを遷移させる方法
• 【JavaScript入門】日付の比較とチェックをする方法
• Date.prototype.getDay()
• switch
• String.prototype.split()
• Date.prototype.toISOString()
• String.prototype.split()
• MIME タイプ（IANA メディア種別）
• よくある MIME タイプ

PHP

• HTML構文の中に差し込むPHPの条件分岐
• strlen/mb_strlen関数の使い方(文字列の長さを取得)

PHPUnit

• PHPUnit テストコードの書き方【入門】

OpenSSL

• PHPのOpenSSLで暗号化して復号する

非機能要件

（フロントエンド設計）ビューの開発に入る前に、ワイヤーフレームやデジタルデザインを作成してフロントエンドデザインを行います。Figma、Whimsical、Google Draw などのアプリを使用してデザインできます。

タスク

上記非機能要件を満たすような、デザインを作成して下さい。

• Figmaを使用したフロントエンドデザイン

非機能要件

（ソフトウェア実装設計）アジャイル開発を採用し、ソフトウェア設計を反復しながら、データベーステーブルの ER 図やモデルのクラス図を作成します。

タスク

上記非機能要件を満たすような、図を作成して下さい。

• ER図
• クラス図

認証システム

• TypeScriptのキャッチアップ&環境構築
• アプリ用のGmailアカウント作成とMailerの設定
• 新規登録
• 新規登録後のメールアドレス確認ページへの遷移
• メール検証システム
• 確認メール再送信
• ログイン
• ログアウト

リファクタリング

• 例外クラスの定義
• 定数クラスの定義

非機能要件

（要件モデリング）実装開発サイクルに入る前に、アクティビティ図、シーケンス図、ユースケース図などの図を作成して要件を把握し、要件モデリングを行います。

タスク

上記非機能要件を満たすような、図を作成して下さい。

• アクティビティ図
• シーケンス図
• ユースケース図

ツール

図の作成には、PlantUMLを使用してください。

設計資料をもとに、以下の基幹システムを実装してください。
実装後の機能追加により、システムの一部変更もありえるものとします。

• コマンドシステム
• マイグレーションシステム
• シーディングシステム
• 例外クラス
• ヘルパークラス(環境ファイルの読み込みなどをサポートする)
• ドメインオブジェクト
• データアクセス層
• ミドルウェア
• ルーティング

💾使用技術

PostSphere(ポストスフィア)
"Post"（投稿）と"Sphere"（球体、領域）を組み合わせ、全体的なコミュニケーションの空間を表現します。

フロントエンド設計を参考に以下ページのデザインを作成してください。
バックエンドを実装する際の足がかりを作るのが目的です。

• ログインページ
• 新規登録ページ
• 確認メール再送信ページ
• メールアドレス確認ページ
• ホームページ
• ポストページ
• 通知ページ
• メッセージリストページ
• メッセージページ
• プロフィールページ
• 他ユーザーのプロフィールページ
  プロフィールページをログインしてるユーザー自身かで、判別して表示するボタンを変更しようと思ってるので
  モックアップページの作成は省略する
• ポストリストページ
  プロフィールページの下部に表示する
  また、いいねリストも追加し同様にプロフィールページに表示する
• プロフィール編集ページ
• フォローリストページ
• フォロワーリストページ
  フォローとフォロワーのリストページは、切り替えができる1ページにする