アップルップルの新しいオープンソースの紹介

a-blog cms Training Camp 2018 Springで発表した内容です

Transcript

1. Ξοϓϧοϓϧͷ ৽͍͠Φʔϓϯιʔεͷ঺հ Ξ οϓϧ οϓϧ ງ ޛ େ
2. ງ ޛେ • @steelydylan • ϑϩϯτΤϯυΤϯδχΞ • Nagoya.jsओ࠵
3. ࠓ ೔ ͓ ࿩ ͢͠ Δ ͜ ͱ • ެ։͍ͯ͠ΔJavaScript OSSͷ঺հ • OSSΛެ։͢ΔϝϦοτ • ࠓޙͷ໨ඪ
4. ΞοϓϧοϓϧͷOSSΛ࢖ͬͨ͜ͱ͸͋Γ·͔͢ʁ
5. Ϩ ϙ δ τ Ϧ ਺ 3 3 ε λ ʔ ਺ 9 5 5 https://github.com/appleple
6. JavaScript ϥϯΩϯά Nagoya Japan 2 / 80 Ґ 29 / 7662 Ґ http://git-awards.com/users/search?login=appleple
7. લ ʑ ճ ঺ հ ͠ ͨ O S S • SmartPhoto • hiraku • modal-video • a-table.js
8. ࠓ ճ ঺ հ ͢ Δ O S S • FormStorage • PrettyScroll • Hiraku2 • ScrollHint
9. FormStorage.js https://github.com/appleple/form-storage
10. FormStorage.js • Ұ౓ೖྗͨ͠಺༰Λอଘͯ͠࠶ͼϑΥʔϜΛ๚Εͨஈ ֊Ͱ෮ݩͰ͖Δ • ೖྗͨ͠಺༰ΛผͷϑΥʔϜͰར༻Մೳ
11. PrettyScroll https://github.com/appleple/pretty-scroll
12. PrettyScroll • εΫϩʔϧݻఆ͢Δཁૉ͕windowͷߴ͞ΑΓ௕͍৔ ߹Ͱ΋୺͔Β୺·ͰදࣔͰ͖Δ • εΫϩʔϧݻఆ͢ΔྖҬΛηϨΫλʔͰࢦఆͰ͖Δ • CSSෆཁ • ϒϨΠΫϙΠϯτ͕ઃఆՄೳ
13. Hiraku2 https://appleple.github.io/hiraku2/
14. Hiraku2 • ΦϑΩϟϯόεͷ։ด࣌ͷΞχϝʔγϣϯʹtransform Λ࢖༻ • ΦϑΩϟϯόεΛεϜʔζʹεΫϩʔϧͰ͖ΔΑ͏ʹ վྑ • ϖʔδ಺ϦϯΫʹ΋ରԠ
15. ScrollHint https://github.com/appleple/scroll-hint
16. ScrollHint • ਌ཁૉΛ͸Έग़͍ͯ͠Δίϯςϯπ͕͍Δ৔߹ʹεΫ ϩʔϧ͢Δ͜ͱΛଅ͢ΞΠίϯΛදࣔͯ͘͠ΕΔ • ΞΠίϯͱςΩετ͸ࣗ༝ʹมߋՄೳ
17. appleple open source project https://appleple.github.io
18. Ξ οϓϧ οϓϧ ͷ O S S Λ ར ༻ ͢ Δ ར ఺ • ։ൃ͕׆ൃ • @steelydylanʹཁ๬΍όάใࠂΛग़ͤ͹ଈ࠲ʹରԠ • ࢖͍ํ͕Θ͔Βͳͯ͘΋@steelydylanʹฉ͚Δʂ • ೔ຊޠυΩϡϝϯτͷॆ࣮ • a-blog cms ͷ։ൃʹߩݙͰ͖Δ
19. ࣗ ෼ ʹ ͱ ͬͯͷ ར ఺ • ւ֎ͷ͍ΖΜͳਓ͔Βissue΍ϓϧϦΫ͕ඈΜͰָ͖͍ͯ͠ • TwitterͰόζΔͷΛݟΔͷָ͕͍͠ • CMSʹ૊ΈࠐΈ͍ͨ࣌΋WebpackͰόϯυϧ͢Δ͚ͩͳ ͷͰָ • ελʔ਺Ͱ΍Δؾ޲্ • Ҋ݅Ͱ΋࢖͑Δ
20. ໨ ඪ • ΞϓϦͷΑ͏ͳUIΛεϚϗͰఏڙ͍ͨ͠ • ΞοϓϧοϓϧͷOSSΛ࢖͑͹Web੍࡞ʹࠔΒͳ͍ͱ ݴΘΕΔΑ͏ʹͳΓ͍ͨ • ͱΓ͋͑ͣ Nagoya Ͱελʔ਺ 1ҐΛ໨ࢦ͍ͨ͠
21. ࠓ ޙ ΍ Γ ͨ ͍ ͜ ͱ • ͔͍͍ͬ͜ςʔϚ։ൃ΋͍͖͍ͯͨ͠ • PWAʹରԠͨ͠ςʔϚͱ͔ • Node.jsΛ࢖ͬͨίϚϯυϥΠϯܥͷOSS΋࡞Γ͍ͨ
22. ࠷ ۙ ͸ P H P ΋ ॻ ͖ · ͢ ʂ
23. ֦ ு Ξ ϓ Ϧ ΋ O S S ͱ ͯ͠ ഑ ෍ ͯ͠ ͍ · ͢ https://developer.a-blogcms.jp/app/
24. ͜ Ε ͔ Β ΋ օ ͞ Μ ͷ W E B ੍ ࡞ Λ ศརʹ͢ΔπʔϧΛ։ൃ͍͖ͯ͠·͢ɻ
25. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ @steelydylan