Alternative rails-ujs

"MUFSOBUJWFSBJMTVKT 5IV 1SPQPTBMTPO3BJMT 5BLFUP5BLBTIJNB !UBLFUP

"CTUSBDU

SBJMTVKT w ֬ೝμΠΞϩά΍%&-&5&ϦΫΤετͳͲΛ؆୯ʹ࣮ݱͰ͖Δ +BWB4DSJQUͷϥΠϒϥϦ IUUQTHJUIVCDPNSBJMTSBJMTCMPCTUBCMFBDUJPOWJFXBQQKBWBTDSJQU

SBJMTVKTͷ࢖͍ํ w )5.-ʹಛఆͷEBUBଐੑΛ͚ͭΔ͜ͱͰ+BWB4DSJQUΛॻ͔ͳͯ͘΋ ৼΔ෣͍ΛมߋՄೳ w ֬ೝμΠΞϩά w BλάͰ(&5Ҏ֎ͷ)551ϦΫΤετૹ৴ w ྫ%&-&5&ϦΫΤετ
= link_to "Destroy", task_path(@task), method: :delete = link_to "Link", task_path(@task), data: { con fi rm: "ϝοηʔδ" }

SBJMTVKTͷྺ࢙ w KRVFZ@VKT KRVFSZSBJMTHFN w 3BJMT ೥ Ҏલ͔ΒσϑΥϧτͰೖΔHFN w
SBJMTVKTHFN w K2VFSZͷґଘΛແͨ͘͠SBJMTVKTʹҠߦ w 3BJMT ͔ΒσϑΥϧτ w !SBJMTVKTOQN w 3BJMT ͔ΒXFCQBDLFSͷಋೖʹ൐͍OQNԽ w SBJMTVKTඇਪ঑ w 3BJMT ͔ΒSBJMTVKT͸ඇਪ঑ɻ5VSCP͕σϑΥϧτʹɻ w SBJMTVKTഇࢭ w SBJMTSBJMTϨϙδτϦͷNBJOϒϥϯν͔Β࡟আ w 3BJMTϦϦʔε w !SBJMTVKTWҎ߱͸ϦϦʔε͞Εͳ͍ w 3BJMT&P- w !SBJMTVKTWY΋Ҏ߱ϦϦʔε͞Εͳ͍

SBJMTVKTEJF w 3BJMT Ͱ׬શʹഇࢭ w 3BJMT&P- લʹҠߦ͕ඞཁ IUUQTHJUIVCDPNSBJMTSBJMTQVMM

SBJMTVKTҠߦํ๏ w 5VSCP )PUXJSF ΁ͷҠߦ w 3BJMT$PSF5FBNਪ঑ͷҠߦઌ w
ޓ׵ϥΠϒϥϦ΁ͷҠߦ w طଘͷޓ׵ϥΠϒϥϦͷར༻ NSVKTBMUVKTOQN w SBJMTVKTͷܧଓར༻ w !SBJMTVKTOQNWYͷܧଓར༻΋Մೳ w ࠓޙϝϯςφϯε ੬ऑੑରԠͳͲ ͞Εͳ͍ϦεΫ͋Γ

5VSCP )PUXJSF ΁ͷҠߦ w 3BJMT$PSF5FBNਪ঑ͷҠߦઌ w ͨͩ͠ɺطଘͷ3BJMTΞϓϦͷҠߦ͸େม͔΋ w 41"
4JOHMF1BHF"QQMJDBUJPO తͳڍಈʹมΘΔ w ్தͰҠߦ͢Δͷ͸Өڹ͕େ͖͍ w 7JFXEBUBଐੑมߋ NFUIPEDPO fi SN w ·ͨ͸CVUUPO@UPʹஔ͖׵͑ = link_to "Destroy", task_path(@task), method: :delete = link_to "Destroy", task_path(@task), data: { turbo_method: :delete } ࢀߟIUUQTEFWUPUIPNBTWBOIPMEFSIPXUPNJHSBUFSBJMTVKTUPIPUXJSFUVSCPIEI

ޓ׵ϥΠϒϥϦ΁ͷҠߦ NSVKT w NSVKT w IUUQTNSVKTOFUMJGZBQQ w SBJMTVKTޓ׵ϥΠϒϥϦ w ͋ͱͪΐͬͱ͕ΠϚΠν
w 3BJMTͰҰ෦ಈ͔ͳ͍ڍಈ͋ Γ w ϦϦʔεޙϝϯς͞Ε͍ͯͳ͍ w ଞͷޓ׵ϥΠϒϥϦͷબ୒ࢶ͸ҙ֎ ͱগͳ͍

