フルスタックエンジニア目指して

エンジニアリングのことはもちろん、全然関係無い話もします。

Vue.jsにおけるFirebaseの主要な機能の取扱い

はじめに はじめまして、@h_sakanoと申します。 このエントリーは、Firebase Advent Calendar 2018の4日目の記事です。 Vue.jsでFirebaseの主要なサービスを取扱う方法を、サンプルを交えながら紹介します。 Firebase Hosting Firebase Authentication Cloud…

Vue CLI 3によるTypeScriptプロジェクトの作成(Nuxt.jsとの比較付き)

Nuxt.jsいらない説 - GAミント至上主義を読んで触発されてしまい、早速Vue CLI 3でプロジェクトを作ってみたので所感をまとめておきます。 Nuxt.jsとVue CLI 3 現在、Vueを使用してアプリを作成するには、2018/8/11にリリースされたばかりのVue CLI 3でプロ…

Nuxt.jsプロジェクトのデプロイ方法について

最近、Nuxt.jsを趣味でよく触るのですが、いざデプロイしてみようと思ったらいろいろと考えることがあったのでまとめてみます。 デプロイの選択肢 Nuxtのデプロイ方法は、以下の2つがあります。 nuxt generateで静的ファイルを生成してデプロイする方法 Node…

Nuxt.jsのバージョンを1.3.0から2.0.0へ上げようとしたけど、tslintが導入できなかった話

結論から言うと、tslint関連の設定がうまくできなかったので、現在開発中のアプリのNuxt.jsのバージョンを2.0.0のアップデートは見送りました。 tslintを封印してまでNuxtのバージョンを2.0に上げる理由が見つからなかったというのも1つの理由です。 tslint…

Nuxt.js + TypeScriptでFirebase Authenticationを使ってみる

Nuxt.jsプロジェクトの作成 h-sakano.hatenablog.com Firebaseプロジェクトの作成 https://console.firebase.google.comでFirebaseプロジェクトを作成することができます。 また、Authenticationの「ログイン方法」タブでメール/パスワードによる認証とGoogl…

Nuxt.js + TypeScript(+ tslint)プロジェクトの作成手順

「Vue CLI 3のインストールメモ - フルスタックエンジニア目指して」でVue CLI 3をインストールした前提でのお話です。 Nuxt.jsのコミュニティがTypeScript用のプロジェクトテンプレートを用意してくれているので、それを使用します。 github.com README通り…

Vue CLI 3のインストールメモ

以下のコマンドを叩いてインストール。 $ npm install -g @vue/cli $ vue --version 3.0.1 ちなみにバージョン2系までは以下のようにしていました。 パッケージの指定方法がVue CLI 2系までとVue CLI 3系で異なっているので注意が必要です。 $ npm install -g…