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
400
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
77
a-blog cms での簡単不正ログイン対策
sugawara
0
130
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
24
私の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
69
自己紹介LT
sugawara
0
77
Other Decks in Programming
See All in Programming
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
130
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
17
6.1k
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
AIともっと楽するE2Eテスト
myohei
9
3.2k
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
730
リッチエディターを安全に開発・運用するために
unachang113
1
270
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.1k
PHPカンファレンス関西2025 基調講演
sugimotokei
5
1k
新しいモバイルアプリ勉強会(仮)について
uetyo
1
190
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
110
20250708_JAWS_opscdk
takuyay0ne
2
150
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
We Have a Design System, Now What?
morganepeng
53
7.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Designing for Performance
lara
610
69k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Agile that works and the tools we love
rasmusluckow
329
21k
A better future with KSS
kneath
238
17k
Balancing Empowerment & Direction
lara
1
510
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Cult of Friendly URLs
andyhume
79
6.5k
Building Adaptive Systems
keathley
43
2.7k
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