The Architecture of Haml 5

TokyuRuby会議11
https://tokyurubykaigi.github.io/tokyu11/

Transcript

1. T H E A R C H I T E C T U R E O F H A M L 5 @ k 0 k u b u n / To k y u R u b y ձ ٞ 1 1
2. ࣗ ݾ ঺ հ • GitHub, Twitter: @k0kubun • Treasure Data ॴଐ • !!ੵۃ࠾༻த!! • ERB, Hamlͷϝϯςφ • trunkͷERBΛErubi, ErubisΑΓ଎ͨ͘͠ • Haml 5Λ3ഒ଎ͨ͘͠
3. ࣗ ݾ ঺ հ • GitHub, Twitter: @k0kubun • Treasure Data ॴଐ • !!ੵۃ࠾༻த!! • ERB, Hamlͷϝϯςφ • trunkͷERBΛErubi, ErubisΑΓ଎ͨ͘͠ • Haml 5Λ3ഒ଎ͨ͘͠ ← ͜Εͷɺϒϩάʹॻ͔ͳ͔ͬͨ࿩
4. ࠓ ೔ ࿩ ͢ ͜ ͱ • Haml 4 → 5 ʹ͓͚Δઃܭมߋ • Haml Attributeͷੜ੒ίʔυ͕͍͔ʹߴ଎͔ • Tokyuʹ޲͚ͯߋʹHamlΛ଎͖ͯͨ͘͠࿩ • Haml 6Ͱ΍Γ͍ͨ͜ͱ
5. H A M L 4 → 5 ʹ ͓ ͚Δ ઃ ܭ ม ߋ T H E A R C H I T E C T U R E O F H A M L 5
6. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L
7. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ύʔε
8. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ύʔε
9. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ύʔε ෦ ෼ త ί ʔ υ ੜ ੒ + ί ϯύ Πϧ
10. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ಠ ࣗ ͷ த ؒ ද ݱ ( ඍ ົ ʹ ࠷ ద Խ ) ύʔε ෦ ෼ త ί ʔ υ ੜ ੒ + ί ϯύ Πϧ খ ͞ ͳ ཻ ౓ Ͱ ࠷ ద Խ
11. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ಠ ࣗ ͷ த ؒ ද ݱ ( ඍ ົ ʹ ࠷ ద Խ ) ੜ ੒ ί ʔ υ ( R u b y ) ύʔε ෦ ෼ త ί ʔ υ ੜ ੒ + ί ϯύ Πϧ খ ͞ ͳ ཻ ౓ Ͱ ࠷ ద Խ ί ʔ υ ੜ ੒
12. H a m l 4 · Ͱ ͷ ί ϯύΠϧϓ ϩ η ε • ίϯύΠϥ͕ύʔεҎ֎શ෦΍ͬͯΔ • ίʔυ͕௕ͯ͘ݟ௨͕͠ѱ͍ • ෳࡶͳίϯύΠϧΛ΍Ζ͏ͱͯ͠΋શͯͷίʔυੜ ੒΍࠷దԽΛͦͷ৔Ͱ΍Βͳ͍ͱ͍͚ͳ͍ͷͰେม
13. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ύʔε
14. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ύʔε ै དྷ ͷ ί ϯύΠϧύ ε
15. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) Te m p l e த ؒ ද ݱ ύʔε ै དྷ ͷ ί ϯύΠϧύ ε ( ޙ ํ ޓ ׵ ੑ ͷ ͨ Ί ࢒ ͢ ) ৽ ͨ ͳ ί ϯύΠϧύ ε ( ຊ ౰ ʹ ඞ ཁ ͳ ͱ ͜ Ζ ͩ ͚ Ϧ ϓ Ϩ ʔε ) +
16. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) Te m p l e த ؒ ද ݱ ύʔε ม ׵
17. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) Te m p l e த ؒ ද ݱ Te m p l e ϑΟϧ λ ʔ Te m p l e த ؒ ද ݱ ύʔε ม ׵
18. H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) Te m p l e த ؒ ද ݱ Te m p l e ϑΟϧ λ ʔ Te m p l e த ؒ ද ݱ Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) ύʔε ม ׵
19. ί ʔ υ δΣω Ϩ ʔ λ H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) Te m p l e த ؒ ද ݱ Te m p l e ϑΟϧ λ ʔ Te m p l e த ؒ ද ݱ Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) ύʔε ม ׵
20. ί ʔ υ δΣω Ϩ ʔ λ H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ੜ ੒ ί ʔ υ ( R u b y ) Te m p l e த ؒ ද ݱ Te m p l e ϑΟϧ λ ʔ Te m p l e த ؒ ද ݱ Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) ύʔε ί ʔ υ ੜ ੒ ม ׵
21. • ίϯύΠϥͷ੹຿͕ݮΓݟ௨͕͠Α͘ͳͬͨ • 540ߦˠ333ߦ • ඞཁʹԠͯ͡ίʔυੜ੒ͱ࠷దԽͷίʔυ͕෼཭Ͱ͖Δঢ়ଶ ʹͳͬͨ • Ͱ΋ෆཁͳ෦෼Λແବʹॻ͖׵͑ͨΓ͸ͯ͠ͳ͍ • ͜ΕͰ࠷దԽ͞Εͨίʔυੜ੒͕΍Γ΍͘͢ͳͬͨͷͰɺ ϘτϧωοΫͰ͋ΔHaml Attributeͷ෦෼Λ׬શϦϓϨʔε H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε
22. • ίϯύΠϥͷ੹຿͕ݮΓݟ௨͕͠Α͘ͳͬͨ • 540ߦˠ333ߦ • ඞཁʹԠͯ͡ίʔυੜ੒ͱ࠷దԽͷίʔυ͕෼཭Ͱ͖Δঢ়ଶ ʹͳͬͨ • Ͱ΋ෆཁͳ෦෼Λແବʹॻ͖׵͑ͨΓ͸ͯ͠ͳ͍ • ͜ΕͰ࠷దԽ͞Εͨίʔυੜ੒͕΍Γ΍͘͢ͳͬͨͷͰɺ ϘτϧωοΫͰ͋ΔHaml Attributeͷ෦෼Λ׬શϦϓϨʔε H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε
23. ί ʔ υ δΣω Ϩ ʔ λ H a m l 5 ͷ ί ϯύΠϧϓ ϩ η ε ύʔ α ʔ H A M L A S T ί ϯύ Π ϥ A S T ಠ ࣗ ͷ த ؒ ද ݱ ( ੜ ੒ ί ʔ υ ؚ Ή ) ੜ ੒ ί ʔ υ ( R u b y ) Te m p l e த ؒ ද ݱ Te m p l e ϑΟϧ λ ʔ Te m p l e த ؒ ද ݱ Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) Te m p l e த ؒ ද ݱ ( ෦ ෼ త ͳ ί ʔ υ Խ & ࠷ ద Խ ) ύʔε ί ʔ υ ੜ ੒ ม ׵ H a m l a t t r i b u t e ͸ શ ෦ ͜ Ε ʹ ͠ ͨ
24. H A M L AT T R I B U T E ͷ ੜ ੒ ί ʔ υ ͕ ͍ ͔ ʹ ߴ ଎ ͔ T H E A R C H I T E C T U R E O F H A M L 5
25. H a m l A t t r i b u t e ͱ ͸ !
26. H a m l A t t r i b u t e ࢓ ༷ 1 • .foo Ͱclass, #bar Ͱid͕ఆٛͰ͖Δ
27. H a m l A t t r i b u t e ࢓ ༷ 2 • %div(foo=“bar”) ͷΑ͏ʹAttributeΛఆٛՄೳ
28. H a m l A t t r i b u t e ࢓ ༷ 3 • %div{ foo: “bar” } Ͱ΋AttributeΛఆٛͰ͖Δ
29. H a m l A t t r i b u t e ࢓ ༷ 4 • %div{ hash1, hash2, hash3 } ͱෳ਺ͷHashͰ΋౉ͤΔ
30. H a m l A t t r i b u t e ࢓ ༷ 5 • %div[object] ͱ΍Δͱಈతʹid, classΛੜ੒ͯ͠౉ͤΔ
31. H a m l A t t r i b u t e ࢓ ༷ 6 • ஋ʹnil, false ͕౉ͬͯ͘ΔͱAttribute͕ফ͑Δ H a m l i t ͸ ϒʔ Ϧ Ξ ϯ ͱ ఆ Ί Β Εͯ ͍ Δ A t t r i b u t e ʹ ͠ ͔ ͜ Ε Λ ΍ Β ͳ ͍ ͨ Ί ɺ ޙ ͷ ੜ ੒ ί ʔ υ Ͱ ͜ Ε ͕ ແ ࢹ ͞ Ε · ͢
32. H a m l A t t r i b u t e ࢓ ༷ 7 • ஋ʹtrue͕౉ͬͯ͘Δͱಛघͳग़ྗʹͳΓɺ͔ͭΦϓ γϣϯʹΑͬͯग़ྗ͕มΘΔ H a m l i t ͸ ϒʔ Ϧ Ξ ϯ ͱ ఆ Ί Β Εͯ ͍ Δ A t t r i b u t e ʹ ͠ ͔ ͜ Ε Λ ΍ Β ͳ ͍ ͨ Ί ɺ ޙ ͷ ੜ ੒ ί ʔ υ Ͱ ͜ Ε ͕ ແ ࢹ ͞ Ε · ͢
33. H a m l A t t r i b u t e ࢓ ༷ 8 • Attribute͸ΞϧϑΝϕοτॱʹιʔτ͞ΕΔ
34. H a m l A t t r i b u t e ࢓ ༷ 9 • ஋͕Hashͷ৔߹Attribute໊͕มΘΔ F a m l , H a m l i t ͸ d a t a a t t r i b u t e ʹ ͠ ͔ ͜ Ε Λ ద ༻ ͠ ͳ ͍ ͷ Ͱɺ ޙ ͷ ੜ ੒ ί ʔ υ Ͱ ͜ Ε ͕ d a t a Ҏ ֎ ͷ A t t r i b u t e Ͱ ແ ࢹ ͞ Ε · ͢
35. H a m l A t t r i b u t e ࢓ ༷ 1 0 • ͜Ε·Ͱग़͖ͯͨશͯͷϧʔϧ͸ಉ࣌ʹ࢖༻Ͱ͖ɺෳ ਺ͷ஋͕౉͞ΕΔͱ஋͸Ϛʔδ͞ΕΔ͕ɺid, class, ͦ ΕҎ֎ͰAttribute͝ͱʹϚʔδنଇ͕ҧ͏
36. ͜ ͷ Θ ͚ ͷ Θ ͔ Β Μ ࢓ ༷ ͔ Β ੜ ੒ ͞ Ε Δ ί ʔ υ ͷ ༷ ࢠ
37. ͜ ͷ H a m l ς ϯ ϓ Ϩ ʔ τ Λ Ϩϯ μ Ϧ ϯ ά ͢ Δ ͨ Ί ͷ ੜ ੒ ί ʔ υ ʹ ͭ ͍ͯ ߟ ͑ͯ Έ · ͠ ΐ ͏ ͜ ͷ ෦ ෼ ͸ ί ϯύΠϧ ࣌ ʹ ੜ ੒ Ͱ ͖ ͦ ͏ ɺ ͘ Β ͍Ͱ ͍ ͍Ͱ ͢ b ͕ ਅ ِ ஋ ͡ Ό ͳ ͍ έ ʔε Ͱ ͸ “ b a r = ‘ “ Λ Ұ ؾ ʹ ࿈ ݁ Ͱ ͖ ͦ ͏ ɺ ͱ ͔
38. ͜ ͷ H a m l ς ϯ ϓ Ϩ ʔ τ Λ Ϩϯ μ Ϧ ϯ ά ͢ Δ ͨ Ί ͷ ੜ ੒ ί ʔ υ ʹ ͭ ͍ͯ ߟ ͑ͯ Έ · ͠ ΐ ͏ b , c , d ͸ ม ਺ ͳ ͷ Ͱ ࣄ લ ͷ Ϩϯ μ Ϧ ϯ ά ͸ ແ ཧ . c l a s s ͸ ࣄ લ ʹ Ϩϯ μ Ϧ ϯ ά Ͱ ͖ ͦ ͏ ͩ ͕ɺ c ͱ ཁ Ϛʔ δ ม ਺ ͕ H a s h ͩ ͱ A t t r i b u t e ໊ ͸ ม Θ Δ ม ਺ ͕ ਅ ِ ஋ ͩ ͱ A t t r i b u t e ໊ ΍ ஋ ͕ ফ ͑Δ ஫ ҙ :
39. H a m l 4 ͷ ੜ ੒ ί ʔ υ Ϩϯ μ Ϧ ϯ ά ࣌ ʹ ΍ Γ ͨ ͍ ์ ୊ _ h a m l o u t . a t t r i b u t e s ͕ ஗ ͘ ɺ ͔ ͭ ৗ ʹ ݺ ͹ Ε Δ ͷ Ͱ Ξ ΢ τ S t r i n g i n t e r p o l a t i o n Ͱ ݁ ߹ + ό οϑ Ν ʹ ࠶ ౓ ݁ ߹ = ແ ବ
40. F a m l ͷ ੜ ੒ ί ʔ υ d i v λ ά ͷ ό οϑ Ν ΁ ͷ ࿈ ݁ ෦ ෼ ʹ ແ ବ ͕ ͳ ͘ ͳ ͬͯ ͍ Δ d a t a a t t r i b u t e ͕ དྷ Δ ͱ ί ϯύΠϧ ࣌ ͷ ࠷ ద Խ Λ ์ غ ͢ Δ ͷ Ͱ F a m l ʹ ͸ ౎ ߹ ͕ ѱ ͍ έ ʔε ͩ ͕ɺ C + + ֦ ு Ͱ ಈ ͘ͷ Ͱ H a m l Α Γ ଎ ͍
41. H a m l i t ͷ ੜ ੒ ί ʔ υ b a r ͱ c l a s s ʹ ର ͯ͠ ਅ ِ ஋ ΍ H a s h ͷ ͨ Ί ͷ ػ ೳ Λ ఏ ڙ ͯ͠ ͍ ͳ ͍ ( େ ෼ ζ ϧ ͍ ࢓ ༷ ) ͷ Ͱ ൑ ఆ ͳ ͠Ͱ ࣄ લ ʹ ࿈ ݁ Ͱ ͖ ɺ ߴ ଎ c l a s s , d a t a ͷ Ϛʔ δ ͷ ͨ Ί ʹ ઐ ༻ ͷ C ֦ ு ϝ ι ο υ ͕ ༻ ҙ ͞ Εͯ ͓ Γ ɺ ͦ Ε Λ ௚ ઀ ݺ ͼ ग़ ͢ͷ Ͱ ଎ ͍ ͨ ͩ ɺ ” d a t a = ‘ “ ͱ ͔ ͷ ෦ ෼ ͸ b u i l d _ d a t a ೚ ͤ ͩ ͕ … ?
42. H a m l 5 ͷ ੜ ੒ ί ʔ υ
43. H a m l 5 ͷ ੜ ੒ ί ʔ υ ඞ ཁ ͳ ஋ Λ ޙ ํ ޓ ׵ ੑ ͷ ͋ Δ ॱ ং Ͱ ४ උ ͯ͠ ͓ ͖ ɺ c l a s s ઐ ༻ ͷ ํ ๏ Ͱ ஋ Λ Ϛʔ δ H a m l i t ͩ ͱ C ֦ ு Ͱ ྗ ٕ Ͱ ΍ ͬͯ ͍ Δ ͱ ͜ Ζ Λ ஸ ೡ ʹ ί ϯύ Πϧ ͯ͠ ͓ Γ ɺ ߴ ଎ i d , c l a s s ઐ ༻ ෼ ذ
44. H a m l 5 ͷ ί ʔ υ ͸ ͜ ͜ ͕ ε ΰ ͍ • ஗͘͢Δඞཁ͕͋Δͱ͜Ζ͚͕ͩ஗͍ • merge_valuesͱ͍͏ಛघͳॲཧ͸ɺ஋͕ෳ਺͔ͭid΍classͷέʔεͷΈ࢖ΘΕΔ • _hamlout.attributesͱ͍͏஗͍ϝιου͕ɺ͘͝ݶΒΕͨ৚݅Ͱ͔͠ݺ͹Εͳ͍ • ಛʹɺdataଐੑͷͨΊͷੜ੒ίʔυ͕Faml΍HamlitΑΓݡ͍ • (όοϑΝͷࢀরҎ֎Ͱ)ϝιουݺͼग़͠ͷ਺͕ཧ࿦্࠷খɺݺ͹ͳ͍ύε΋͋Δ • whenͷ෼ذ͸ςʔϒϧҾ͖Ͱ͋Γɺ૿΍ͯ͠΋஗͘ͳΒͳ͍ • case HashΛ࡟Δ౒ྗΛ͍ͯ͠ΔHamlit΍Famlʹൺ΂஗͘ͳ͍ͱ͍͏͜ͱ
45. g o t o ઌ ͷ Ξ υ Ϩε Λ s t ͷ l o o k u p Ͱ औ ಘ w h e n ͷ ஋ ͕ ଈ ஋ ͔ F l o a t , S y m b o l , B i g n u m , S t r i n g ͔ ͭ ɺ ͦ Ε Β ͷ # = = = ͕ ࠶ ఆ ٛ ͞ Εͯ ͍ ͳ ͍ ৔ ߹
46. H a m l 5 ͷ ί ʔ υ ͸ ͜ ͜ ͕ ε ΰ ͍ • RipperͰRubyͷࣜΛύʔε͠ɺ੩తͳ஋͔Ͳ͏͔൑ఆͯ͠ίϯύΠϧ ࣌ʹϨϯμϦϯάͰ͖Δ • ίϯύΠϧ࣌ʹࣄલʹιʔτ͢ΔͷΛఘΊͨ͘ͳΔΑ͏ͳέʔεΛਅ ໘໨ʹղܾ͍ͯ͠Δ • hash = { bar: 1 } Ͱ %div{ foo: hash } ͳ࣌ɺίϯύΠϧ࣌ʹΘ͔ Δ”foo”͡Όͳͯ͘ɺϨϯμϦϯά࣌ʹ֬ఆ͢Δ”foo-bar”Ͱιʔτ ͠ͳ͍ͱ͍͚ͳ͍ • Hamlit΍Faml͸dataଐੑ͚ͩʹ”data-foo”Λద༻͢Δ͜ͱͰͦΕΛ ճආ͍ͯ͠ΔͨΊɺdataଐੑ͕དྷͯ͠·ͬͨ࣌ʹ஗͍
47. H a m l 5 ͷ a t t r i b u t e ι ʔ τ ϩ δ ο Ϋ
48. H a m l 5 ͷ a t t r i b u t e ι ʔ τ ϩ δ ο Ϋ a b , b - b c “ - ” Α Γ લ ͷ จ ࣈ ྻ ͕ ಉ ͡ ಉ ࢜ Λ άϧ ʔ ϐ ϯ ά
49. H a m l 5 ͷ a t t r i b u t e ι ʔ τ ϩ δ ο Ϋ a b , b - b c “ - ” Α Γ લ ͷ จ ࣈ ྻ ͕ ಉ ͡ ಉ ࢜ Λ άϧ ʔ ϐ ϯ ά “ - ” Α Γ લ ͷ จ ࣈ ྻ Ͱ ι ʔ τ ɺ άϧ ʔϓ ͝ ͱ ʹ ࠷ ద Խ ໊ લ ͕ ಉ ͡ ʹ ͳ Γ ͏ Δ ౕ ͕ ಉ ͡ ϝ ι ο υ ʹ ౉ ͬͯ ͍ Δ
50. H a m l 5 ͷ a t t r i b u t e ι ʔ τ ϩ δ ο Ϋ a b , b - b c “ - ” Α Γ લ ͷ จ ࣈ ྻ ͕ ಉ ͡ ಉ ࢜ Λ άϧ ʔ ϐ ϯ ά “ - ” Α Γ લ ͷ จ ࣈ ྻ Ͱ ι ʔ τ ɺ άϧ ʔϓ ͝ ͱ ʹ ࠷ ద Խ ͦ Ε Ҏ ֎ ͷ ෦ ෼ ʹ ׬ ᘳ ͳ ࠷ ద Խ ͕ ޮ ͍ͯ ͍ Δ ( ੩ త ͳ ࣜ ͷ ࣄ લ Ϩϯ μ Ϧ ϯ ά )
51. H a m l 5 ͷ a t t r i b u t e ι ʔ τ ϩ δ ο Ϋ • ϝϞ: ͜ͷϩδοΫ͕ίʔφʔέʔεͰڍಈ͕มΘΓͦ͏ͳͷ͸࣮૷͔ͨ࣌͠Βೝࣝ͠ ͍ͯΔ • ຊ౰͸ ”b,=” ͸ “b-b=” ΑΓखલʹདྷͳ͍ͱ͍͚ͳ͍͕ͦ͏ͳΒͳ͍ • “b,”ͱ”b”Ͱιʔτ͞ΕΔͱ”b”͕ઌʹདྷΔ͕ɺ”b,”ͱ”b-”Ͱ͸”b,”͕ઌʹདྷΔ • ͔ͱ͍ͬͯ”-”͕ͭ͘ͱ͸ݶΒͳ͍ͷͰ”b”Λ”b-”ʹͯ͠΋μϝ • “-”ΑΓલͳͷ͸ه߸͚ͩͳͷͰɺ࣮ࡍ͸࢖Θͳ͍͠Ͳ͏Ͱ΋͍͍ • ͜ͷࢿྉॻ͍ͯͨΒɺ͓ޓ͍ʹઌ಄͔Βͷจࣈྻ͕1จࣈͰ΋ڞ௨͢ΔάϧʔϓΛ࡞ͬ ͯ͋͛Ε͹ΧόʔͰ͖Δ (“b,”ͱ”b-b”͕དྷͨΒ”b”ͷάϧʔϓʹ͢Δ) ͜ͱʹؾ෇͍ͨ ͷͰͦͷ͏࣮ͪ૷͠·͢
52. T O K Y U ʹ ޲ ͚ ͯ ߋ ʹ H A M L Λ ଎ ͘ ͯ͠ ͖ ͨ ࿩ T H E A R C H I T E C T U R E O F H A M L 5
53. H a m l ߴ ଎ Խ ༧ ࠂ
54. ߴ ଎ Խ ύ ο ν Λ ग़ ͠ ͨ
55. ߴ ଎ Խ ύ ο ν Λ ग़ ͠ ͨ
56. ί ϯύΠϧ ର ৅ ͷ H a m l ͷ ί ʔ υ
57. ί ϯύΠϧ ର ৅ ͷ H a m l ͷ ί ʔ υ ί ϯύΠϧ ޙ ͷ R u b y ͷ ί ʔ υ ( b e f o re )
58. ί ϯύΠϧ ର ৅ ͷ H a m l ͷ ί ʔ υ ί ϯύΠϧ ޙ ͷ R u b y ͷ ί ʔ υ ( b e f o re ) ί ϯύΠϧ ޙ ͷ R u b y ͷ ί ʔ υ ( a f t e r )
59. ί ϯύΠϧ ର ৅ ͷ H a m l ͷ ί ʔ υ ί ϯύΠϧ ޙ ͷ R u b y ͷ ί ʔ υ ( b e f o re ) ί ϯύΠϧ ޙ ͷ R u b y ͷ ί ʔ υ ( a f t e r ) t e x t a re a , p re , c o d e Ҏ ֎ ͷ R u b y ͷ ε Ϋ Ϧ ϓ τ ຒ Ί ࠐ Έ ɺ ͭ · Γ ΄ ͱ Μ Ͳͷ έ ʔε ͕ ߴ ଎ Խ ର ৅ ͜ ͷ ༨ ܭ ͳ ॲ ཧ ͕ ফ ͑Δ
60. f i x _ t e x t a re a s ! ͱ ͸ • textareaλάͷ಺ଆʹվߦ͕͋ͬͯ΋ද্ࣔ͸վߦ͞Εͳ͍ϒϥ΢β ޲͚ʹɺHaml͸textareaλάͷ಺ଆͷ”\n”Λ”
”ʹΤεέʔϓ ͢Δ • Haml಺Ͱ͸preserveͱ͍͏໊લͰ࣮૷͞Ε͓ͯΓɺtextarea౳ͷλ άͷ಺ଆͰͷΈ͜Ε͕ݺ͹ΕΔ Rails 3.2.3ͰɺRailsͷtext_areaϔϧύʔͷ։࢝λάͷ௚ޙʹվߦΛ͍ ΕΔͱ͍͏໎࿭ͳมߋ͕ೖͬͨ ͦͷ࠷ॳͷվߦ΋Τεέʔϓ͞ΕΔͱظ଴͢ΔڍಈʹͳΒͳ͍ϒ ϥ΢βͷͨΊʹɺ࠷ॳͷ”
”Λ”\n”ʹ໭͍ͯ͠Δ
61. f i x _ t e x t a re a s ! ͱ ͸ • textareaλάͷ಺ଆʹվߦ͕͋ͬͯ΋ද্ࣔ͸վߦ͞Εͳ͍ϒϥ΢β ޲͚ʹɺHaml͸textareaλάͷ಺ଆͷ”\n”Λ”
”ʹΤεέʔϓ ͢Δ • Haml಺Ͱ͸preserveͱ͍͏໊લͰ࣮૷͞Ε͓ͯΓɺtextarea౳ͷλ άͷ಺ଆͰͷΈ͜Ε͕ݺ͹ΕΔ • Rails 3.2.3ͰɺRailsͷtext_areaϔϧύʔͷ։࢝λάͷ௚ޙʹվߦΛ͍ ΕΔͱ͍͏໎࿭ͳมߋ͕ೖͬͨ • ͦͷ࠷ॳͷվߦ΋Τεέʔϓ͞ΕΔͱظ଴͢ΔڍಈʹͳΒͳ͍ϒ ϥ΢βͷͨΊʹɺ࠷ॳͷ”
”Λ”\n”ʹ໭͍ͯ͠Δ
62. f i x _ t e x t a re a s ! ͱ ͸ • textareaλάͷ಺ଆʹվߦ͕͋ͬͯ΋ද্ࣔ͸վߦ͞Εͳ͍ϒϥ΢β ޲͚ʹɺHaml͸textareaλάͷ಺ଆͷ”\n”Λ”
”ʹΤεέʔ ϓ͢Δ • Haml಺Ͱ͸preserveͱ͍͏໊લͰ࣮૷͞Ε͓ͯΓɺtextarea౳ͷ λάͷ಺ଆͰͷΈ͜Ε͕ݺ͹ΕΔ • Rails 3.2.3ͰɺRailsͷtext_areaϔϧύʔͷ։࢝λάͷ௚ޙʹվߦΛ͍ ΕΔͱ͍͏໎࿭ͳมߋ͕ೖͬͨ • ͦͷ࠷ॳͷվߦ΋Τεέʔϓ͞ΕΔͱظ଴͢ΔڍಈʹͳΒͳ͍ϒ ϥ΢βͷͨΊʹɺ࠷ॳͷ”
”Λ”\n”ʹ໭͍ͯ͠Δ
63. f i x _ t e x t a re a s ! ͱ ͸ • textareaλάͷ಺ଆʹվߦ͕͋ͬͯ΋ද্ࣔ͸վߦ͞Εͳ͍ϒϥ΢β ޲͚ʹɺHaml͸textareaλάͷ಺ଆͷ”\n”Λ”
”ʹΤεέʔ ϓ͢Δ • Haml಺Ͱ͸preserveͱ͍͏໊લͰ࣮૷͞Ε͓ͯΓɺtextarea౳ͷ λάͷ಺ଆͰͷΈ͜Ε͕ݺ͹ΕΔ • Rails 3.2.3ͰɺRailsͷtext_areaϔϧύʔͷ։࢝λάͷ௚ޙʹվߦΛ͍ ΕΔͱ͍͏໎࿭ͳมߋ͕ೖͬͨ • ͦͷ࠷ॳͷվߦ΋Τεέʔϓ͞ΕΔͱظ଴͢ΔڍಈʹͳΒͳ͍ϒ ϥ΢βͷͨΊʹɺ࠷ॳͷ”
”Λ”\n”ʹ໭͍ͯ͠Δ = > t e x t a re a ౳ ͷ ಺ ଆ Ͱ ͩ ͚ f i x _ t e x t a re a s ! ͢ Ε ͹ ྑ ͍ ͷ Ͱ ͸ ! ! ( ͜ Ε Λ ΍ ͬ ͨ )
64. ଎ ͘ ͳ ͬ ͨ : 3 . 3 2 x → 3 . 7 7 x
65. H A M L 6 Ͱ ΍ Γ ͨ ͍ ͜ ͱ T H E A R C H I T E C T U R E O F H A M L 5
66. H T T P S t re a m i n g f o r R a i l s • haml/haml#436 • Railsͷ render stream: true ͬͯ஌ͬͯ·͔͢ • ๻͸࢖ͬͨ͜ͱͳ͍ • partial͕ϨϯμϦϯά͞ΕΔ౓ʹνϟϯΫͱͯ͠ΫϥΠΞϯτʹ ૹΒΕΔ • ίʔυੜ੒ث͕෼཭͞ΕͨͷͰ៉ྷʹ࣮૷Ͱ͖ΔΑ͏ʹͳͬͨ • ΄ͲΑ͍࣮૷೉қ౓͔ͭ໘നΊͷػೳͳͷͰ୭͔࣮૷͍ͯͩ͘͠͞
67. L a z y H a m l B u ff e r ͜ Ε ͸ ݱ ঢ় ͷ ί ʔ υ
68. L a z y H a m l B u ff e r H a m l : : B u ff e r. n e w ͕ ஗ ͍ ͷ Ͱ Ͳ ͏ ʹ ͔ ͯ͠ _ h a m l o u t ͷ ੜ ੒ Λ ΍ Ί ͨ ͍
69. L a z y H a m l B u ff e r _ h a m l o u t . b u ff e r ͸ ผ ͷ ϩ ʔΧ ϧ ม ਺ ʹ ม ͑ Β Ε Δ
70. L a z y H a m l B u ff e r ͦ ͏͢ Δ ͱ _ h a m l o u t ͷ ༻ ్ ͕ɺ ͜ ͜ Ͱ ͸ ஋ ͕ H a s h , A r r a y ౳ ͷ ৔ ߹ ͳ Ͳ ɺ ( f i x _ t e x t a re a s ! Λ ফ ͠ ͨ ͷ Ͱ ) ͋ · Γ ࢖ Θ Ε ͳ ͍ έ ʔε ʹ ߜ Β Ε Δ
71. L a z y H a m l B u ff e r ͳ Β ɺ H a m l : : B u ff e r ͸ ࠷ ॳ ʹ ࡞ Βͣɺ ಺ ෦ ͷ ό οϑ Ν ʔ Λ Π ϯε λ ϯε ม ਺ @ _ e r b o u t ʹ ͍ Εͯ ͓ ͍ͯɺ
72. L a z y H a m l B u ff e r _ h a m l o u t ͕ ݺ ͹ Ε ͨ ࣌ ʹ @ _ e r b o u t Λ H a m l : : B u ff e r. n e w Ͱ ϥ οϓ ͢ Ε ͹ ͍ ͍ ͷ Ͱ ͸ ! ? ͱ ͍ ͏ ໨ ࿦ Έ
73. L a z y H a m l B u ff e r • ΊͪΌͪ͘Ό଎͘ͳΓɺΑ͘࢖ͬͯΔϕϯνϚʔΫͰݱߦ࢓༷ͷཧ࿦஋ ʹ౸ୡͰ͖Δ • Famlͱ΄΅ಉ଎ʹͳΔ͜ͱΛݕূࡁ • ۃΊ࣮ͯ૷೉қ౓͕ߴ͍ • HamlϚχΞͷਓ͚ͩͲ͏ͧ • εϥΠυͷதͰ͸͍Ζ͍Ζඞཁͳ͜ͱΛলུͯ͠ΔͷͰɺͱΓ͋͑ͣ ͕Μ͹ͬͯͦΕΒʹḷΓ͍͍ͭͯͩ͘͞ • Hamlߴ଎ԽͷϥεϘε(?)