Slide 1
Slide 1 text
̍ϲ݄ͷ৽نαʔϏε։ൃͰ
ѹతΛͨ͠
දࢀಓ.rb #49
Slide 2
Slide 2 text
ࣗݾհ
ɾshota yamashita
- Github: shota-yamashita
- Twitter: @redblues999
ɾRuby / Rails / Angular
ɾ21ࡀʢΤϯδχΞྺ: 2ʣ
Slide 3
Slide 3 text
ࠓ͢͜ͱ
̍ϲ݄Ͱ͔̌ΒRails newͯ͠৽ن
αʔϏεΛ࡞ͬͨײΛ͠·͢ɻ
Slide 4
Slide 4 text
ԿΛ։ൃͨ͠ͷʁ
ɾձһ༷͚ͷίϯςϯπΛఏڙ͢ΔαʔϏε
ɾձһ༷ / ཧऀ͚ը໘ʢ̍̎ը໘ʣ
ɾ։ൃظؒ̍ϲ݄
ɾdevise, bootstrap-sass, carrierwave, Quill, Heroku, etc
Slide 5
Slide 5 text
ͲͷΑ͏ͳ։ൃख๏Λͬͯͨͷ?
ཧɿΞδϟΠϧ։ൃ
Slide 6
Slide 6 text
ݱ࣮
ϝςΦϑΥʔϧ։ൃ
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
ݟੵΓΛ֎ͨ͠3େཁҼ
ɾࡉ͔͍ཁ݅ɺ࡞ۀͷચ͍ग़͠
ɾσβΠϯ
ɾΤσΟλͷબఆ
Slide 9
Slide 9 text
ࡉ͔͍ཁ݅ɺ࡞ۀͷચ͍ग़͠
Slide 10
Slide 10 text
ࡉ͔͍ཁ݅ɺ࡞ۀΛલͬͯચ͍ग़͞ͳ
͔ͬͨΒͲ͏ͳ͔ͬͨ
ɾαʔόʔઃఆ
ˠ ࡞ۀ༰ɺ૿͑ͯΔ(+1d)
ɾσβΠϯ
ˠ(+5d) ʢ˞ޙ΄Ͳ͠·͢ʣ
ɾࡉ͔͍Ճཁɺόάमਖ਼
ˠ όοϑΝ༻ҙͯ͠ͳ͔ͬͨ…(+3d)
Slide 11
Slide 11 text
σβΠϯ
Slide 12
Slide 12 text
σβΠϯ࡞ͲͷΑ͏ʹਐΊͯͨͷʁ
1. ૉͷHTMLΛ࣮
ˠ σβΠϯʢϓϩτλΠϓʣͷ࡞ґཔ
2. σβΠϯʢϓϩτλΠϓʣΛ࣮
ˠ σβΠϯʢ࠷ऴ൛ʣͷ࡞ґཔ
3. σβΠϯʢ࠷ऴ൛ʣΛ࣮
˞͜͜ͷ࡞ۀɺσβΠφʔ͞Μʹ͓ئ͍͢Δ༧ఆͩͬͨ
Slide 13
Slide 13 text
ͱ͜Ζ͕…
σβΠφʔͷϦιʔεΛׂ͚ͳ͍ʂ
͜ͱ͕໌͠ɺσβΠϯʢ࠷ऴ൛ʣͷ࣮ΤϯδχΞͷ
࡞ۀͱͳͬͨ…(+5d)
Slide 14
Slide 14 text
ΤσΟλͷબఆ
Slide 15
Slide 15 text
Froala Editor
ɾhttps://www.froala.com/wysiwyg-editor
ɾ࣍ੈͷϦονςΩετΤσΟλ
ɾRubyGems: https://github.com/froala/wysiwyg-rails
Slide 16
Slide 16 text
https://github.com/shota-yamashita/floara-playground
Slide 17
Slide 17 text
͜ͷςΩετΤσΟλΛ࠾༻༧ఆ͕ͩͬͨ…
༗ྉͩͬͨʂ
ͷͰɺΤσΟλΛมߋ͢Δ͜ͱʹ…(+2d)
Slide 18
Slide 18 text
Quill
ɾhttps://quilljs.com/
ɾϑϦʔͷϦονςΩετΤσΟλ
ɾhttps://github.com/quilljs/quill
Slide 19
Slide 19 text
(ͦͷ͏ͪϒϩάॻ͔͘)
Slide 20
Slide 20 text
ϦϦʔεͰ͖ͨͷʁ
Slide 21
Slide 21 text
ϦϦʔεͰ͖·ͨ͠ʂ
Slide 22
Slide 22 text
·ͱΊ
ɾϓϩδΣΫτ։࢝ޙʹࡉ͔͍ཁ݅ͷચ
͍ग़͠Λ͢Δ or όοϑΝΛͱΔʂ
ɾͲ͜·Ͱ࡞ۀΛ͓ئ͍Ͱ͖Δͷ͔ͷೝࣝ
߹ΘͤΔʂ
ɾશͯͷπʔϧ͕ϑϦʔͰͳ͍ʂ