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
a-blog cms を使ったサイト制作ガイドラインを作ってみた
Search
sugar
November 22, 2019
Programming
0
410
a-blog cms を使ったサイト制作ガイドラインを作ってみた
2019-11-22(金)a-blog cms Training Camp 2019 Autumn
sugar
November 22, 2019
Tweet
Share
More Decks by sugar
See All by sugar
a-blog cms Training Camp 2023 - a-blog cms での実装フローを紹介
sugawara
0
82
a-blog cms での簡単不正ログイン対策
sugawara
0
140
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
27
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
390
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
sugawara
0
1.9k
WCAN2019春LT_ボツスライド2
sugawara
0
1.3k
WCAN2019春LT_ボツスライド1
sugawara
0
1.4k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
71
自己紹介LT
sugawara
0
80
Other Decks in Programming
See All in Programming
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
280
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1.1k
Improving my own Ruby thereafter
sisshiki1969
1
160
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
400
はじめてのMaterial3 Expressive
ym223
2
250
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
230
Testing Trophyは叫ばない
toms74209200
0
850
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
OSS開発者という働き方
andpad
5
1.7k
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
410
Deep Dive into Kotlin Flow
jmatsu
1
310
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
250
Featured
See All Featured
Bash Introduction
62gerente
615
210k
Speed Design
sergeychernyshev
32
1.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Making Projects Easy
brettharned
117
6.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Code Review Best Practice
trishagee
70
19k
Automating Front-end Workflow
addyosmani
1370
200k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Transcript
BCMPHDNTΛͬͨ αΠτ੍࡞ΨΠυϥΠϯΛ ࡞ͬͯΈͨ 201911݄22 a-blog cms Training Camp 2019 Autumn
ੁݪ࠼
ࣗݾհ ΨΠυϥΠϯΛ࡞ͬͨత ΨΠυϥΠϯஔ͖ͷڞ༗ ಛʹҙ͍ͨ͠ͷ͜ͱ ·ͱΊ
࣍
໊લɿੁݪ࠼ ॴଐɿ༗ݶձࣾΞοϓϧοϓϧ ʢ݄ೖࣾʣ ৬छɿϚʔΫΞοϓΤϯδχΞ ࣗݾհ
ࣾͰͷ$.4࣮ํ๏ڞ௨Խ ͳΜͱͳ͍࣮ͬͯͨ͘ཧ༝ Λ࠶֬ೝ ৽ਓͷڭҭίετݮ ֎࣌ͷϚχϡΞϧͱ͍ͯ͠ ͍ͨ ΨΠυϥΠϯΛ࡞ͬͨత
ෳਓͰͷ࣮͕Γ͍͢ ϝϯςφϯε͘͢͠ͳΔ ࠷ݶͷ࣭อূ ΨΠυϥΠϯΛ࡞ͬͨઌʹ͋Δͷ ΨΠυϥΠϯΛ࡞ͬͨత
IUUQTHJUIVCDPNBQQMFQMFHVJEFMJOF ΨΠυϥΠϯஔ͖ͷڞ༗
!JODMVEF lQBUIUPpMFz ɺ ςʔϚϑΥϧμΑΓԼ͔Β ઈରύεͰ͔͘ ⁞ ಛʹҙ͍ͨ͠10ͷ͜ͱ
)5.-ϑΝΠϧͷΠϯΫϧʔυ ❶@include(“/path/to/file”)ɺςʔϚϑΥϧμҎ͔߱ΒઈରύεͰ͔͘ !JODMVEF lQBUIUPpMFz ը૾ϑΝΠϧͷಡΈࠐΈ JNHTSDlQBUIUPpMFzʜ IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUUFNQMBUFFOUSZIUNM
!JODMVEF lJODMVEFDBUFHPSZMJTUIUNMz ❶@include(“/path/to/file”)ɺςʔϚϑΥϧμҎ͔߱ΒઈରύεͰ͔͘
දࣔͨ͘͠ͳ͍ςϯϓϨʔτ ϑΝΠϧ໊ͷ࠷ॳʹ ΞϯμʔείΞΛ͚ͭΔ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❷දࣔͨ͘͠ͳ͍ςϯϓϨʔτϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ
❷දࣔͨ͘͠ͳ͍ςϯϓϨʔτϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ
IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUQSBDUJDFFOUSZIUNM ❷දࣔͨ͘͠ͳ͍ςϯϓϨʔτϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ
ཧςϯϓϨʔτΠϯΫϧʔυϑΝΠϧ ཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞͢Δ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❸ཧςϯϓϨʔτΠϯΫϧʔυϑΝΠϧཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞͢Δ ྫʣ site … ܧঝݩςʔϚ member@site … ࢠϒϩάͷςʔϚʢsiteςʔϚΛܧঝʣ memberϒϩάʢࢠϒϩάʣ ɹɾmemberϒϩάͷΧελϜϑΟʔϧυ
ɹɾmemberϒϩάઐ༻ͷΧςΰϦʔϦετϞδϡʔϧ
ྫʣ site … ܧঝݩςʔϚ event@site … ࢠϒϩάͷςʔϚ eventϒϩά ɹɾeventϒϩάͷΧελϜϑΟʔϧυ ɹɾeventϒϩάઐ༻ͷΧςΰϦʔϦετϞδϡʔϧ
❸ཧςϯϓϨʔτΠϯΫϧʔυϑΝΠϧཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞͢Δ
❸ཧςϯϓϨʔτΠϯΫϧʔυϑΝΠϧཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞͢Δ
ίϯςϯπ͝ͱͷΧελϜϑΟʔϧυΛ ΠϯΫϧʔυ͢Δͱ͖ ίʔυ໊ΛؚΊͯϑΝΠϧذ͢Δ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❹ίϯςϯπ͝ͱͷΧελϜϑΟʔϧυΛΠϯΫϧʔυ͢Δͱ͖ίʔυ໊ΛؚΊͯϑΝ Πϧذ͢Δ V V
ςϯϓϨʔτΛذ͢Δ࣌ άϩʔόϧมΛ͏ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❹-2ςϯϓϨʔτΛذ͢Δͱ͖άϩʔόϧมΛ͏ #&(*/@*'<\#$%^FRNFNCFS> !JODMVEF lQBUIUPpMFNz &-4& !JODMVEF lQBUIUPpMFz &/%@*'
άϩʔόϧมΛղܾ ΠϯΫϧʔυॲཧΛղܾ TFU5FNQMBUFΛղܾ HFU5FNQMBUFΛղܾ λονϞδϡʔϧΛղܾ
ϞδϡʔϧྨΛଆ͔Βղܾ *'ϒϩοΫΛղܾ ʜҎԼলུ ❹-2ςϯϓϨʔτΛذ͢Δͱ͖άϩʔόϧมΛ͏
❹-2ςϯϓϨʔτΛذ͢Δͱ͖άϩʔόϧมΛ͏ #&(*/@*'<\#$%^FRNFNCFS> !JODMVEF lQBUIUPpMFNz &-4& !JODMVEF lQBUIUPpMFz &/%@*'
!JODMVEF lQBUIUP\#$%^IUNMz
https://developer.a-blogcms.jp/document/template/entry-1442.html ❹-2ςϯϓϨʔτΛذ͢Δͱ͖άϩʔόϧมΛ͏
ʢίϯςϯπͰྨͰ͖ͳ͍ʣ ڞ௨ͷΧελϜϑΟʔϧυͳͲͷ ϑΝΠϧ໊pFMEʓʓIUNMɹʹ͢Δ ಛʹҙ͍ͨ͠10ͷ͜ͱ
field- ͳ͠ field- ͋Γ ʢίϯςϯπͰྨͰ͖ͳ͍ʣڞ௨ͷΧελϜϑΟʔϧυͳͲͷϑΝΠϧ໊pFMEͳ Μͱ͔IUNMʹ͢Δ
ܧঝݩςʔϚʹ ϧʔτϒϩάઐ༻ͷ ςϯϓϨʔτΛஔ͔ͳ͍ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍
IUUQυϝΠϯ໊DPOUBDU ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍
IUUQυϝΠϯ໊NFNCFSDPOUBDU ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍
❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍ NG OK
ΤϯτϦʔͰ )5.-λάࣗମʹελΠϧΛద༻͢Δ ಛʹҙ͍ͨ͠10ͷ͜ͱ
ཧը໘ίϯϑΟάฤूઃఆ ❼ΤϯτϦʔͰHTMLλάࣗମʹελΠϧద༻͢Δ
ϢχοτͷཁૉʹΨλʔΛ֬อ͢Δ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❽ϢχοτͷཁૉʹΨλʔΛ֬อ͢Δ
❽ϢχοτͷཁૉʹΨλʔΛ֬อ͢Δ
BDNTBENJONJODTTඞͣಡΈࠐΉɻ ΧελϚΠζ࣌ʹɺ BDNTTDTTΛ༻ςʔϚʹ͖࣋ͬͯͯ ϢχοτελΠϧಡΈࠐΉɻ ಛʹҙ͍ͨ͠10ͷ͜ͱ
❾acms-admin-min.cssඞͣಡΈࠐΉɻΧελϚΠζ࣌ʹɺacms.cssΛ༻ςʔϚʹ ͖࣋ͬͯͯϢχοτελΠϧಡΈࠐΉɻ @import "functions"; @import "variable"; @import "mixins"; @import "grid";
@import "unit"; BDNTTDTTͰΠϯϙʔτ͢Δͷ ઃఆϑΝΠϧ Ϣχοτ
Ϣχοτͷը૾αΠζΛ ʮͦͷ··ʯʹ͠ͳ͍ ➓ ಛʹҙ͍ͨ͠10ͷ͜ͱ
➓Ϣχοτͷը૾αΠζΛͦͷ··ʹ͠ͳ͍
ࠓճհͨ͠༰ BQQMFQMFͰͷΨΠυϥΠϯ ·ͱΊ
͝ҙݟडઌɿ BQQMFQMFΨΠυϥΠϯ࡞൝ ʢాɾງɾྛాɾੁݪɾҏ౻ʣ ͝ҙݟɺ͝ײ ͓͍ͪͯ͠·͢ ·ͱΊ
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ ͝ҙݟडઌɿ BQQMFQMFΨΠυϥΠϯ࡞൝ ʢాɾງɾྛాɾੁݪɾҏ౻ʣ IUUQTHJUIVCDPNBQQMFQMFHVJEFMJOF