SBJMTVKTͷܧଓར༻ w 3BJMTҎ߱Ͱ΋!SBJMTVKTOQNWYͷܧଓར༻΋Մೳ w ྫNBTUPEPO W 3BJMT!SBJMTVKT w ࠓޙϝϯςφϯε͞Εͳ͍ w
3BJMT͕Ͱ&P- w ੬ऑੑରԠ͞Εͳ͍ϦεΫ͋Γ

ࣗ෼ͷҠߦઌͷݕ౼ w 5VSCP )PUXJSF ΁ͷҠߦ w BQQWJFXTͷมߋ͕ଟ͗ͯ͢5VSCP΁ͷҠߦ͸ແཧͦ͏ɻɻɻ w
ޓ׵ϥΠϒϥϦ΁ͷҠߦ w NSVKTΛࢼͯ͠Έ͚ͨͲಈ͔ͳ͍έʔε͕͋ͬͨΓɺϝϯς͞Εͯͳ ͍ɻɻɻ w SBJMTVKTͷܧଓར༻ w ࠷ޙͷखஈ͸͜Ε͔ͳ͊ w ޓ׵ϥΠϒϥϦࣗ࡞ /FX w ͳ͍ͳΒ࡞Ε͹͍͍

BMUVKTOQN w ࡞Γ·ͨ͠ IUUQTHJUIVCDPNUBLFUPBMUVKT IUUQTXXXOQNKTDPNQBDLBHFBMUVKT

BMUVKTOQNͷػೳ w Ҡ২͓ͨ͠΋ͳػೳ w ֬ೝμΠΞϩά w (&5Ҏ֎ͷ)551ϦΫΤετૹ৴ w 4VCNJUϘλϯͷμϒϧΫϦοΫ๷ࢭ w
ඇରԠ w EBUBSFNPUFଐੑΛ࢖ͬͨ"KBYϦΫΤετ w ಠࣗػೳ w ػೳ୯ҐͰͷར༻ ྫ֬ೝμΠΞϩάͷΈ࢖͍͍ͨ

BMUVKTΛ࢖ͬͨҠߦํ๏ w OQNΛ௥Ճ w SBJMTVKTΛݺͼग़͍ͯ͠ΔՕॴΛҎԼͷΑ͏ʹมߋ w BQQWJFXTมߋෆཁʂʂ // your-app.js +
import AltUjs from "alt-ujs" + AltUjs.start() - import Rails from "@rails/ujs" - Rails.start() $ npm install alt-ujs

BMUVKTΛ࢖ͬͨҠߦࣄྫ w 3BJMTΞοϓσʔτͱ߹Θͤͯࣗ෼ͷ3BJMTΞϓϦʹಋೖ w ͔Β໰୊ͳ͘ಈ࡞த

·ͱΊ w SBJMTVKTͷҠߦํ๏ w )PUXJSF 5VSCP ΁ͷҠߦ w ޓ׵ϥΠϒϥϦ΁ͷҠߦ w
SBJMTVKTͷܧଓར༻ w BMUVKTΛ࢖ͬͨҠߦํ๏ w SBJMTVKTͷҠߦઌʹࠔ͍ͬͯΔํ͸ɺBMUVKTΛͥͻ࢖ͬͯΈͯͩ͘͞ ͍ʂ

IUUQTSFHJPOBMSVCZLBJHJPSHIPLVSJLV ൃදऀืूதʂ ·Ͱ

GVLVJSC,BJHJPO3BJMTײ૝ઓ w GVLVJSCͰ,BJHJPO3BJMTͷײ૝ઓ ΦϯϥΠϯ ΍Γ·͢ʂ w 4BU IUUQTGVLVJSCDPOOQBTTDPNFWFOU

Alternative rails-ujs

Alternative rails-ujs

Taketo Takashima

More Decks by Taketo Takashima

Other Decks in Technology

Featured

Transcript

"MUFSOBUJWFSBJMTVKT 5IV 1SPQPTBMTPO3BJMT 5BLFUP5BLBTIJNB !UBLFUP

