##はじめに

未経験者がlaravelを使用し、webアプリケーションを作成してみたのでアプリの紹介をさせていただきます。

##アプリ概要

勉強用Q&Aサイト「Scola」

わからないところを質問投稿すると回答がもらえる
写真を撮ってアップロードも可能
過去の質問をキーワード検索できる

サイトイメージ

##制作背景

現在オンライン家庭教師でライン質問対応をしています。私は生徒と直接やりとりをしていく中で、実に多くの子が勉強の途中でわからないところにぶつかり詰まってしまっていることに気がつきました。

最近では有名大の大学生などが質問に答えてくれるサービスも増えてきていますが、そのほとんどが有料です。

勉強でちょっとわからないことがあるだけなのに親からクレジットカードを借りて課金をするのは子供にとってハードルが高いと思われます。そこで料金のかからない勉強専門の質問サイトがあれば、生徒の勉強の手助けになるのではないかと思い、制作に至りました。

機能一覧

ユーザー登録、ログイン
CRUD
コメント機能
画像アップロード
タグ機能
いいね機能
キーワード検索
タブ分類機能
ページネーション
レスポンシブデザイン

工夫した点

過去の類似の質問を調べられるキーワード検索、タグ機能を実装した
質問テンプレ回答率を上げるため、わからないところを明確に質問できるようテンプレートを用意した。
いいね機能参考になった質問にいいねを押すことで、良問や良回答がすぐにわかるよう配慮した。
解決ステータス質問が現在も回答を求めているかが一目でわかるようステータス機能を実装した。

使用技術

設計

figma
drow.io

フロントエンド

HTML
CSS
Vue.js
bootstrap

バックエンド

PHP 7.3.28
Laravel 6.20.31

データベース

Postgres 13.3

開発

vim
Docker Desktop for Mac
Laradock
Git
GitHub

本番環境

heroku
AWS(S3)

ER図

システム構築図

今後やりたいこと

EC2でのデプロイ
せっかくなのでAWSにもっと挑戦していきたいです。herokuは最初の立ち上げが遅いのもちょっと気になります。
マークアップ機能の搭載
赤文字が使えるだけでだいぶ血の通った回答ができるようになります。太字や文字式も使えれば解説がよりわかりやすくなるんじゃないかと思います。

感想

laravelの画像表示にかなりてこずってしまいました。原因は小さなミスだったのですが（ローカルでシンボリックリンクを作成してしまった）、原因の特定までにたくさんの時間を使ってしまいました。時間をかけるようなエラーではないので、誰か他の人にアドバイスをもらえれば何日も無駄にならなかったかもしれません。独学の難しさを感じました。