私の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
870
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
460
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
460
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
1
23
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
0
22
E64f3643aecc58df71d40b42947d1bf6?s=48 sugawara
1
160

Other Decks in Technology

See All in Technology
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
200
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
6
870
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
210
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
270
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
110
D16bc1f94b17ddc794c2dfb48ef59456?s=48 mosky
0
370
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
100
2aea20b60d544d0dcccb70a4bb6af648?s=48 hminamiohtsu
0
140
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
170
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
210
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
210
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
150

Featured

See All Featured
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
72
7.4k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
625
41k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
256
36k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
2.9k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
61
2.5k

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