Laravelを学習し始めて、3ヶ月経ちそろそろオリジナルアプリを作成してみようかと。
今まで投稿アプリ、ECサイト、タスク管理などのアプリを参考書を活用し、作成してきたが遂にこの時が。
これを期にQiitaにオリジナルアプリ開発の手順や苦戦したところ等、様々な内容を記録として残していきます。
作成するプロダクトとしまして、
- 旅行日記アプリ
を題材に作成していきます。
まず最初に
プロダクト作成目的
- 旅行をするが、時間が経つと忘れてしまう。
- 写真を見返して行った思い出が蘇るが、行った内容が分からない。
- いろんな人の旅行を見れるようなものが作りたい。
ペルソナ
- 旅行好き
- 旅行日記としてまとめたい
- 訪れた都道府県を記録したい
機能一覧
- アカウント作成機能
- ログイン、ログアウト機能
- 記事投稿のCRUD機能
- 投稿へのいいね機能
- 投稿へのコメント機能
- 投稿へのハッシュタグ機能
- 写真付き投稿機能
- 記事の検索機能
- Googleログイン、アカウント作成機能
- 余裕があればフォロー機能 開発ディレクトリを作成
プロダクト設計
- ガントチャート「タスクマネジメント」
- ワイヤーフレーム「画面遷移」
- ER図「テーブル管理」
開発へ
環境構築「laradock」
開発ディレクトリを作成
$ mkdir trip-diary
対象ディレクトリへ移動
$ cd trip-diary
laradockをgitからクローン(末尾のversionは任意に指定できる)
$ git clone https://github.com/Laradock/laradock.git -b v9.6
laradockディレクトリへ移動し、環境変数.envをenv-exampleからコピーする
$ cd laradock
$ cp env-example .env
.envの編集
.
└──trip-diary
└── laradock
└── .env
.envをエディタで開いたら下記のように編集する
変更前
APP_CODE_PATH_HOST=../
DATA_PATH_HOST=~/.laradock/data
COMPOSE_PROJECT_NAME=laradock
変更後
APP_CODE_PATH_HOST=../laravel
DATA_PATH_HOST=../data
COMPOSE_PROJECT_NAME=trip-diary
dockerを使って開発環境を起動する
次にDockerを使って開発環境を起動します。
ここでは、以下4つのコンテナを起動します。
- workspace
- php-fpm
- nginx
- postgres
今回、PostgreSQLはバージョン11.6を使うことにします。
laradock/postgresディレクトリにあるDockerfileの1行目を以下のように修正する
FROM postgres:11.6
laradockディレクトリに戻った後に、
$ docker-compose up -d workspace php-fpm nginx postgres
上記のコマンドでdockerの指定したコンテナを立ち上げることができる
localhostを立ち上げるとlaravelのwelcomeページが確認できたら完了！！