Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

E64f3643aecc58df71d40b42947d1bf6?s=47 sugar
May 18, 2019
Technology
0
170

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

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

E64f3643aecc58df71d40b42947d1bf6?s=128

sugar

May 18, 2019
Tweet

More Decks by sugar

See All by sugar
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
120
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
970
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
550
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
550
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
1
24
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
25
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
1
170

Other Decks in Technology

See All in Technology
8bf5ef27f515041b93d3211571a7ed46?s=48 yasuyukiyamasaki
1
160
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
510
Beafdc24782daf082834d6722cc97c8f?s=48 andysumi
0
160
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
0
170
B2f2e01a1eb9dd92f8ed5b2dd414a2b8?s=48 taxin
0
140
Cc568a0b1284645f9fb927b2343eb87e?s=48 youtalk
0
250
7252086bae9203045dd7f5664fd96a07?s=48 manuelmeyer
0
120
7c3b3366947123ba6772698b09edf4e2?s=48 subroh0508
4
220
Bc0167df60f90a38e0ec30895b7ecc6c?s=48 karabish
0
190
E2b74c9e19b501ba31419fc6a1f8548f?s=48 hito58
1
710
C0c0e8e4d7f83912cb1b1a0699df82a5?s=48 miyakemito
1
530
83c3e0e87371c50399ac898308bdbb92?s=48 whitefox_73
0
180

Featured

See All Featured
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
39
2.3k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
87
3.9k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
328
36k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
332
29k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.6k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
850k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
295
28k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.9k

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