Slide 1

Slide 1 text

༗ݶձࣾΞοϓϧοϓϧ ງ ޛେ a-blog cms ΛΑ͘͢ΔͨΊʹ औΓ૊Μͩ3ͭͷ͜ͱ

Slide 2

Slide 2 text

·ͣ͸ࣗݾ঺հ͔Β

Slide 3

Slide 3 text

ງ ޛେ @steelydylan

Slide 4

Slide 4 text

ߴ஌ݝͷग़਎Ͱ͢

Slide 5

Slide 5 text

ֶੜ࣌୅͸ •ESSαʔΫϧ෦௕ •JavaScript Λ༻͍ͯήʔϜΛ੍࡞ •ۂΛ࡞ͬͨΓ͍ͯͨ͠

Slide 6

Slide 6 text

ֶੜ࣌୅͸

Slide 7

Slide 7 text

ීஈ͍ͯ͠Δ࢓ࣄ ໊ݹ԰঎Պେֶ
 http://www.nucba.ac.jp/

Slide 8

Slide 8 text

ීஈ͍ͯ͠Δ࢓ࣄ ໊ݹ԰঎ՊେֶେֶӃ
 http://mba.nucba.ac.jp/

Slide 9

Slide 9 text

σδλϧαΠωʔδ https://www.youtube.com/watch?v=vBFZOSLlYcc

Slide 10

Slide 10 text

•a-blog cmsͷςʔϚͱͯ͠࡞੒ •Google ChromeͰද͍ࣔͯ͠Δ •Web Component༻ϥΠϒϥϦɺ PolymerΛ࢖༻ σδλϧαΠωʔδ

Slide 11

Slide 11 text

༗ঈςʔϚͱͯ͠Έͳ͞Μͷݩʹ ಧ͚ΒΕΔΑ͏ʹؤு͍ͬͯ·͢ʂ σδλϧαΠωʔδ

Slide 12

Slide 12 text

ຊͷࣥචʹ΋ؔΘΓ·ͨ͠ https://www.amazon.co.jp/dp/486246341X/ ࣮ફʂ ίϯςϯπϑΝʔετͷ WebαΠτӡ༻ ʙa-blog cmsͰ͸͡ΊΔCMSϓϩτλΠϐϯάʙ

Slide 13

Slide 13 text

a-blog cms Λ Α͘͢ΔͨΊʹ
 औΓ૊Μͩ3ͭͷ͜ͱ

Slide 14

Slide 14 text

औΓ૊Μͩ3ͭͷ͜ͱ 1. ϒϥ΢βଆͰͷը૾ϦαΠζ 2. CMSͷ؅ཧը໘ͷӳޠԽ 3. ΦϑΩϟϯόεϝχϡʔ

Slide 15

Slide 15 text

ϒϥ΢βଆͰͷ
 ը૾ϦαΠζ 1

Slide 16

Slide 16 text

1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ σδΧϝͰࡱӨͨ͠ ߴը࣭ͳը૾Ͱ΋ ΞοϓϩʔυΛՄೳʹ

Slide 17

Slide 17 text

αΠζͷେ͖ͳը૾Λ͋͛Δͱ ҎԼͷΑ͏ͳΤϥʔ͕ग़͍ͯͨ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ Ver. 2.5.1Ҏલ

Slide 18

Slide 18 text

Canvasʹը૾Λॻ͖ग़͠ɺϦαΠζ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ

Slide 19

Slide 19 text

ϦαΠζͨ͠಺༰Λ
 Input type hiddenʹηοτ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ

Slide 20

Slide 20 text

αʔόʔଆͰhiddenͷ஋Λը૾ʹม׵ Base64σʔλ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ

Slide 21

Slide 21 text

CMSͷ؅ཧը໘ͷӳޠԽ 2

Slide 22

Slide 22 text

• 2. CMSͷ؅ཧը໘ͷӳޠ ͷจࣈݟͨ͜ͱ͸͋Γ·ͤΜ͔ʁ

Slide 23

Slide 23 text

֎ࠃͷํͰ΋ a-blog cms Ͱ ߋ৽Ͱ͖ΔΑ͏ʹ 2. CMSͷ؅ཧը໘ͷӳޠ

Slide 24

Slide 24 text

2. CMSͷ؅ཧը໘ͷӳޠ

Slide 25

Slide 25 text

https://poedit.net/ 2. CMSͷ؅ཧը໘ͷӳޠ

Slide 26

Slide 26 text

ΦϑΩϟϯόεϝχϡʔ 3

Slide 27

Slide 27 text

3. ΦϑΩϟϯόεϝχϡʔ

Slide 28

Slide 28 text

ΦϑΩϟϯόε༻ͷϓϥάΠϯΛ ୳ͨ͠΋ͷͷ… 3. ΦϑΩϟϯόεϝχϡʔ

Slide 29

Slide 29 text

3. ΦϑΩϟϯόεϝχϡʔ

Slide 30

Slide 30 text

•ϖʔδͷϔομʔΛݻఆͰ͖ͳ͍ •ϝχϡʔΛด͡Δͱઌ಄ͷը໘ʹ ໭ͬͯ͠·͏ •྆αΠυΦϑΩϟϯόεͰ͖ͳ͍ɻ 3. ΦϑΩϟϯόεϝχϡʔ

Slide 31

Slide 31 text

͍͞͝ʹ

Slide 32

Slide 32 text

࢛ࠃग़਎ͷࣗ෼͕ օ͞ΜͷαϙʔτΛ ࠓޙ΋ؤு͍͖ͬͯ·͢ʂ ͍͞͝ʹ

Slide 33

Slide 33 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ @steelydylan