あなたの「人生の一冊」を共有するサイト | liferary

PHPの理解を深めるために作成したWebサービスです。
フロントエンドはいかにCSSの記述を少なくできるかを目指し、フレームワークとしてBootstrapを使用しました。
サーバサイドはフレームワークを使用せず、フルスクラッチで開発しました。

使用言語

• HTML
• CSS
  • フレームワーク：Bootstrap
  • プリプロセッサ：sass(scss記法を使用)
  • タスクランナー：gulp.js
• javascript
• PHP

データベース

• MySQL

デザインツール

• Adobe XD

開発環境

• Visual Studio Code

主な機能

• ユーザ登録
• ログイン
• ログアウト
• 退会
• プロフィール登録
• プロフィール編集
• パスワード変更
• パスワードリマインダー
• コンテンツ登録
• コンテンツ編集
• コンテンツ削除
• コンテンツ一覧表示
• コンテンツ詳細表示
• コンテンツ検索
• 書籍検索（Google Books APIs）
• お気に入り登録

開発プロセス

1. コンセプト決定
2. 必要機能洗い出し
3. 画面設計（Adobe XD）
4. テーブル設計
5. モックアップ作成（HTML,CSS）
6. 機能実装
7. 公開

開発工数

• 機能設計　2H
• 画面設計　12H
• テーブル設計　4H
• モックアップ作成　18H
• 機能実装　48H

合計 84H