Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
私の1年間とa-blog cmsだからできる簡単UI対応
Search
sugar
May 18, 2019
Technology
0
270
私の1年間とa-blog cmsだからできる簡単UI対応
a-blog cms Training Camp 2019 Spring で発表
アップルップルに入社してからの1年間の成果について
sugar
May 18, 2019
Tweet
Share
More Decks by sugar
See All by sugar
a-blog cms Training Camp 2023 - a-blog cms での実装フローを紹介
sugawara
0
21
a-blog cms での簡単不正ログイン対策
sugawara
0
86
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
17
a-blog cms を使ったサイト制作ガイドラインを作ってみた
sugawara
0
260
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
sugawara
0
1.8k
WCAN2019春LT_ボツスライド2
sugawara
0
1.3k
WCAN2019春LT_ボツスライド1
sugawara
0
1.3k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
49
自己紹介LT
sugawara
0
41
Other Decks in Technology
See All in Technology
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
490
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
280
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
230
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
270
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
Oracle Cloud Infrastructure:2024年4月度サービス・アップデート
oracle4engineer
PRO
1
190
継続的な改善 x ⾮連続的な進化
sansantech
PRO
3
140
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
260
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
760
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
360
NgRx Signal Store
rainerhahnekamp
0
140
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.5k
How STYLIGHT went responsive
nonsquared
92
4.8k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Web development in the modern age
philhawksworth
202
10k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Code Reviewing Like a Champion
maltzj
514
39k
Making the Leap to Tech Lead
cromwellryan
124
8.5k
KATA
mclloyd
15
12k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Transcript
༗ݶձࣾΞοϓϧοϓϧ ੁݪ࠼ ྩݩ݄ ࢲͷؒͱ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ
࣍ ࣗݾհ લ ͜ͷͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ
·ͱΊ
ࣗݾհ w ੁݪ࠼ w ༗ݶձࣾΞοϓϧοϓϧ ɹࡢ݄ೖࣾ w ϑϩϯτΤϯυΤϯδχΞ w ͖ͳϞδϡʔϧ
&OUSZ@4VNNBSZ w ͖ͳػೳ !JODMVEF
લ લτϨʔχϯάΩϟϯϓͰ-5
BCMPHDNTʹ͍ͭͯશ͘Βͳ͔ͬͨ લ
ͭ·͖ͣͳ͕ΒϋϯζΦϯΛΓ·͘Δ͜ͱͰ લ
$.4ͷΧελϚΠζ͕Ͱ͖ΔΑ͏ʹ લ
BCMPHDNTͱ͓༑ୡʹͳͬͨ લ
ਖ਼ʜ ϋϯζΦϯͰԿ͍᪴ͨ ͠ΜͲ͔ͬͨ ؓٳ
IUUQTEFWFMPQFSBCMPHDNTKQ IUUQTEFWFMPQFSBCMPHDNTKQ ؓٳ
લ
͜ͷͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ σβΠϯΛݟΕେମͲ͜ʹͲͷϞδϡʔϧ ΛೖΕΔ͖͔Θ͔ΔΑ͏ʹ جຊతͳίʔϙϨʔταΠτͰ͋Ε࣮Ͱ ͖Δ )5.-$44$.4Λಉ࣌ʹ࣮Ͱ͖Δ
ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ
ˣ εϐʔυ61 6*ʹ͍ͭͯߟ͑Δ༨༟͕Ͱ͖͖ͯͨ σβΠϯݟΕେମͲ͜ʹͲͷϞδϡʔϧΛ ೖΕΔ͖͔Θ͔ΔΑ͏ʹ جຊతͳίʔϙϨʔταΠτͰ͋Ε࣮Ͱ ͖Δ
)5.-$44$.4Λಉ࣌ʹ࣮Ͱ͖Δ ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ ͜ͷͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ
6TFS*OUFSGBDFͷུ ϢʔβʔͱαʔϏεͷ৮໘ͷ͜ͱ ˣ ը໘ʹө͍ͬͯΔίϯςϯπͦͷͷ Ϣʔβʔ͕ࢹೝ͢Δͷ 6*ͱ ʜαΠτߋ৽ऀͷ͜ͱ
ˣ εϐʔυ61 αΠτߋ৽ऀͷ͍͢͞Λߟ࣮͑ͨ σβΠϯݟΕେମͲ͜ʹͲͷϞδϡʔϧΛ ೖΕΔ͖͔Θ͔ΔΑ͏ʹ جຊతͳίʔϙϨʔταΠτͰ͋Ε࣮Ͱ ͖Δ
)5.-$44$.4Λಉ࣌ʹ࣮Ͱ͖Δ ઌഐͷݴ͍ͬͯΔ͜ͱ͕ཧղͰ͖Δ ͜ͷͰͰ͖ΔΑ͏ʹͳͬͨओͳͭͷ͜ͱ
ຊ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ
BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ ฤूϦϯΫඞ͚ͣͭΔ ฤूϦϯΫͷελΠϧίϯςϯπʹ߹Θͤͨͷʹ ΤϯτϦʔ࡞Ϙλϯͷଞʹʮ͓Βͤ࡞ʯϘλϯͳͲΛઃஔ ೖྗ#09దͳαΠζʹ
ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ ཪଆͷೖྗཝஔදଆͷίϯςϯπஔͱͳΔ͘Ұக͢ΔΑ͏ʹ ϥΠτΤσΟλΧελϚΠζ ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻ ΧελϜϑΟʔϧυ͕͘ͳΓ͗ͨ͢Β࣍Λ࡞ͬͯΈΔ શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ ΧελϜϑΟʔϧυ͏ දϖʔδଆ ཧϖʔδଆ
BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ ฤूϦϯΫඞ͚ͣͭΔ ฤूϦϯΫͷελΠϧίϯςϯπʹ߹Θͤͨͷʹ ΤϯτϦʔ࡞Ϙλϯͷଞʹʮ͓Βͤ࡞ʯϘλϯͳͲΛઃஔ ೖྗ#09దͳαΠζʹ
ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ ཪଆͷೖྗཝஔදଆͷίϯςϯπஔͱͳΔ͘Ұக͢ΔΑ͏ʹ ϥΠτΤσΟλΧελϚΠζ ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻ ΧελϜϑΟʔϧυ͕͘ͳΓ͗ͨ͢Β࣍Λ࡞ͬͯΈΔ શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ ΧελϜϑΟʔϧυΛ͏ͳͲΛ͢Δɻ දϖʔδଆ ཧϖʔδଆ
6*ରԠʢཧϖʔδଆʣ ೖྗ#09దͳαΠζʹ #FGPSFʢΧελϜϑΟʔϧυϝʔΧʔͦͷ··ʣ "GUFS
"GUFS 6*ରԠʢཧϖʔδଆʣ JOQVUUZQFUFYUOBNFlUFTUWBMVF\ςετ^DMBTTBDNTBENJOGPSNXJEUIGVMM JOQVUUZQFUFYUOBNFςετWBMVF\ςετ^DMBTTlBDNTBENJOGPSNXJEUIMBSHF ೖྗ#09దͳαΠζʹ #FGPSFʢΧελϜϑΟʔϧυϝʔΧʔͦͷ··ʣ
6*ରԠʢཧϖʔδଆʣ IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUSFGFSFODFTUZMFHVJEF ೖྗ#09దͳαΠζʹ BCMPHDNTελΠϧΨΠυ $44
6*ରԠʢཧϖʔδଆʣ #FGPSF "GUFS ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ
6*ରԠʢཧϖʔδଆʣ 7FSҎલ ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ
6*ରԠʢཧϖʔδଆʣ 7FSҎ߱ ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ
BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ ฤूϦϯΫඞ͚ͣͭΔ ฤूϦϯΫͷελΠϧίϯςϯπʹ߹Θͤͨͷʹ ΤϯτϦʔ࡞Ϙλϯͷଞʹʮ͓Βͤ࡞ʯϘλϯͳͲΛઃஔ ೖྗ#09దͳαΠζʹ
ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ ཪଆͷೖྗཝஔදଆͷίϯςϯπஔͱͳΔ͘Ұக͢ΔΑ͏ʹ ϥΠτΤσΟλΧελϚΠζ ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻ ΧελϜϑΟʔϧυ͕͘ͳΓ͗ͨ͢Β࣍Λ࡞ͬͯΈΔ શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷΧελ ϜϑΟʔϧυΛ͏ͳͲΛ͢Δɻ දϖʔδଆ ཧϖʔδଆ
6*ରԠʢදϖʔδଆʣ ฤूϦϯΫඞ͚ͣͭΔ
ฤूϦϯΫඞ͚ͣͭΔ ฤूϦϯΫΛઃఆ͢Δͷ͕खؒ 6*ରԠʢදϖʔδଆʣ
IUUQTHJUIVCDPNBQQMFQMFBTUBSUFSLJU BQQMFQMFޚ༻ୡ डୗҊ݅༻TUBSUFSLJU 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫඞ͚ͣͭΔ
@include(“/include/edit/module_custom.html”) BTUBSUFSLJUͷFEJUϑΥϧμΛ ༻ςʔϚJODMVEFʹઃஔ ˣ ͋ͱ͜Ε͚ͩ 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫඞ͚ͣͭΔ
6*ରԠʢදϖʔδଆʣ ฤूϦϯΫඞ͚ͣͭΔ
@include(“/include/edit/module_custom.html”, { “hash”: “#acms_box2” }) 6*ରԠʢදϖʔδଆʣ ฤूϦϯΫඞ͚ͣͭΔ
ฤूϦϯΫͷελΠϧίϯςϯπʹ߹ΘͤΔ 6*ରԠʢදϖʔδଆʣ
ΤϯτϦʔ࡞සͷߴ͍ϖʔδʹ ɹઐ༻ϘλϯΛ༻ҙ #FGPSF "GUFS 6*ରԠʢදϖʔδଆʣ
ΤϯτϦʔ࡞සͷߴ͍ϖʔδʹ ɹઐ༻ϘλϯΛ༻ҙ IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUQSBDUJDFTQFDJBMJ[FE@CVUUPOIUNM IUUQTEFWFMPQFSBCMPHDNTKQIBOETPODBNQTQSJOHFYUFOETIUNM ৄ͍͠ղઆBCMPHDNTEFWFMPQFSαΠτ ɾTZTUFNBENJOBDUJPOIUNMΛίϐʔ ɾ༻ςʔϚBENJOʹઃஔ ɾ!TFDUJPO ͳͲͷதʹϘλϯΛೖΕΔ͚ͩ 6*ରԠʢදϖʔδଆʣ
BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ ฤूϦϯΫඞ͚ͣͭΔ ฤूϦϯΫͷελΠϧίϯςϯπʹ߹Θͤͨͷʹ ΤϯτϦʔ࡞Ϙλϯͷଞʹʮ͓Βͤ࡞ʯϘλϯͳͲΛઃஔ ೖྗ#09దͳαΠζʹ
ཧը໘ͷϝχϡʔඞཁͳͷ͚ͩ ཪଆͷೖྗཝஔදଆͷίϯςϯπஔͱͳΔ͘Ұக͢ΔΑ͏ʹ ϥΠτΤσΟλΧελϚΠζ ͨΒΊͬͨΒϞδϡʔϧ*%Λ࡞Γ·͘Βͳ͍DUYͷར༻ ΧελϜϑΟʔϧυ͕͘ͳΓ͗ͨ͢Β࣍Λ࡞ͬͯΈΔ શ෦ϒϩάΧςΰϦʔͷΧελϜϑΟʔϧυʹͤͣϞδϡʔϧͷ ΧελϜϑΟʔϧυΛ͏ͳͲΛ͢Δɻ දϖʔδଆ ཧϖʔδଆ
·ͱΊ ϑϩϯτΤϯυΤϯδχΞ ɹʹσβΠϯ௨Γ࡞Δ͚ͩ ɹʹ6*ʹ͍ͭͯߟ͑ͳ͕Β࣮͢Δ BCMPHDNTͳΒ͙͢ʹαΠτ੍࡞Ͱ͖ΔΑ͏ʹ ͳΔɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࢲͷؒͱ BCMPHDNT͔ͩΒͰ͖Δ؆୯6*ରԠ GBDFCPPLDPNSBJDIJNPNP !SBDIJDPN@TVHBS IUUQTSBDIJDPNOFU