この記事について 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…

今回参考にした記事 CapistranoでRailsデプロイ - kumilog.net A remote server automation and deployment tool written in Ruby. アジェンダ capistranoをinstallする Capfileを編集 deploy.rbを編集 production.rbを編集 capistranoをinstallする Gemfile…

Railsで開発をしているとActive Model Serializerを使いますが、上手く使う事でかなり楽が出来るため、便利な使い方をメモしておきます。 間違っている箇所がありましたらご指摘下さい。 継承する Serializer同士で継承する事が出来ます。 例えばユーザの情…

nuxtで開発している際に、以下の遷移元から遷移先へthis.$router.pushで画面遷移しようとした時に少し手間取ったのでメモ。 遷移元 /book/1/memo?id=〇〇 遷移先 /book/1/memo/create?id=〇〇 この時 const url = 'book/' + this.$route.params.book_id + '/…

参考 Rails Action Mailerを使ってメール送信機能を作る。 漠然と作ってもアレなので、一応オススメの本を紹介するメールとして作る。 （今どきメールで紹介しないとか置いておいて） メイラーを生成する docker-compose run web rails generate mailer Book…

url_helperとは？ 一言でいうとリンクやURLを生成するためのメソッド郡 参考 ActionView::Helpers::UrlHelper どんな時に使うの？ 例えばurl_helperのurl_forといメソッドを使うと以下の様にオブジェクトからURLを生成する事が可能。 @user = User.find(2) u…

実装したい機能 vue-dropzone × Active Storageを使って、画像を添付したらDBへアップロードされる機能を作成したい 環境 フロント：nuxt バックエンド：Rails アジェンダ 画像アップロード/フロント側 画像アップロード/バックエンド側 アップロードした画…

railsで開発する時に環境構築して初回にいつもcorsで引っかかって これってなんだっけ〜となるので改めてまとめてみる。 改めてcorsとは cross-origin-resorce-sharingの略。 あるoriginで動作しているアプリケーションが、他の異なるoriginにアクセス出来る…

プロジェクトのルートディレクトリ変更するには？ 結論 nuxt.config.jsのsrcDirにルートディレクトリを定義する https://ja.nuxtjs.org/api/configuration-srcdir/ 具体的には nuxt.config.jsのsrcDirにルートディレクトリを定義 yarn(npm install) srcDirへ…

どうやる？ 公式「Quickstart: Compose and Rails」のdbをMysqlへ変更する（デフォルトpostgres） 公式リンク Quickstart: Compose and Rails | Docker Documentation Dockerfile作成 フォルダ名をapiへ変更 FROM ruby:2.5 RUN apt-get update -qq && apt-ge…

目的 docker-compose.ymlの各項目の意味を毎回忘れるので、自分のメモ用にまとめる。 もし、間違ってたらご指摘いただけるとありがたいです。 docker-compose.ymlについて 作ったymlファイル rails×mysqlという環境を想定。 version: '3' services: db: imag…