見出し画像

個人開発vol.3(Vue.js)

今回もVue.jsで個人開発してみたので、その記録を記していきます。

今回は結構実装しながら、ちっちゃな実装編にちょくちょく記事を出していました。

実装から書くまでが短い方が良い振り返りになった気がします。(するだけw)

では、早速書いていきたいと思います。

今回作ったもの

今回はこれを作る!という感じではなく、記事投稿出来る系でつけたい機能をつけていこうと考えてはじめました。

今回は以前開発したもので書いたときに言っていた次実装してみたいものを実装したという感じになります。

開発に要した期間

17日間。

使った技術

・Vue.js 2.6.1

・Firebase(firestore)

・bootstrap

・Github

実装した機能

ユーザー関連(SNS認証)

記事のCRUD機能

記事タイトル検索機能

お気に入り機能

ランキング機能

フォロー機能

しなかったこと

見た目のクオリティ。(相変わらず)

今回学んだこと

いいね機能を以前実装していたので、フォロー機能もそれと似た作りで実装できたので良かった。

似ているが、少し実装が変わってくる部分がありその点で学びが多かった。

usersコレクションを作成する際にユーザーのAuthenticationの部分頭良いな〜助かるな〜って気づきがありました。

あとはデプロイが簡単過ぎてって感じです。Railsとawsと比べるとですけど。

お問い合わせ機能を実装しているときに、functionsとかって使えるようになったら他にどんなことできるんだろうって思ってました。

今回の反省点

やっぱりviewに力が入らない。vuetifyやbootstrap-vueを使っても途中からグダッてしまう。

これは半強制的にやるしかないな〜、と。

朝の時間は集中してできるので非常に良いが、それ以外の時間で集中状態での作業量を増やすのが難しい。

次やりたいこと

記事でタグ付けを実装してみたいなと思ってます。ここらへんを参考にしながらかな〜と。

あとは通知機能とかも。

あとはbootstrapをYoutube学んでviewへの知識をつけていきたいです。ポートフォリオサイトみたいなヤツをチュートリアルでやってから〜って感じでイメージしてますけどw

今回はそんな感じで!

以上!





この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
1
19歳です!https://tenlife123.com/ LaravelとかVue.jsを中心に勉強中! フリーライドスキーヤー。国内外の大会に出場、戦績は入賞、優勝など。 Sponsor: Salomon,Niseko Grand Hirafu, Mt.石井スポーツ

こちらでもピックアップされています

個人開発
個人開発
  • 4本

プログラミングの勉強で作ったアプリについてなど。

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。