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
76
a-blog cms での簡単不正ログイン対策
sugawara
0
130
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
24
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
380
『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
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
720
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
ふつうの技術スタックでアート作品を作ってみる
akira888
1
500
PicoRuby on Rails
makicamel
2
130
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
800
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
290
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
150
Team operations that are not burdened by SRE
kazatohiei
1
310
Goで作る、開発・CI環境
sin392
0
230
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
540
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Agile that works and the tools we love
rasmusluckow
329
21k
GraphQLとの向き合い方2022年版
quramy
49
14k
How GitHub (no longer) Works
holman
314
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Embracing the Ebb and Flow
colly
86
4.7k
KATA
mclloyd
30
14k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Code Reviewing Like a Champion
maltzj
524
40k
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