Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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