日記閲覧画面

　自分が書いた日記を閲覧することのできるページですね。日記のダミーデータを適当に入れ、表示枠を作ります。

　右上の編集アイコンをクリックすることで、該当日付の編集ページに飛びます。
　複数行の記載も表示させる必要があるので、表示枠の縦幅を可変にしたのですが……

　このように、どうしても見切れます。一応、スクロールで全文を確認することは可能です。とはいえ、イマイチ見栄えがよくない気がします。背景色を変えたり、枠線をつけたりしたのですが……結局、素の状態が一番綺麗だと、私は断定しました。

日記編集画面

　日記閲覧ページから飛ぶ場所です。日記閲覧ページの要素を、input要素に置き換えただけです。正直、楽でした。

　様々な情報を確認できるマイページです。

　項目をクリックするとそれらを編集できる、というのが当初の設計でした。しかし、実現難易度が高そうなので、右上のボタンから別途編集画面に飛べるようにしました。

　今回は、前回と違ってPC版のレイアウトを載せていません。そのページも似たような構成なので、割愛しました。

　相も変わらずに僕の画像が全ページに君臨しているのは、やはり見るに耐えないところがあります。
　各ページのレイアウトはこれにて完結しました！　なので、次回はいよいよ、美少女の作成に取り掛かりたいとおもいます。
　それでは、今回はこの辺りで。