Tweet
Tweet

Slide 1

Slide 1 text

Ξοϓϧοϓϧͷ ৽͍͠Φʔϓϯιʔεͷ঺հ Ξ οϓϧ οϓϧ ງ ޛ େ

Slide 2

Slide 2 text

ງ ޛେ • @steelydylan • ϑϩϯτΤϯυΤϯδχΞ • Nagoya.jsओ࠵

Slide 3

Slide 3 text

ࠓ ೔ ͓ ࿩ ͢͠ Δ ͜ ͱ • ެ։͍ͯ͠ΔJavaScript OSSͷ঺հ • OSSΛެ։͢ΔϝϦοτ • ࠓޙͷ໨ඪ

Slide 4

Slide 4 text

ΞοϓϧοϓϧͷOSSΛ࢖ͬͨ͜ͱ͸͋Γ·͔͢ʁ

Slide 5

Slide 5 text

Ϩ ϙ δ τ Ϧ ਺ 3 3 ε λ ʔ ਺ 9 5 5 https://github.com/appleple

Slide 6

Slide 6 text

JavaScript ϥϯΩϯά Nagoya Japan 2 / 80 Ґ 29 / 7662 Ґ http://git-awards.com/users/search?login=appleple

Slide 7

Slide 7 text

લ ʑ ճ ঺ հ ͠ ͨ O S S • SmartPhoto • hiraku • modal-video • a-table.js

Slide 8

Slide 8 text

ࠓ ճ ঺ հ ͢ Δ O S S • FormStorage • PrettyScroll • Hiraku2 • ScrollHint

Slide 9

Slide 9 text

FormStorage.js https://github.com/appleple/form-storage

Slide 10

Slide 10 text

FormStorage.js • Ұ౓ೖྗͨ͠಺༰Λอଘͯ͠࠶ͼϑΥʔϜΛ๚Εͨஈ ֊Ͱ෮ݩͰ͖Δ • ೖྗͨ͠಺༰ΛผͷϑΥʔϜͰར༻Մೳ

Slide 11

Slide 11 text

PrettyScroll https://github.com/appleple/pretty-scroll

Slide 12

Slide 12 text

PrettyScroll • εΫϩʔϧݻఆ͢Δཁૉ͕windowͷߴ͞ΑΓ௕͍৔ ߹Ͱ΋୺͔Β୺·ͰදࣔͰ͖Δ • εΫϩʔϧݻఆ͢ΔྖҬΛηϨΫλʔͰࢦఆͰ͖Δ • CSSෆཁ • ϒϨΠΫϙΠϯτ͕ઃఆՄೳ

Slide 13

Slide 13 text

Hiraku2 https://appleple.github.io/hiraku2/

Slide 14

Slide 14 text

Hiraku2 • ΦϑΩϟϯόεͷ։ด࣌ͷΞχϝʔγϣϯʹtransform Λ࢖༻ • ΦϑΩϟϯόεΛεϜʔζʹεΫϩʔϧͰ͖ΔΑ͏ʹ վྑ • ϖʔδ಺ϦϯΫʹ΋ରԠ

Slide 15

Slide 15 text

ScrollHint https://github.com/appleple/scroll-hint

Slide 16

Slide 16 text

ScrollHint • ਌ཁૉΛ͸Έग़͍ͯ͠Δίϯςϯπ͕͍Δ৔߹ʹεΫ ϩʔϧ͢Δ͜ͱΛଅ͢ΞΠίϯΛදࣔͯ͘͠ΕΔ • ΞΠίϯͱςΩετ͸ࣗ༝ʹมߋՄೳ

Slide 17

Slide 17 text

appleple open source project https://appleple.github.io

Slide 18

Slide 18 text

Ξ οϓϧ οϓϧ ͷ O S S Λ ར ༻ ͢ Δ ར ఺ • ։ൃ͕׆ൃ • @steelydylanʹཁ๬΍όάใࠂΛग़ͤ͹ଈ࠲ʹରԠ • ࢖͍ํ͕Θ͔Βͳͯ͘΋@steelydylanʹฉ͚Δʂ • ೔ຊޠυΩϡϝϯτͷॆ࣮ • a-blog cms ͷ։ൃʹߩݙͰ͖Δ

Slide 19

Slide 19 text

ࣗ ෼ ʹ ͱ ͬͯͷ ར ఺ • ւ֎ͷ͍ΖΜͳਓ͔Βissue΍ϓϧϦΫ͕ඈΜͰָ͖͍ͯ͠ • TwitterͰόζΔͷΛݟΔͷָ͕͍͠ • CMSʹ૊ΈࠐΈ͍ͨ࣌΋WebpackͰόϯυϧ͢Δ͚ͩͳ ͷͰָ • ελʔ਺Ͱ΍Δؾ޲্ • Ҋ݅Ͱ΋࢖͑Δ

Slide 20

Slide 20 text

໨ ඪ • ΞϓϦͷΑ͏ͳUIΛεϚϗͰఏڙ͍ͨ͠ • ΞοϓϧοϓϧͷOSSΛ࢖͑͹Web੍࡞ʹࠔΒͳ͍ͱ ݴΘΕΔΑ͏ʹͳΓ͍ͨ • ͱΓ͋͑ͣ Nagoya Ͱελʔ਺ 1ҐΛ໨ࢦ͍ͨ͠

Slide 21

Slide 21 text

ࠓ ޙ ΍ Γ ͨ ͍ ͜ ͱ • ͔͍͍ͬ͜ςʔϚ։ൃ΋͍͖͍ͯͨ͠ • PWAʹରԠͨ͠ςʔϚͱ͔ • Node.jsΛ࢖ͬͨίϚϯυϥΠϯܥͷOSS΋࡞Γ͍ͨ

Slide 22

Slide 22 text

࠷ ۙ ͸ P H P ΋ ॻ ͖ · ͢ ʂ

Slide 23

Slide 23 text

֦ ு Ξ ϓ Ϧ ΋ O S S ͱ ͯ͠ ഑ ෍ ͯ͠ ͍ · ͢ https://developer.a-blogcms.jp/app/

Slide 24

Slide 24 text

͜ Ε ͔ Β ΋ օ ͞ Μ ͷ W E B ੍ ࡞ Λ ศརʹ͢ΔπʔϧΛ։ൃ͍͖ͯ͠·͢ɻ

Slide 25

Slide 25 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ @steelydylan