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