99 Blues

Vue3.3 での Function Signature を用いた JSX での Vue コンポーネントの書き方

概要 Vue.jsはバージョン3.3以降で、開発者に新しい書き方を提供するための機能を追加しました。この新機能、Function Signature を用いること...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 プロジ...