BEM

Transcript

1. B E M SEND TYPE HERE
2. # & . ͱ ͸ $ 4 4 ໋ ໊ ن ଇ ͷ ͻ ͱ ͭ Ͱ ͢ $ 4 4 ͸ ࣗ ༝ ౓ ͷ ߴ ͍ ݴ ޠ ͳ ͷ Ͱ ι ʔ ε ͕ Χ Φ ε ʹ ͳ Γ ͕ ͪ ϧ ʔ ϧ ͕ ͋ Δ ͱ ӡ ༻ ɾ ։ ൃ ͠ ΍ ͢ ͘ ͳ Γ · ͢
3. $ 4 4 ໋ ໊ ن ଇ ͱ ͸ Α Γ ྑ ͍ $ 4 4 Λ ॻ ͘ ͨ Ί ͷ ϧ ʔ ϧ Ͱ ͢ อ क ͠ ΍ ͢ ͍ ྑ ͍ $ 4 4 ༧ ଌ ͠ ΍ ͢ ͍ ࠶ ར ༻ ͠ ΍ ͢ ͍ ཧ ղ ͠ ΍ ͢ ͍ ଞ ͷ ύ ʔ π Λ ่ ͞ ͳ ͍ ࢖ ͍ · Θ ͤ Δ
4. B LO C K L E L E M E N T O F I F I E R E M
5. ύ ʔ π ʹ B LO C K
6. E L E M E N T B LO C K ͷ ߏ ੒ ཁ ૉ Φ ϒ δΣ Ϋ τ ࢦ ޲ Ͱ ͍ ͏ ͱ ͜ Ζ ͷ ϓ ϩ ύ ς Ο ʹ ۙ ͍ ͔ ΋ʁ
7. E L E M E N T B LO C K ͷ ߏ ੒ ཁ ૉ B LO C K E L E M E N T E L E M E N T
8. M O D I F I E R ߏ ੒ ཁ ૉ ͷ σ βΠ ϯ ͕ ม Θ Δ ࣌ ʹ ͭ ͔ ͏ ʮ म ০ ࢠ ʯ ౤ ߘ ͢ Δ ౤ ߘ ͢ Δ C U O Š J O B D U J W F C U O Š B D U J W F
9. M i n d B E M d i n g # & . ͸ ͋ ͘ · Ͱ ઃ ܭ ࢥ ૝ ࣮ ࡍ ͸ . J O E # & . E J O H ͱ ͍ ͏ ه ड़ ܗ ࣜ Ͱ ॻ ͍ͯ ͍ ͖ · ͢
10. SEND TYPE HERE
11. SEND TYPE HERE B E E E
12. B LO C K _ _ E L E M E N T B LO C K _ _ E L E M E N T- - M O D I F I E R η ύ Ϩ ʔ λ ʔͰ ୯ ޠ Λ ۠ ੾ Γ · ͢
13. SEND TYPE HERE B: .form E : form__title E : form__textarea E : form__btn E
14. # & . ͸ ͳ ͥ ੜ · Ε ͨ ͔ ʁ ӡ ༻ ϑ Σ ʔζ Ͱ ϥ Ϋ ͠ ͨ ͍ ͔ Β ʂ ࢓ ༷ ม ߋ ͳ Ͳ Ͱ ߏ ଄ ͕ ม Խ ͠ ͨ ৔ ߹ ɺ ม ߋ ͢ Δ ͷ ͸ ର Ԡ Օ ॴ ͩ ͚ Ͱ ࡁ Ή Α ͏ ͳ ઃ ܭ
15. γ ϯ άϧ Ϋ ϥε
    W T
    Ϛϧ ν Ϋ ϥε
