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
420
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
83
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
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
5
1.7k
明日から始めるリファクタリング
ryounasso
0
130
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
520
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.2k
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
1.2k
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2k
Devoxx BE - Local Development in the AI Era
kdubois
0
120
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
810
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3k
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
250
CSC509 Lecture 04
javiergs
PRO
0
300
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
810
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Agile that works and the tools we love
rasmusluckow
331
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The World Runs on Bad Software
bkeepers
PRO
71
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Making Projects Easy
brettharned
119
6.4k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Six Lessons from altMBA
skipperchong
28
4k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
GitHub's CSS Performance
jonrohan
1032
470k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
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