0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[初心者]laravel×AWSで掲示板を作ってみた

Last updated at Posted at 2020-11-07

#簡単に自己紹介
・商社営業1年目
・筋トレとランニングが趣味
・将来は犬を飼ってのんびり暮らしたい

#何を作ったか?
悩みを共有してアドバイスできる掲示板。サービス名は 「vible」です。
アカウントを自由に作成して下記よりお試しください。(アドレスは適当なものでも可)
https://vible.jp/

githubレポジトリは以下です。
https://github.com/vibleadm/vible_dev

vible.gif

#使用技術と言語

  • laravel(PHP)
  • jQuery(Ajax)による「いいね」機能
  • AWS
  • bootstrap

#作ったきっかけ
エンジニアのように自分のポートフォリオを持ってみたいと思ったからです。
当時、知恵袋とTwitterが一体化したようなサービス(質問の回答を通してつぶやき閲覧ができる)があればいいなと思っていたので作ってみることにしました。

#開発期間
3か月程度かかりました。平日は仕事なので、週末を利用して開発を進めていました。
PHP,Laravelって何?ってところからスタートだったので、最初はなかなか苦しかったです。
ゼロからのスタートなので、本は1冊準備しました。
『PHPフレームワークLaravel入門;掌田津耶乃』

開発の方針として、まず似たようなことをやっている他人のソースコードを真似する。それから微修正を加えていって、自分が作りたい形に変えていく。という感じでやりました。
正しい方法かどうかは分かりませんが、最短で形にするには「誰かのマネをする」は有効な方法の1つだと思います。

#主な機能
SNSなどでも必須と考えられる機能を一通り実装しました。具体的な実装方法はチャプターリンクから参照してください。

###マイページ機能
各投稿のユーザ名をクリックするとマイページ(Twitter風ページ)に飛ぶように実装。
mypage.gif

###ログイン機能
メールアドレス(適当なものでOK)とパスワードを使った認証機能を実装。

login.gif

###いいね機能
自分がいいねを押しているかどうか判定したうえで、いいねを押せるように実装。
likebutton.gif

#チャプターリンク
以下の構成で記事を作成しました。
基本的になぞっていきながらgithub参照してもらえれば、同じサービスが再現できるはずです。

  1. 完成形イメージ
  2. AWSサーバを立てる(工事中)
  3. サーバにlaravelを導入してRDSと連携する(工事中)
  4. データベース構築
  5. Modelの作成
  6. Controllerの作成
  7. いいね機能の実装
  8. ルーティングの実装

#感想
簡単なwebサービス1つを作るのがこんな大変だとは思わなかったです。
普段何気なく使っているwebサービスがいかにスゴイかが分かりました。
あと完成して形になったときはやっぱり嬉しいですね。
アプリ第2弾作成中なので、完成したらまた発信します。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?