·turbo-fetch
</>

turbo-fetch

Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。

13インストール·0トレンド·@rolemodel

インストール

$npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch

turbo-fetch のインストール方法

コマンドラインで turbo-fetch AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: rolemodel/rolemodel-skills。

This skill documents the turbo fetch pattern for dynamically updating form fields based on user input using Turbo Streams and Stimulus.

The turbofetchcontroller.js should exist at app/javascript/controllers/turbofetchcontroller.js:

Pattern 1: Dependent Dropdown When selecting a type, update available options in another field:

Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。 ソース: rolemodel/rolemodel-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

クイックアンサー

turbo-fetch とは?

Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。 ソース: rolemodel/rolemodel-skills。

turbo-fetch のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/rolemodel/rolemodel-skills