ここ1か月は、ファイル共有画面の作成をし、完成しましたのでご報告させていただきます!
■新規登録画面
※新規登録画面
新規登録画面では、新しく登録するユーザー名・パスワードを入力して、データベースに登録する形になります。■ログイン画面
※ログイン画面
ログイン画面では先ほど登録していただいた、ユーザー名・パスワードを入力してログインできます。ログインをする際に、データベースに登録したものを参照するという部分でSQLを書かなければならなかったのですが、そこの部分で苦戦しました。
■ファイル共有画面
※ファイル共有画面
ログインした先にプライベート画面のページが出ます。サーバーサイドにあるアップロードしたファイルを共有フォルダに保存して、保存したファイルを表示するという仕組みになっています。
この画面では、文字通り自身のアップロードしたファイルを表示するのですが、ここの製作で時間が掛かってしまいました...。
■プライベート画面
※プライベート画面
そして、ファイル共有というボタンを押すと、共有画面に推移するという表示になります。プライベートとファイル共有での切り替え部分はJavaScriptで行っております。
■パスワード変更画面
※パスワード変更画面
パスワード変更画面のリンクを押せば、現在ログインしているユーザーのパスワードをアップデートできる形になります■苦労した点
・ファイルをアップロードする際に、サーバー側にあるアップロードされてきたファイルを保存する場所を指定し、さらに保存した場所のファイルを一覧として表示するという流れをプログラムのコードとして書いていくというところに
とても苦戦しました💦
■作ってみて感じたこと
今回ファイル共有画面を作成したのですが、デザイン面で使用するCSSを一から書くのではなく、あらかじめ用意されているフレームワークを使うことであったり、Smartyなどを使ったテンプレートエンジンを使うことで、より早く効率の良い作り方ができる等、様々な点で新しい発見ばかりでした。
そして、プログラムの処理の流れを理解するというところの経験や実力がまだまだというところもあり、改めてその流れやどのような処理になるのかというところの理解をもっと深めていければと思っています。