22
7

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 5 years have passed since last update.

VR上で開催されるイベントを簡単に告知できるサービス「Vbul」をリリースしました【個人開発】

Last updated at Posted at 2019-01-03

はじめまして、こよみ(@koyomivr)と申します。

4月からプログラミングをはじめて本格的に取り組み始めたのが3ヶ月ぐらい前の18歳です。

今回、初めてwebサービスを作ったのでわからないことだらけでしたが、なんとかリリースにこぎつけたので振り返りとして書きます。

#作ったもの
VRイベント支援サイト「Vbul」
VR上で開催されるイベントの告知などができるサービスです。

#どうしてこのサービスを作ったか
VRChatなどで開催されているイベントがもっと簡単に発見できるようになればいいのになと思い作り始めました。
既存のサイトでVRCイベントカレンダーというものがあるのですがサムネイルがないのでイベントが増えてくるとわかりにくいという欠点がありました。

#どういう技術で作っているか
##バックエンド
###Laravel
・有名なPHPのフレームワークです。
・今回がwebサービスを作るのが初だったので詰まりまくりました。
###Laravel Socialite
・Twitterログインなどができるようになります
###laravel-uuid
・idなどをランダムにすることができます。
###Intervention Image
・投稿された画像をリサイズするのに使いました。
・他にも画像の加工ができたりします。

##フロントエンド
###Bootstrap4
・適当にクラスに追加するだけでいい感じになるcssフレームワークです。
・これも使うのが初めてだったんですけど、それっぽくなってびっくりしました。
でも、デザインとかちゃんとしたいので素のcssやらないとなーって感じです。
###Font Awesome
・アイコンライブラリです。
・Twitterのアイコンを使いました。簡単便利!!

##インフラ
###ConoHaのVPS
・最初はLightsailを使おうと思ってセットアップしてたんですけど、うまくいかなかったのでConoHaを使うことにしました。
あと、美雲このはちゃん可愛いしね(笑)
ここから登録すると1000円分のクーポンがもらえます‼
###AWS S3
・投稿された画像を保存するのに使ってます。Laravelだと簡単にできるらしいですけど結構苦労しました(泣)
Qiitaにメモ残してるんで困ってる人がいれば参考にしてみてください。
https://qiita.com/koyomivr/items/d63e728100028a7a4b74

#頑張ったこと
頑張ったこととかそんなん全部ですよ、全部
何もかもが初めてだったのでわからないことだらけで、
聞ける人がいなかったのでGoogle大先生に頼りっぱなしでした。
茶番はおいておいてちゃんと書いていきます。

投稿された画像のリサイズ

このサービスではイベント登録の際にイベントのサムネイルをつけることができます。
投稿された画像のサイズのまま表示するわけにはいかないのでリサイズしてs3に保存するようにしています。
でも、これが一筋縄ではいかなくて泣きそうになりました。
できた時は飛び跳ねました(笑)

##s3へのアップロード
リサイズの話と被るんですけど、s3の設定ができてなかったせいか全然できなくて、ググりまくりました。

##インフラ問題
これが一番厄介でした。
AWSのLightsailを使おうと思って最初はやってたんですけど、全然うまくいかなくて、何回も作り直しましたができませんでした。調べてもあまり記事がでてこなかったので初心者の自分には優しくありませんでした。
なので、同じくLaravelでwebサービスを作っているれとるときゃりーさんがConoHaのVPSを使っていたので、自分も使うことにしました。
使ってみた感想は自分的にはとてもわかりやすかった。
公式ドキュメントが充実していたのでやりやすかったです...何回もやり直したけどw
これは長くなりそうなので別記事にしようかなと思います。

#開発期間
Vbulの開発期間はだいたい3ヶ月ぐらいです。
コード書いてたのは2ヶ月ぐらいでインフラ関連に1ヶ月ぐらいかかりました。
Laravelはドットインストール触ったぐらいの知識だったので結構時間がかかっちゃいました。
今のデザインが気に入ってないのでまだまだ進化させていきます。もちろん機能も!!

#リリースしてみて
想像以上に拡散されなくて泣きそうです。。。
これを見た人拡散してください(切実)

これからが勝負なので使ってもらえるように頑張ります・ω・

#感想
初めてwebサービスを開発してみてとても楽しかったです。
一つ一つできていく様子がたまらん!

Laravelでなら基本的なことはできるようになったので新しいサービスも作っていきたいですね!!

2019年はもっともっとツヨツヨになっていきたいです。

#最後に
今回こういう記事を書くのが初めてだったのでれとるときゃりーさん記事を参考にしました。
webサービス作りまくってるすごい人です。

拙い文章だったとは思いますが、ここまで読んでいただきありがとうございました。
これからも開発頑張ります!!

よかったらTwitter(@koyomivr)のフォローお願いします。

ばいばい:)

22
7
1

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
22
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?