www.youtube.com 最初に押さえておきたいKotlin言語仕様 - Qiita 動機 個人開発でつくりたいと思うサービスの内容が日常のちょっとした事を便利にするような内容が多く、webサービスよりアプリの方が使い勝手が良さそうだったので。 あと僕がAndroidユーザー…

現在読んでる本で何回やっても読み方を忘れてしまう書き方があるのでまとめてみる。 private def current_staff_member if session[:staff_member_id] @current_staff_member ||= StaffMember.find_by(id: session[:staff_member_id]) end end これ遅延初期…

まずは基本的な記述方法を理解する 以前少しだけTSにチャレンジした事がありましたが、ほとんど忘れていたので再学習。 おすすめの記事が掲載されている記事 TypeScript学習ロードマップ - Qiita 実際に今回学習に使用した記事。記事1を軸に分かりにくい箇所…

gihyo.jp この本を写経している際にふと、これどういう仕組で呼ばれてるメソッドなんだろうと調べたのでついでにメモ。 まずAdmin::BaseControllerというクラスを用意しcurrent_administratorというhelper_methodを定義。 class Admin::BaseController < App…

今まで粛々と技術記事を書いてきたが、今日はただのポエム記事。 今自分の中にあるRailsの知識でまだ雰囲気分かってるなってところを体系化したいと思ったり、テストを学びたいと思い最近本を写経している。 が、個人開発と違ってどうも乗り切れない。 個人…

どんなサービス？ サービス名 サービス名：SHIORI URL：https://book-memo.work/ （1円で購入したドメインなのでドメイン名は目をつむってくださいw） 解決できること 個人的に本を読むのが好きで同時に複数冊を読むのですが、以下の課題がありました。 何と…

RuboCopでフォーマットしてみたのでメモ。 触りだけだと、思っていたより簡単に出来た。 RuboCopとは？ rubyのコードフォーマットしてくれるgem インストール group :development do gem 'rubocop', require: false end 設定ファイルを作成 & 編集 .rubocop.…

インストール yarn add vee-validate 設定 設定ファイル作成 勢いよく取り組んでみたものの、早速ここでドハマリしてしまう。 app/plugins/veeValidate.js （よくある記載例） import Vue from "vue" import { ValidationProvider, ValidationObserver } fro…

参考にした記事 使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」 - Qiita RailsじゃないRspec3環境を構築する方法 - Qiita 初期化 Gemをinstall & 初期化する Gemfileにrspecを追加 group :development, :test do gem "rspec-rails" e…

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

今回参考にした記事 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…