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
AIでLINEスタンプを作ってみた
eycjur
1
230
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
620
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
概念モデル→論理モデルで気をつけていること
sunnyone
3
290
Ruby Parser progress report 2025
yui_knk
1
450
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
290
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
190
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
530
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
250
Featured
See All Featured
Faster Mobile Websites
deanohume
309
31k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Balancing Empowerment & Direction
lara
3
620
Producing Creativity
orderedlist
PRO
347
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Six Lessons from altMBA
skipperchong
28
4k
Building Adaptive Systems
keathley
43
2.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A Tale of Four Properties
chriscoyier
160
23k
Agile that works and the tools we love
rasmusluckow
330
21k
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