"CTUSBDU

SBJMTVKT w ֬ೝμΠΞϩά΍%&-&5&ϦΫΤετͳͲΛ؆୯ʹ࣮ݱͰ͖Δ +BWB4DSJQUͷϥΠϒϥϦ IUUQTHJUIVCDPNSBJMTSBJMTCMPCTUBCMFBDUJPOWJFXBQQKBWBTDSJQU

SBJMTVKTͷ࢖͍ํ w )5.-ʹಛఆͷEBUBଐੑΛ͚ͭΔ͜ͱͰ+BWB4DSJQUΛॻ͔ͳͯ͘΋ ৼΔ෣͍ΛมߋՄೳ w ֬ೝμΠΞϩά w BλάͰ(&5Ҏ֎ͷ)551ϦΫΤετૹ৴ w ྫ%&-&5&ϦΫΤετ

SBJMTVKTͷྺ࢙ w KRVFZ@VKT KRVFSZSBJMTHFN w 3BJMT ೥ Ҏલ͔ΒσϑΥϧτͰೖΔHFN w

SBJMTVKTEJF w 3BJMT Ͱ׬શʹഇࢭ w 3BJMT&P- લʹҠߦ͕ඞཁ IUUQTHJUIVCDPNSBJMTSBJMTQVMM

SBJMTVKTҠߦํ๏ w 5VSCP )PUXJSF ΁ͷҠߦ w 3BJMT$PSF5FBNਪ঑ͷҠߦઌ w

5VSCP )PUXJSF ΁ͷҠߦ w 3BJMT$PSF5FBNਪ঑ͷҠߦઌ w ͨͩ͠ɺطଘͷ3BJMTΞϓϦͷҠߦ͸େม͔΋ w 41"

ޓ׵ϥΠϒϥϦ΁ͷҠߦ NSVKT w NSVKT w IUUQTNSVKTOFUMJGZBQQ w SBJMTVKTޓ׵ϥΠϒϥϦ w ͋ͱͪΐͬͱ͕ΠϚΠν

SBJMTVKTͷܧଓར༻ w 3BJMTҎ߱Ͱ΋!SBJMTVKTOQNWYͷܧଓར༻΋Մೳ w ྫNBTUPEPO W 3BJMT!SBJMTVKT w ࠓޙϝϯςφϯε͞Εͳ͍ w

ࣗ෼ͷҠߦઌͷݕ౼ w 5VSCP )PUXJSF ΁ͷҠߦ w BQQWJFXTͷมߋ͕ଟ͗ͯ͢5VSCP΁ͷҠߦ͸ແཧͦ͏ɻɻɻ w

BMUVKTOQN w ࡞Γ·ͨ͠ IUUQTHJUIVCDPNUBLFUPBMUVKT IUUQTXXXOQNKTDPNQBDLBHFBMUVKT

BMUVKTOQNͷػೳ w Ҡ২͓ͨ͠΋ͳػೳ w ֬ೝμΠΞϩά w (&5Ҏ֎ͷ)551ϦΫΤετૹ৴ w 4VCNJUϘλϯͷμϒϧΫϦοΫ๷ࢭ w

BMUVKTΛ࢖ͬͨҠߦํ๏ w OQNΛ௥Ճ w SBJMTVKTΛݺͼग़͍ͯ͠ΔՕॴΛҎԼͷΑ͏ʹมߋ w BQQWJFXTมߋෆཁʂʂ // your-app.js +

BMUVKTΛ࢖ͬͨҠߦࣄྫ w 3BJMTΞοϓσʔτͱ߹Θͤͯࣗ෼ͷ3BJMTΞϓϦʹಋೖ w ͔Β໰୊ͳ͘ಈ࡞த

·ͱΊ w SBJMTVKTͷҠߦํ๏ w )PUXJSF 5VSCP ΁ͷҠߦ w ޓ׵ϥΠϒϥϦ΁ͷҠߦ w

IUUQTSFHJPOBMSVCZLBJHJPSHIPLVSJLV ൃදऀืूதʂ ·Ͱ

GVLVJSC,BJHJPO3BJMTײ૝ઓ w GVLVJSCͰ,BJHJPO3BJMTͷײ૝ઓ ΦϯϥΠϯ ΍Γ·͢ʂ w 4BU IUUQTGVLVJSCDPOOQBTTDPNFWFOU