99 Blues

Web Developer Blog

Rails の nested_attributes で子モデルを更新時のバリデーションエラーメッセージの日本語化方法

概要 Railsでネストしたモデルをフォームで扱う際、accepts_nested_attributes_forメソッドを使用して親子関係にあ...

February 21, 2024

PowerShell での Path 設定問題の解決法

はじめに 開発環境をセットアップする際に直面する問題の一つに、環境変数Pathの設定があります。今回、コマンドプロンプトでは問題なく動作するが...

February 13, 2024

SQLAlchemy の使い方: インストールからCRUD操作まで

概要 SQLAlchemyはPythonのORMフレームワークです。 SQLデータベースとのやりとりを抽象化し、Pythonで簡単にデータベース...

September 5, 2023

@rails/ujs パッケージを拡張して ajax メソッドを Promise 化する

概要 Ruby on Railsフレームワークの便利なライブラリである@rails/ujsには、Ajaxリクエストを簡単に行うためのajaxメソッドがあり...

August 1, 2023

Vue で コンポーネント内から子要素のテキストを取得する方法

概要 コンポーネント内の子要素のテキストを取得する方法について。 方法にはTemplate RefsとSlotsを使った2パターンがあります。 Template Refs...

July 25, 2023

2の補数計算をRubyで実装する方法

概要 2の補数計算は、負の数の表現やビット演算などに利用されます。 今回は、Rubyを用いた2の補数計算の実装方法について解説します。 2の補数計...

March 15, 2023

Gemfile で使われる Bundler のバージョンを上げる方法

概要 Gemfile に記載されている Bundler のバージョンを上げる方法を紹介します。 手順 最新の bundler をインストールします。 gem install bundler # gem install bundler:2.4.5 => バージョンを指定したい場合 イ...

January 31, 2023

Rails 7 で JWT を使った認証 API を実装する

概要 Rails で JWT を使った認証APIの実装例を紹介します。 トークンにはアクセストークンとリフレッシュトークンの2種類を使用します。 実行環境は以下の通...

September 26, 2022

Nuxt 3 で Markdown ベースのブログを作る

概要 Nuxt 3 で Markdown を利用したブログサイトを作成します。 今回作成する完成形はこちら .iframe-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 環境構築 Nuxt プロジ...

August 29, 2022

QRコードジェネレーターを Vue3 で実装する

概要 QRコードを生成できるアプリを Vue3 で実装します。 生成したQRコードを読み取るとあらかじめ入力したURLにリンクするようにします。 QRコード...

August 23, 2022