Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.js+Firebaseでwebアプリを作ってみた

shimoe_t
September 11, 2019

 Vue.js+Firebaseでwebアプリを作ってみた

自己研鑽としてVue.js+FirebaseのWebアプリを個人開発しました。その結果、どんなスキルが身についたのか、それが業務でどう役に立ったのかについて紹介しようと思います。

shimoe_t

September 11, 2019
Tweet

Other Decks in Technology

Transcript

  1. Vue.jsとfirebaseでwebアプリを作ってみた
    shimoe

    View full-size slide

  2. 自己紹介

    View full-size slide

  3. どんなものを作ったか

    View full-size slide

  4. 技術イベントなので・・
    https://www.netlify.com/
    https://ja.nuxtjs.org/
    https://firebase.google.com/
    https://github.com/
    deploy push
    netlify github
    Firebase
    nuxt

    View full-size slide

  5. 技術イベントなので・・・
    ・フロントエンドにはNuxt.jsを採用
    ・自動でルーティングしてくれる
    ・ディレクトリ構成等、規約が整備されている
    ・認証サーバ、データの永続化にfirebaseを採用
    ・様々な認証方式に対応(Googleアカウント等)
    ・画像アップロード機能も簡単に実装

    View full-size slide

  6. 開発してよかったこと

    View full-size slide

  7. 技術に対して興味が湧く
    ・採用している技術の技術イベントに行きたくなる
    ・イベントで紹介された手法・ツールを試したくなる
    ・来月はVue Fes Japan 2019に参加します

    View full-size slide

  8. 一から十まで開発を経験できる
    ・設計を経験できる機会が限られている
    ・業務では分業するため、フロントエンド/バックエ
    ンドに偏った仕事になりがち
    ・私のような平凡なエンジニアがフルスタックエンジ
    ニアを目指すのであれば、会社で経験できないような
    ことをプライベートで補っていかないと厳しい

    View full-size slide

  9. 実際の業務で活用できる
    ・React.jsの実務経験がなかったものの、素早くキャ
    ッチアップ
    ・別の視点から物事をみることができる

    View full-size slide