HTML Centricã§è¡ŒããŸã„ç§ãŸã¡ - LIFULL Creators BlogLIFULLã®ä¸å³¶ã§ã™ã€‚ è¿‘é ƒã€LIFULL HOME'Sã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰(ã“ã“ã§ã¯JavaScriptã®ã¿ã‚’焦点ã¨ã—ã¾ã™)もよã†ã‚„ã進むé“を見出ã—ã€ãã‚ãã‚è¨è¨ˆæ–¹é‡ã‚’一新ã—よã†ã¨è©¦ã¿ã¦ã„ã¾ã™ã€‚ 今回ã¯ãã‚Œã«ã¤ã„ã¦è©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç¾åœ¨ã®ç§ãŸã¡ã®èª²é¡Œæ„Ÿ ç§ãŸã¡ã®ç®¡ç†ã™ã‚‹å¤šãã®ãƒ¬ã‚¬ã‚·ãƒ¼ã‚³ãƒ¼ãƒ‰ã¯DOMæ“作ライブラリã¨ã—ã¦jQueryã‚’ã€UIè¨è¨ˆã®æ ¼åã¨ã—ã¦Backbone.Viewã®ã‚ˆã†ãªè¨è¨ˆæ–¹å¼ã‚’å°Žå…¥ã—ã¦ã„ã¾ã™ã€‚ (ã‚‚ã¡ã‚ã‚“ãã†ã§ãªã„マイクãƒã‚µãƒ¼ãƒ“スも多ãã‚ã‚Šã¾ã™ãŒ) 具体的ãªã‚³ãƒ¼ãƒ‰ä¾‹ã‚’示ã™ã“ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ let Slider = Backbone.View({ events: { '.next click': 'next', '.prev click': 'prev' }, next() { this.$(...).css({left: '111px'}); }, ... }
Stimulusã€æ‚ªããªã„
Turbolinksã‹ã‚‰Turboã¸ã®ç§»è¡Œ - ãŠã‚‚ã—ã‚webサービス開発日記
Hotwireã®ã‚¹ã‚¹ãƒ¡ ~React製SPAをフルSSRã§Stimulusã¨Turboã«æ›¸ãæ›ãˆãŸè©±~
Hotwireã¨ã¯ä½•ãªã®ã‹ï¼Ÿ
Hotwireã®æ„Ÿæƒ³ - laiso
{{#tags}}- {{label}}
{{/tags}}