a-blog cms をよくするために 取り組んだ3つのこと

Transcript

1. ༗ݶձࣾΞοϓϧοϓϧ ງ ޛେ a-blog cms ΛΑ͘͢ΔͨΊʹ औΓ૊Μͩ3ͭͷ͜ͱ
2. ·ͣ͸ࣗݾ঺հ͔Β
3. ງ ޛେ @steelydylan
4. ߴ஌ݝͷग़਎Ͱ͢
5. ֶੜ࣌୅͸ •ESSαʔΫϧ෦௕ •JavaScript Λ༻͍ͯήʔϜΛ੍࡞ •ۂΛ࡞ͬͨΓ͍ͯͨ͠
6. ֶੜ࣌୅͸
7. ීஈ͍ͯ͠Δ࢓ࣄ ໊ݹ԰঎Պେֶ
 http://www.nucba.ac.jp/
8. ීஈ͍ͯ͠Δ࢓ࣄ ໊ݹ԰঎ՊେֶେֶӃ
 http://mba.nucba.ac.jp/
9. σδλϧαΠωʔδ https://www.youtube.com/watch?v=vBFZOSLlYcc
10. •a-blog cmsͷςʔϚͱͯ͠࡞੒ •Google ChromeͰද͍ࣔͯ͠Δ •Web Component༻ϥΠϒϥϦɺ PolymerΛ࢖༻ σδλϧαΠωʔδ
11. ༗ঈςʔϚͱͯ͠Έͳ͞Μͷݩʹ ಧ͚ΒΕΔΑ͏ʹؤு͍ͬͯ·͢ʂ σδλϧαΠωʔδ
12. ຊͷࣥචʹ΋ؔΘΓ·ͨ͠ https://www.amazon.co.jp/dp/486246341X/ ࣮ફʂ ίϯςϯπϑΝʔετͷ WebαΠτӡ༻ ʙa-blog cmsͰ͸͡ΊΔCMSϓϩτλΠϐϯάʙ
13. a-blog cms Λ Α͘͢ΔͨΊʹ
 औΓ૊Μͩ3ͭͷ͜ͱ
14. औΓ૊Μͩ3ͭͷ͜ͱ 1. ϒϥ΢βଆͰͷը૾ϦαΠζ 2. CMSͷ؅ཧը໘ͷӳޠԽ 3. ΦϑΩϟϯόεϝχϡʔ
15. ϒϥ΢βଆͰͷ
 ը૾ϦαΠζ 1
16. 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ σδΧϝͰࡱӨͨ͠ ߴը࣭ͳը૾Ͱ΋ ΞοϓϩʔυΛՄೳʹ
17. αΠζͷେ͖ͳը૾Λ͋͛Δͱ ҎԼͷΑ͏ͳΤϥʔ͕ग़͍ͯͨ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ Ver. 2.5.1Ҏલ
18. Canvasʹը૾Λॻ͖ग़͠ɺϦαΠζ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ
19. ϦαΠζͨ͠಺༰Λ
 Input type hiddenʹηοτ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ
20. αʔόʔଆͰhiddenͷ஋Λը૾ʹม׵ Base64σʔλ 1. ϒϥ΢βଆͰͷը૾ͷϦαΠζ
21. CMSͷ؅ཧը໘ͷӳޠԽ 2
22. • 2. CMSͷ؅ཧը໘ͷӳޠ <!—T—>ͷจࣈݟͨ͜ͱ͸͋Γ·ͤΜ͔ʁ
23. ֎ࠃͷํͰ΋ a-blog cms Ͱ ߋ৽Ͱ͖ΔΑ͏ʹ 2. CMSͷ؅ཧը໘ͷӳޠ
24. 2. CMSͷ؅ཧը໘ͷӳޠ
25. https://poedit.net/ 2. CMSͷ؅ཧը໘ͷӳޠ
26. ΦϑΩϟϯόεϝχϡʔ 3
27. 3. ΦϑΩϟϯόεϝχϡʔ
28. ΦϑΩϟϯόε༻ͷϓϥάΠϯΛ ୳ͨ͠΋ͷͷ… 3. ΦϑΩϟϯόεϝχϡʔ
29. 3. ΦϑΩϟϯόεϝχϡʔ
30. •ϖʔδͷϔομʔΛݻఆͰ͖ͳ͍ •ϝχϡʔΛด͡Δͱઌ಄ͷը໘ʹ ໭ͬͯ͠·͏ •྆αΠυΦϑΩϟϯόεͰ͖ͳ͍ɻ 3. ΦϑΩϟϯόεϝχϡʔ
31. ͍͞͝ʹ
32. ࢛ࠃग़਎ͷࣗ෼͕ օ͞ΜͷαϙʔτΛ ࠓޙ΋ؤு͍͖ͬͯ·͢ʂ ͍͞͝ʹ
33. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ @steelydylan