[B! ViewComponent] hachiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hachi id:hachi

ViewComponentã«é–¢ã™ã‚‹hachiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Railsãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰: ViewComponent+Tailwind CSS+Hotwireã®ä¾¿åˆ©æŠ€8ã¤ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: Quicktips for ViewComponent with Tailwind CSS/Hotwire | Rails Designer åŽŸæ–‡å…¬é–‹æ—¥: 2024/01/22 åŽŸè‘—è€…: Rails Designer -- Rails ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£è¨˜äº‹ã«åŠ ãˆã¦ã€ViewComponentã¨Tailwind CSSã‚’ç”¨ã„ãŸç¾Žã—ã„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’è²©å£²ã—ã¦ã„ã¾ã™ æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ¼ãƒ‰ã¯ã€æ´å²çš„ã«å°‘ã€…è»½ãè¦‹ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ã€ŒHTMLã¯æœ¬ç‰©ã®è¨€èªžã˜ã‚ƒãªã„ï¼ã€ã€ŒCSSã¯ã‚µã‚¤ãƒ†ãƒ¼ï¼ã€ã€ŒJavaScriptã‚‚ãã†ã ï¼ã€ã€‚å˜†ã‹ã‚ã—ã„è©±ã§ã™ã€‚Railsã¯1å€‹äººã ã‘ã®é–‹ç™ºãƒãƒ¼ãƒ ã«ã€ã™ã¹ã¦ãŒå®Œå…¨ã«æƒã£ãŸè£½å“ã‚’æ§‹ç¯‰ã§ãã‚‹æœ¬ç‰©ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒ‘ãƒ¯ãƒ¼ã‚’ä¸Žãˆã¦ãã‚Œã‚‹ã®ã§ã™ã‹ã‚‰ã€‚ Railsã‚¢ãƒ—ãƒªä½œæˆãŒã•ã‚‰ã«æ¥½ã—
hachi 2024/07/04
techracho

rails

tailwindcss

Hotwire

ViewComponent

ç¿»è¨³
ãƒªãƒ³ã‚¯
å®Ÿè·µViewComponentï¼ˆ3ï¼‰TailwindCSSã®ã‚¯ãƒ©ã‚¹ã¨HTMLå±žæ€§ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: ViewComponent in the WildÂ III: Tailwind CSS classes & HTML attributesâ€”Martian Chronicles, Evil Martiansâ€™ team blog åŽŸæ–‡å…¬é–‹æ—¥: 2024/01/23 åŽŸè‘—è€…: Vladimir Dementyevï¼ˆé¦–å¸ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼‰ã€Travis Turnerï¼ˆæŠ€è¡“è¨˜äº‹ç·¨é›†è€…ï¼‰ ã‚µã‚¤ãƒˆ: Evil Martians -- ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯ã‚„ãƒã‚·ã‚¢ã‚’ä¸å¿ƒã«æ‹ ç‚¹ã‚’æ§‹ãˆã‚‹Ruby on Railsé–‹ç™ºä¼šç¤¾ã§ã™ã€‚è‰¯è³ªã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’å¤šæ•°å…¬é–‹ã—ã€å¤šãã®gemã®ã‚¹ãƒãƒ³ã‚µãƒ¼ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ—¥æœ¬èªžãƒ–ãƒã‚°: åˆåŒä¼šç¤¾ã‚¤ãƒ¼ãƒ“ãƒ«ãƒžãƒ¼ã‚·ãƒ£ãƒ³ã‚º - Qiita ã¯ã˜ã‚ã« Ruby on Railsã®ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯é–‹ç™ºãŒHTMLãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¨ã„ã†æ–¹æ³•ã«ã‚ˆã£ã¦è»Œ
hachi 2024/03/07
techracho

rails

ViewComponent

ç¿»è¨³

tailwindcss
ãƒªãƒ³ã‚¯
ViewComponent: view_component_pathã‚’å¤‰æ›´ã™ã‚‹ãªã‚‰eager_load_pathsã‚‚è¨å®šã™ã‚‹ã“ã¨ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
2023.11.21 ViewComponent: view_component_pathã‚’å¤‰æ›´ã™ã‚‹ãªã‚‰eager_load_pathsã‚‚è¨å®šã™ã‚‹ã“ã¨ ã‚µã‚¤ãƒˆ: Overview | ViewComponent ç¾è±¡ Rails 7.1ã®æ–°è¦ã‚¢ãƒ—ãƒªã«ViewComponent 3.6.0ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚ Evil Martiansã®å½±éŸ¿ã§ã€view_component_pathè¨å®šã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®app/components/ã‹ã‚‰app/views/components/ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ãƒ“ãƒ¥ãƒ¼ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã®ã§app/views/ã®ä¸‹ã«ã‚ã‚‹æ–¹ãŒè‡ªåˆ†çš„ã«ã‚‚ã—ã£ãã‚Šãã¾ã™ã€‚ config.view_component.view_component_path = "app/views/components" config.view_component.raise_
hachi 2023/11/21
techracho

rails

