この記事について nuxt×axiosのプロジェクトでローディング処理を共通化したのでその方法を記載します。 テンプレートはbootstrap-vueを使用しています。 概要 axiosを使用しているため、axiosの処理中にローディングが走る用に設定します。 手順の概要は以…

結果 リスニング：105〜175 リーディング：75〜120 はい、300いきませんでした。試験慣れとかもあると思いますが、ここまで低いとはwww もはや笑えてきます。 振り返りと対策 ただでは転びません。 主にこちらの動画を参考に対策を練りました。 www.youtube.…

この記事について ActiveStorageでアップロードした画像をGCSに保存する手順をメモしたものです。 ActiveStorageを使った開発環境での画像の保存は既に出来ているものとします。 参考にした記事 Active Storage の概要 - Railsガイド [Rails5.2] Active Stor…

この記事について quaggaJSというJSのライブラリを使って、バコードリーダを作りました。 色んな記事を参考に何とか動かせましたが、なぜ動いているのか自分でもよく分からんとなってしまったので自分用に整理したものです。 動作イメージは以下の公式のサン…

アジェンダ DB保存用の画像データを取得する フロントに表示する用の画像データを取得する 取得したデータをFormDataに格納する axiosの設定 DB保存用の画像データを取得する addFile(event) { const file = event.target.files[0] this.book.image = file }…

既にfirebaseプロジェクトは作成済みのプロジェクトにFirebase JavaScript SDK をインストールしたいと思います。 Firebase JavaScript SDK をインストール Firebase SDKとは Firebase Admin SDK は、Cloud Firestore と他のいくつかの Firebase プロダクト…

この記事について HTTPS通信が可能なwebサーバを、nginxと cerbotを使用して構築したので、自分用のメモも兼ねてまとめてみました。 アジェンダ Nginxのインストール SSL証明書を取得 Nginxの設定ファイル編集 Nginxの再起動 Nginxの自動起動設定 ていうかNg…