私の1年間とa-blog cmsだからできる簡単UI対応

E64f3643aecc58df71d40b42947d1bf6?s=47 sugar
May 18, 2019

私の1年間とa-blog cmsだからできる簡単UI対応

a-blog cms Training Camp 2019 Spring で発表
アップルップルに入社してからの1年間の成果について

E64f3643aecc58df71d40b42947d1bf6?s=128

sugar

May 18, 2019
Tweet

Transcript

  1. ༗ݶձࣾΞοϓϧοϓϧ ੁݪ࠼ ྩ࿨ݩ೥݄೔ ࢲͷ೥ؒͱ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ

  2. ໨࣍  ࣗݾ঺հ  ೥લ  ͜ͷ೥ͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ  BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ 

    ·ͱΊ
  3. ࣗݾ঺հ w ੁݪ࠼ w ༗ݶձࣾΞοϓϧοϓϧ ɹࡢ೥݄ೖࣾ w ϑϩϯτΤϯυΤϯδχΞ w ޷͖ͳϞδϡʔϧ͸

    &OUSZ@4VNNBSZ w ޷͖ͳػೳ͸
 !JODMVEF
  4. ೥લ ೥લ΋τϨʔχϯάΩϟϯϓͰ-5

  5. BCMPHDNTʹ͍ͭͯશ͘஌Βͳ͔ͬͨ ೥લ

  6. ͭ·͖ͣͳ͕Β΋ϋϯζΦϯΛ΍Γ·͘Δ͜ͱͰ ೥લ

  7. $.4ͷΧελϚΠζ͕Ͱ͖ΔΑ͏ʹ ೥લ

  8. BCMPHDNTͱ͓༑ୡʹͳͬͨ ೥લ

  9. ਖ਼௚ʜ ϋϯζΦϯͰԿ౓΋͍᪴ͨ ͠ΜͲ͔ͬͨ ؓ࿩ٳ୊

  10. IUUQTEFWFMPQFSBCMPHDNTKQ IUUQTEFWFMPQFSBCMPHDNTKQ ؓ࿩ٳ୊

  11. ೥લ

  12. ͜ͷ೥ͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ  σβΠϯΛݟΕ͹େମͲ͜ʹͲͷϞδϡʔϧ ΛೖΕΔ΂͖͔Θ͔ΔΑ͏ʹ  جຊతͳίʔϙϨʔταΠτͰ͋Ε͹࣮૷Ͱ ͖Δ  )5.-$44$.4Λಉ࣌ʹ࣮૷Ͱ͖Δ 

    ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ
  13. ˣ εϐʔυ61 6*ʹ͍ͭͯߟ͑Δ༨༟͕Ͱ͖͖ͯͨ  σβΠϯݟΕ͹େମͲ͜ʹͲͷϞδϡʔϧΛ ೖΕΔ΂͖͔Θ͔ΔΑ͏ʹ  جຊతͳίʔϙϨʔταΠτͰ͋Ε͹࣮૷Ͱ ͖Δ 

    )5.-$44$.4Λಉ࣌ʹ࣮૷Ͱ͖Δ  ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ ͜ͷ೥ͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ
  14. 6TFS*OUFSGBDFͷུ ϢʔβʔͱαʔϏεͷ઀৮໘ͷ͜ͱ ˣ ը໘ʹө͍ͬͯΔίϯςϯπͦͷ΋ͷ Ϣʔβʔ͕ࢹೝ͢Δ΋ͷ 6*ͱ͸ ʜαΠτߋ৽ऀͷ͜ͱ

  15. ˣ εϐʔυ61 αΠτߋ৽ऀͷ࢖͍΍͢͞Λߟ࣮͑ͨ૷  σβΠϯݟΕ͹େମͲ͜ʹͲͷϞδϡʔϧΛ ೖΕΔ΂͖͔Θ͔ΔΑ͏ʹ  جຊతͳίʔϙϨʔταΠτͰ͋Ε͹࣮૷Ͱ ͖Δ 

    )5.-$44$.4Λಉ࣌ʹ࣮૷Ͱ͖Δ  ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ ͜ͷ೥ͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ
  16. ຊ୊ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ

  17. BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ  ฤूϦϯΫ͸ඞ͚ͣͭΔ  ฤूϦϯΫͷελΠϧ͸ίϯςϯπʹ߹Θͤͨ΋ͷʹ  ΤϯτϦʔ࡞੒Ϙλϯͷଞʹʮ͓஌Βͤ࡞੒ʯϘλϯͳͲΛઃஔ  ೖྗ#09͸ద੾ͳαΠζʹ 

    ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ  ཪଆͷೖྗཝ഑ஔ͸දଆͷίϯςϯπ഑ஔͱͳΔ΂͘Ұக͢ΔΑ͏ʹ  ϥΠτΤσΟλ΋ΧελϚΠζ  ΍ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻  ΧελϜϑΟʔϧυ͕௕͘ͳΓ͗ͨ͢Β໨࣍Λ࡞ͬͯΈΔ  શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ
 ΧελϜϑΟʔϧυ΋࢖͏ දϖʔδଆ ؅ཧϖʔδଆ
  18. BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ  ฤूϦϯΫ͸ඞ͚ͣͭΔ  ฤूϦϯΫͷελΠϧ͸ίϯςϯπʹ߹Θͤͨ΋ͷʹ  ΤϯτϦʔ࡞੒Ϙλϯͷଞʹʮ͓஌Βͤ࡞੒ʯϘλϯͳͲΛઃஔ  ೖྗ#09͸ద੾ͳαΠζʹ 

    ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ  ཪଆͷೖྗཝ഑ஔ͸දଆͷίϯςϯπ഑ஔͱͳΔ΂͘Ұக͢ΔΑ͏ʹ  ϥΠτΤσΟλ΋ΧελϚΠζ  ΍ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻  ΧελϜϑΟʔϧυ͕௕͘ͳΓ͗ͨ͢Β໨࣍Λ࡞ͬͯΈΔ  શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ
 ΧελϜϑΟʔϧυΛ࢖͏ͳͲΛ͢Δɻ දϖʔδଆ ؅ཧϖʔδଆ
  19. 6*ରԠʢ؅ཧϖʔδଆʣ ೖྗ#09͸ద੾ͳαΠζʹ #FGPSFʢΧελϜϑΟʔϧυϝʔΧʔͦͷ··ʣ "GUFS

  20. "GUFS 6*ରԠʢ؅ཧϖʔδଆʣ JOQVUUZQFUFYUOBNFlUFTUWBMVF\ςετ^DMBTTBDNTBENJOGPSNXJEUIGVMM JOQVUUZQFUFYUOBNFςετWBMVF\ςετ^DMBTTlBDNTBENJOGPSNXJEUIMBSHF ೖྗ#09͸ద੾ͳαΠζʹ #FGPSFʢΧελϜϑΟʔϧυϝʔΧʔͦͷ··ʣ

  21. 6*ରԠʢ؅ཧϖʔδଆʣ IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUSFGFSFODFTUZMFHVJEF ೖྗ#09͸ద੾ͳαΠζʹ BCMPHDNTελΠϧΨΠυ $44

  22. 6*ରԠʢ؅ཧϖʔδଆʣ #FGPSF "GUFS ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ

  23. 6*ରԠʢ؅ཧϖʔδଆʣ 7FSҎલ ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ

  24. 6*ରԠʢ؅ཧϖʔδଆʣ 7FSҎ߱ ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ

  25. BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ  ฤूϦϯΫ͸ඞ͚ͣͭΔ  ฤूϦϯΫͷελΠϧ͸ίϯςϯπʹ߹Θͤͨ΋ͷʹ  ΤϯτϦʔ࡞੒Ϙλϯͷଞʹʮ͓஌Βͤ࡞੒ʯϘλϯͳͲΛઃஔ  ೖྗ#09͸ద੾ͳαΠζʹ 

    ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ  ཪଆͷೖྗཝ഑ஔ͸දଆͷίϯςϯπ഑ஔͱͳΔ΂͘Ұக͢ΔΑ͏ʹ  ϥΠτΤσΟλ΋ΧελϚΠζ  ΍ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻  ΧελϜϑΟʔϧυ͕௕͘ͳΓ͗ͨ͢Β໨࣍Λ࡞ͬͯΈΔ  શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷΧελ ϜϑΟʔϧυΛ࢖͏ͳͲΛ͢Δɻ දϖʔδଆ ؅ཧϖʔδଆ
  26. 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫ͸ඞ͚ͣͭΔ

  27. ฤूϦϯΫ͸ඞ͚ͣͭΔ ฤूϦϯΫΛઃఆ͢Δͷ͕खؒ 6*ରԠʢදϖʔδଆʣ

  28. IUUQTHJUIVCDPNBQQMFQMFBTUBSUFSLJU BQQMFQMFޚ༻ୡ डୗҊ݅༻TUBSUFSLJU 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫ͸ඞ͚ͣͭΔ

  29. @include(“/include/edit/module_custom.html”) BTUBSUFSLJUͷFEJUϑΥϧμΛ ࢖༻ςʔϚJODMVEFʹઃஔ ˣ ͋ͱ͸͜Ε͚ͩ 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫ͸ඞ͚ͣͭΔ

  30. 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫ͸ඞ͚ͣͭΔ

  31. @include(“/include/edit/module_custom.html”, { “hash”: “#acms_box2” }) 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫ͸ඞ͚ͣͭΔ

  32. ฤूϦϯΫͷελΠϧ͸ίϯςϯπʹ߹ΘͤΔ 6*ରԠʢදϖʔδଆʣ

  33. ΤϯτϦʔ࡞੒ස౓ͷߴ͍ϖʔδʹ͸ ɹઐ༻ϘλϯΛ༻ҙ #FGPSF "GUFS 6*ରԠʢදϖʔδଆʣ

  34. ΤϯτϦʔ࡞੒ස౓ͷߴ͍ϖʔδʹ͸ ɹઐ༻ϘλϯΛ༻ҙ IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUQSBDUJDFTQFDJBMJ[FE@CVUUPOIUNM IUUQTEFWFMPQFSBCMPHDNTKQIBOETPODBNQTQSJOHFYUFOETIUNM ৄ͍͠ղઆ͸BCMPHDNTEFWFMPQFSαΠτ΁ ɾTZTUFNBENJOBDUJPOIUNMΛίϐʔ ɾ࢖༻ςʔϚBENJOʹઃஔ ɾ!TFDUJPO ͳͲͷதʹϘλϯΛೖΕΔ͚ͩ 6*ରԠʢදϖʔδଆʣ

  35. BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ  ฤूϦϯΫ͸ඞ͚ͣͭΔ  ฤूϦϯΫͷελΠϧ͸ίϯςϯπʹ߹Θͤͨ΋ͷʹ  ΤϯτϦʔ࡞੒Ϙλϯͷଞʹʮ͓஌Βͤ࡞੒ʯϘλϯͳͲΛઃஔ  ೖྗ#09͸ద੾ͳαΠζʹ 

    ؅ཧը໘ͷϝχϡʔ͸ඞཁͳ΋ͷ͚ͩ  ཪଆͷೖྗཝ഑ஔ͸දଆͷίϯςϯπ഑ஔͱͳΔ΂͘Ұக͢ΔΑ͏ʹ  ϥΠτΤσΟλ΋ΧελϚΠζ  ΍ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻  ΧελϜϑΟʔϧυ͕௕͘ͳΓ͗ͨ͢Β໨࣍Λ࡞ͬͯΈΔ  શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ
 ΧελϜϑΟʔϧυΛ࢖͏ͳͲΛ͢Δɻ දϖʔδଆ ؅ཧϖʔδଆ
  36. ·ͱΊ ϑϩϯτΤϯυΤϯδχΞ ɹʹσβΠϯ௨Γ࡞Δ͚ͩ ɹʹ6*ʹ͍ͭͯ΋ߟ͑ͳ͕Β࣮૷͢Δ BCMPHDNTͳΒ͙͢ʹαΠτ੍࡞Ͱ͖ΔΑ͏ʹ ͳΔɻ

  37. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࢲͷ೥ؒͱ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ GBDFCPPLDPNSBJDIJNPNP !SBDIJDPN@TVHBS IUUQTSBDIJDPNOFU