すべてのカテゴリ

こんにちは！練習で画像共有サイトを作ってみましたので、備忘録としてポイントをまとめていきたいとおもいます。開発情報今回開発に使った言語や環境等の説明です。開発言語等フロントエンド：HTML/CSSサーバサイド：PHPデータベース：MySQL開発環境OS:Windows10開発ツール:Atom,Xampp開発環境はWindowsですが、本番稼働はLinuxを想定想定利用環境今回は、スマートフォン向けサイトとしてリリースすることを想定した開発となります。開発はWindowsPCで行いますが、テストはiPhone6で行っています。トップページと会員登録トップページでは、次の画像のように現在アップされている画像を左上が最新になるように並べて表示しています。こちらは調整は少し大変ですが、HTMLとCSSであらかたできるので特に説明する要素はありません会員ページの作成今回は会員制サイト開発ですので、新規会員登録フォームとログインフォーム、会員専用ページを用意していきます。会員登録時入力する情報はログインIDとパスワード、そしてニックネームのみのシンプルなものになります。また、会員登録後にニックネームとアイコンを変更できるようなシステムにしておきます。ログイン画面IDとパスワードを入力することでログインができる仕組みで、会員登録していない場合は、ここから新規会員登録に進む今回はパスワード忘れた時の対象方法がないものの、メールアドレスを登録しておけば対処可能新規会員登録フォーム会員登録時ニックネーム、ログインIDとパスワードを登録し、ここで入力したIDとパスワードで、ログインフォームよりログイ