プログラミング– category –
-
Rails Importmapガイド:Node.js不要は本当?使い方とメリット解説
Rails 7から標準となったImportmapは、フロントエンドのJavaScript管理をシンプルにします。これにより、Node.js環境や複雑なビルドツール(Webpacker等)が不要になる可能性があります。 「Webpackerは複雑だった…」「Node.js管理が大変…」と感じていた方... -
【Rails】Policyオブジェクト入門|認可ロジックを整理する
Ruby on Rails (以下、Rails) でWebアプリケーションを開発する際、ユーザー権限に基づいた操作制御、すなわち「認可(Authorization)」の実装は避けて通れません。しかし、この認可ロジックがコントローラーやモデルに散在すると、コードは複雑化し、メ... -
【Rails】Valueオブジェクト入門|値に意味と振る舞いを持たせる
Ruby on Railsで開発する際、モデルの属性として string 型のメールアドレス、integer 型の金額、string 型の郵便番号などをそのまま使うことはよくあります。しかし、これら組み込み型(プリミティブ型)を直接扱うことには、いくつかの潜在的な問題があ... -
Turbo入門|Turbo Framesで実現する部分更新とコンポーネント分割|Rails × Hotwire
Turbo Framesを使うと、ページの一部分だけを簡単に更新できます。リンクやフォームをクリックすると、ページ全体ではなく、指定したフレーム内だけが更新されます。RailsアプリケーションでTurbo Framesを使った部分更新の方法を詳しく解説します。 Turbo... -
Turbo入門|JavaScriptの扱い方とキャッシュ戦略を理解する|Rails × Hotwire
Turboはリンククリックやフォーム送信時にページ全体を再読み込みせず、必要な部分だけを更新することで高速な体験を提供します。しかし、この仕組みによりJavaScriptの扱い方やキャッシュ戦略に注意が必要になります。この記事では、Turboアプリケーショ... -
Turbo入門|Turbo Streamsでリアルタイム更新を実装する方法|Rails × Hotwire
Turbo Streamsを使うと、ページの一部分をリアルタイムに更新したり、ユーザーの操作に応じてDOMを部分的に変更したりできます。RailsアプリケーションでTurbo Streamsを使ったリアルタイム更新の方法を詳しく解説します。 Turbo Streamsとは? Turbo Stre... -
Turbo入門|Morphingで実現するスムーズなページ更新|Rails × Hotwire
Turbo Driveはページ遷移時にフルページリロードを避けることで高速なナビゲーションを実現しますが、ページの再読み込み(リフレッシュ)時にも、さらにスムーズな体験を提供することができます。 特にフォーム送信後に同じページにリダイレクトされるよ... -
Turbo入門|Turbo Driveでページ遷移を高速化する方法|Rails × Hotwire
Turbo Driveは、Rails 7から標準搭載されたHotwireの一部で、JavaScriptをほとんど書かずにSPAのような高速でスムーズなページ遷移を実現します。この記事では、Turbo Driveの基本的な仕組みやページ遷移の種類、履歴管理、カスタマイズ方法などを初心者向... -
Turbo入門|Turboとは?Rails × Hotwireで始めるモダンなWeb開発
Rails 7から標準搭載された「Turbo」は、JavaScriptを最小限に抑えながら、SPAのような高速で快適なユーザー体験を実現できるフレームワークです。この記事では、Turboの基本的な仕組みや特徴、Railsアプリケーションでの活用方法を初心者向けにわかりやす... -
Stimulusのライフサイクルコールバックを理解しよう【Rails × Stimulus入門】
Stimulusを使ったRailsアプリケーション開発では、コントローラーのライフサイクルを理解することが重要です。この記事では、Stimulus公式ドキュメントの「Lifecycle Callbacks」の内容を日本語でわかりやすく解説します。 公式ドキュメント(英語) ライ... -
Stimulusのアクション(Actions)を理解しよう【Rails × Stimulus入門】
Stimulusを使ったRailsアプリケーション開発では、「アクション(Actions)」という仕組みを使って、HTML要素のイベント(クリックや入力など)を簡単にJavaScriptのメソッドに関連付けることができます。この記事では、Stimulus公式ドキュメントの「Actio... -
Stimulusのターゲット(Targets)を理解しよう【Rails × Stimulus入門】
Stimulusを使ったRailsアプリケーション開発では、「ターゲット(Targets)」という仕組みを使って、HTML要素を簡単にJavaScriptから操作できます。この記事では、Stimulus公式ドキュメントの「Targets」の内容を日本語でわかりやすく解説します。 公式ド...