初めてのオリジナルアプリ作成[環境構築編]

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ページが確認できたら完了！！