ViewComponent
ãƒªãƒ³ã‚¯
Rails: Turboã¨ViewComponentã‚’ä½¿ã†ã¨ãã®æ³¨æ„ç‚¹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: Be careful with turbo and view components | Arkency Blog åŽŸæ–‡å…¬é–‹æ—¥: 2022/11/14 åŽŸè‘—è€…: Tomasz Patrzek ã‚µã‚¤ãƒˆ: Arkency Blog æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ç§ãŸã¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ãƒ“ãƒ¥ãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒœã‚¿ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«çµ±ä¸€ã«ViewComponentã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ class Forms::Button < ViewComponent::Base def initialize(type:, text:, options: {}, data: {}, disabled: false) @type = type @text = text @options = options @data =
hachi 2023/01/23
techracho

rails

ç¿»è¨³

Turbo

ViewComponent
ãƒªãƒ³ã‚¯
å®Ÿè·µViewComponentï¼ˆ2ï¼‰: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å¾¹åº•çš„ã«å¼·åŒ–ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ðŸ”— ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å¾¹åº•çš„ã«å¼·åŒ–ã™ã‚‹ ViewComponentã¯ã‚„ã‚‹ã¹ãã“ã¨ã‚’ã†ã¾ãã‚„ã£ã¦ãã‚Œã¾ã™ãŒã€Railsã»ã©æ‰‹å–ã‚Šè¶³å–ã‚Šæ‡‡åˆ‡ä¸å¯§ã«ã‚„ã£ã¦ãã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã®æ–¹é¢ã®è¦ç´„ãŒã¾ã ä¸è¶³ã—ã¦ã„ã‚‹ãŸã‚ã€è‡ªåˆ†ã§è€ƒãˆã‚‹ä»¥å¤–ã«åˆ‡ã‚ŠæŠœã‘ã‚‹æ–¹æ³•ãŒãªã„å ´é¢ã‚‚ã¡ã‚‡ãã¡ã‚‡ãã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—å¿ƒé…ã”ç„¡ç”¨ã§ã™ã€‚æœ¬ç« ã§ã¯Evil MartiansãŒãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå‘¨ã‚Šã®ã‚³ãƒ¼ãƒ‰ã‚’æ§‹ç¯‰ã™ã‚‹ã¨ãã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã€ã™ãã«ã§ã‚‚çš†ã•ã‚“ãŒç”Ÿç”£æ€§ã‚’é«˜ã‚ã¦è²´é‡ãªæ™‚é–“ã‚’ç¯€ç´„ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ³¨æ„: æœ¬è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¯ã€Œéžæ¨™æº–ã€ã®ã‚‚ã®ã‚‚å¤šãã‚ã‚Šã¾ã™ã®ã§ã”äº†æ‰¿ãã ã•ã„ã€‚ãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®Evil Martiansæµã‚¯ãƒƒã‚ãƒ³ã‚°ãƒ¬ã‚·ãƒ”ã«ã¤ãã€å½“ç„¶ãªãŒã‚‰è³›å¦ãŒå¤§ããåˆ†ã‹ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ãã®ä¸ã®ã„ãã¤ã‹ã«ã¤ã„ã¦ã¯ViewComponentæœ¬å®¶ã«ãƒžãƒ¼ã‚¸ã™ã‚‹è¨ˆç”»ãŒã‚ã‚Šã¾ã™ã®ã§ã€ä»Šå¾Œã‚‚ã”æ³¨ç›®ã‚ˆ
hachi 2022/11/28
techracho

rails

ViewComponent

ç¿»è¨³
ãƒªãƒ³ã‚¯
å®Ÿè·µViewComponentï¼ˆ1ï¼‰: ç¾ä»£çš„ãªRailsãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹ç¯‰ã®å¿ƒå¾—ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: ViewComponent in the WildÂ I: building modern Rails frontendsâ€”Martian Chronicles, Evil Martiansâ€™ team blog åŽŸæ–‡å…¬é–‹æ—¥: 2022/10/12 åŽŸè‘—è€…: Alexander Baygeldinï¼ˆãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼‰ã€Travis Turnerï¼ˆãƒ†ãƒƒã‚¯ç·¨é›†è€…ï¼‰ ã‚µã‚¤ãƒˆ: Evil Martians -- ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯ãªã©ã«æ‹ ç‚¹ã‚’æ§‹ãˆã‚‹Ruby on Railsé–‹ç™ºä¼šç¤¾ã§ã™ã€‚è‰¯è³ªã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’å¤šæ•°å…¬é–‹ã—ã€å¤šãã®gemã®ã‚¹ãƒãƒ³ã‚µãƒ¼ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ—¥æœ¬èªžãƒ–ãƒã‚°: åˆåŒä¼šç¤¾ã‚¤ãƒ¼ãƒ“ãƒ«ãƒžãƒ¼ã‚·ãƒ£ãƒ³ã‚º - Qiita æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚å›³ã¯ã™ã¹ã¦å…ƒè¨˜äº‹ã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ ã¾ãŸã€"Algebraic effects"ã‚„
hachi 2022/11/25
techracho

rails

ViewComponent

ç¿»è¨³
ãƒªãƒ³ã‚¯
1