(npm)・yarn・vue以上が導入済み目次Firebaseでプロジェクト作成firebase-toolsをインストールNuxt.jsプロジェクトを作成するデプロイするfirebase.jsonを作成ビルドを行うfirebaseのプロジェクトに登録デプロイするLighthouseで測定してみるPWA対応していく@nuxtjs/pwaを導入nuxt.config.jsにモジュールを追記PWAで使用するアイコンを設定.gitignoreに下記を追記ビルド+デプロイFirebaseでプロジェクト作成Firebaseは、Googleが提供しているサービスのためGoogleアカウントでログインするだけで始めることができるため非常に簡単です。作成したと仮定して解説していきますfirebase-toolsをインストールFirebaseへの操作をコマンドラインからできるようにするために「firebase-tools」をインストールします。login[Enter]で実行するとブラウザが立ち上がり、ログインフローが開始される。そのまま、Googleアカウントでログイン。Hostingにデプロイするためにpackage.jsonと同じ階層にfirebase.jsonを作成する。deployうまくいくと、こんな感じのURLでアクセスできるようになります。Appが54で低いです。これは、PWA化していくことで大幅な改善が見込めます。PWA対応していく@nuxtjs/pwaを導入Nuxt.js公式のPWA用のモジュールを使用してお手軽PWA化していきます。},PWAで使用するアイコンを設定static直下にてきとうなアイコン(512×512以上)を追加しましょう。Firebaseでデータベース(firestore)を扱うこの記事は、Nuxt+firebase環境が用意されている前提の記事です。方は以下の記事で、Nuxt+firebase環境を用意してください。Bulmaの組み合わせが非常に使いやすかったので、プロジェクトのセットアップまでを備忘録代わりに投稿します。ここでは、laravel-bulma_appと...RubyRailsアプリをAWSで公開する(Rails+Unicorn+Nginx)railsで作った簡単なチャットアプリをAWSのEC2+RDSで公開してみました。今回はその手順を自分の備忘録にメモ。Firestoreを利用したユーザー認証のあるチャットアプリを実装する(1/2)最近、firebaseのデータベースサービスであるfirestoreを利用してサービスを作っています。簡単なfirestoreの操作がわかってきたので、アプリをサンプルにメモします。Fi...PHP【Windows10】Laravelのプロジェクト作成から動作確認まで解説Laravelプロジェクトを作成するにもいくつかのツールをインストールしておく必要があります。今回はwindows環境に1からLaravelプロジェクトを作成していきます。