16. γ ϯ άϧ Ϋ ϥε ϝ Ϧ ο τ ) 5 . - ͕ γ ϯ ϓϧ  ཁ ૉ  ε λ Πϧ Ͱ σ βΠ ϯ ͕ ่ Ε ʹ ͘ ͍ σϝ Ϧ ο τ  ཁ ૉ  Ϋ ϥε ͳ ͷ Ͱ $ 4 4 ϓ ϩ ύ ςΟ ͕ ෳ ࡶ
17. Ϛϧ ν Ϋ ϥε ϝ Ϧ ο τ $ 4 4 ͷ ϓ ϩ ύ ςΟ ͸ γ ϯ ϓϧ σϝ Ϧ ο τ $ 4 4 Ϋ ϥε ͷ ؅ ཧ ͕ େ ม ) 5 . - ͕ ෳ ࡶ
18. γ ϯ άϧ ) 5 . - $ 4 4 Ϛϧ ν ) 5 . - $ 4 4
19. γ ϯ άϧ ͍ ͡ Δ ਓ ਺ ͕ ଟ ͍ ) 5 . - ͕ γ ϯ ϓϧ ʹ ͳ Δ γ ϯ άϧ ͷ ํ ͕ ͍ ͍ ʁ  ཁ ૉ
    
     Ϋ ϥε Λ ݫ क ͢ Ε ͹ ϝ ϯ ς φ ϯε ੑ ΋ ͋ ͕ Γ · ͢ K T τ Ϧ Ψ ʔ Ϋ ϥε ͸ ྫ ֎ ) 5 . - $ 4 4
20. # & . ͷ ऑ ఺ ֊ ૚ ͕ ਂ ͘ ͳ ͬ ͨ ࣌ ʹ ͭ Β ͍ ! ެ ࣜ υ Ω ϡ ϝ ϯ τ Ͱ ͸ # - 0 $ , @ @ & - & . & / 5 · Ͱ ͠ ͔ ॻ ͔ Εͯ ͍ ͳ ͍ ଟ ͘ͷ 8 F C αΠ τ Ͱ ཁ ૉ ͸ ೖ Ε ࢠ ʹ ͳ Γ · ͢ ͕ ֊ ૚ ͕ ਂ ͘ ͳ Δ ͱ Ͳͷ ཁ ૉ Λ # - 0 $ , ʹ ͯ͠ Ͳͷ ཁ ૉ Λ & - & . & / 5 ʹ ͢ Δ ͔ ໎ ͏
21. SEND TYPE HERE
22. SEND SEND MESSAGE A D D F I L E
23. # - 0 $ , ͸ ೖ Ε ࢠ ʹ Ͱ ͖ Δ & - & . & / 5 ͷ ೖ Ε ࢠ ͸ ϧ ʔϧ ҧ ൓ Ͱ ͢
24. SEND SEND MESSAGE B B B B E E B A D D F I L E
25. · ͱ Ί # & . ͸ ͋ ͘ · Ͱ ߟ ͑ ํ ͷ Ұ ͭ Ͱ ͢ ศ ར Ͱ ͸ ͋ Γ · ͢ ͕ ࢀ ߟ ఔ ౓ ʹ ͢ Δ ͷ ͕ ͍ ͍Ͱ ͠ ΐ ͏
26. · ͱ Ί ν ʔϜ ͝ ͱ ʹ ͦ Ε ͧ Ε ͷ ։ ൃ ε λ Πϧ ͕ ͋ Δ ͱ ࢥ ͏ ͷ Ͱ ಠ ࣗ Ξ Ϩϯ δ ͢ Δ ͷ ΋ ͍ ͍ ͱ ࢥ ͍ · ͢
27. · ͱ Ί େ ੾ ͳ ͷ ͸ ν ʔϜ Ͱ ϧ ʔϧ Λ ܾ Ί ڞ ௨ ೝ ࣝ Λ ͭ ͘ Γ ɺ ։ ൃ Λ ε Ϝʔζ ʹ ͢ Δ ͜ ͱ ͩ ͱ ࢥ ͍ · ͠ ͨ
28. THANK YOU!