Rails: content_forã‚’ãƒãƒƒã‚¯ã—ã¦data-*属性をDOMã«ãƒ—ッシュã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ 英語記事: Abusing Rails' content_for to push data attributes up the DOM | justin․searls․co 原文公開日: 2024/07/01 原著者: Justin Searls -- Test Doubleã®å…±åŒå‰µæ¥è€…ã§ã™ 日本語タイトルã¯å†…容ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ãªãŠã€ç‰¹å®šã®ãƒšãƒ¼ã‚¸ã§ã®ã¿<body>ã«data-controller="filterable"属性をè¨å®šã—ãŸã„å ´åˆã¯ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§ã€ãã‚ŒãŒå¿…è¦ãªãƒšãƒ¼ã‚¸ã§ã®ã¿è‡¨æ™‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‹æ–¹ãŒã‚·ãƒ³ãƒ—ルãªã®ã‹ãªã¨æ€ã„ã¾ã—ãŸâ†“ãŒã€è‘—者ã«å•ã„åˆã‚ã›ã‚‹ã¨ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‹ãªã‚Šè¤‡é›‘ãªã®ã§ã€å±žæ€§ä»¥å¤–åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒé‡è¤‡ã™ã‚‹ãƒªã‚¹ã‚¯ã¯é¿ã‘ãŸã„ã€ã¨ã®ã“ã¨ã§ã—ãŸã€‚ å‚考: 2.2.14.1 コントãƒãƒ¼ãƒ©ç”¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’
Rails: Tailwind + Stimulusã§2FA/OTP/SMSèªè¨¼ç”¨ã®6æ¡ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’作る（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Railsフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰: ホットã‚ーをStimulusã§è¿½åŠ ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Railsã®æŠ€: Tailwindスタイルã®CSSトランジションをStimulusJSã§è¡Œã†ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Railsã®æŠ€: StimulusJSã§ä½¿ãˆã‚‹ã‚ーボードショートカットã®ãƒ©ã‚¤ãƒ–ラリ（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Railsã®æŠ€: StimulusJSã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‚’"self-destructing"ã«ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 09: Turbolinks（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Railsã®æŠ€: StimulusJSコントãƒãƒ¼ãƒ©ã‹ã‚‰Railsã®ç’°å¢ƒå¤‰æ•°ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 08: Rails-ujs（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 07: SOLID原則（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 06: コントãƒãƒ¼ãƒ©é–“通信ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’使ã†ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 06: コントãƒãƒ¼ãƒ©ã¨DOMã®ãƒžãƒƒãƒ‘ー（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 05: ライフサイクルイベントã«ã‚ˆã‚‹ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—・終了（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 04: イベントリスナーã®è¿½åŠ ・削除ã¯Stimulusã§è¡Œã†ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 03: エラーãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド 02: DOMステートを元ã«æˆ»ã™ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド:アーã‚テクãƒãƒ£4: åå‰ç©ºé–“化ã•ã‚ŒãŸå±žæ€§ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド:アーã‚テクãƒãƒ£3: ミックスイン（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Better Stimulusガイド:アーã‚テクãƒãƒ£2: コントãƒãƒ¼ãƒ©ã¯ã‚³ãƒ³ãƒ•ã‚£ã‚°å¯èƒ½ã«ã—よã†ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
{{#tags}}- {{label}}
{{/tags}}