$30 off During Our Annual Pro Sale. View Details »

a-blog cms を使ったサイト制作ガイドラインを作ってみた

sugar
November 22, 2019
Programming
0
200

a-blog cms を使ったサイト制作ガイドラインを作ってみた

2019-11-22（金）a-blog cms Training Camp 2019 Autumn

sugar

November 22, 2019
Tweet

More Decks by sugar

See All by sugar
a-blog cms での簡単不正ログイン対策
sugawara
0
11
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
10
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
220
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
sugawara
0
1.7k
WCAN2019春LT_ボツスライド2
sugawara
0
1.2k
WCAN2019春LT_ボツスライド1
sugawara
0
1.2k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
43
自己紹介LT
sugawara
0
35
私が a-blog cms とお友達になった方法
sugawara
0
200

Other Decks in Programming

See All in Programming
Javaの入門が終わったら何の勉強をすればいいの？ / what should we study after language
kishida
6
38k
なんでもPull Requestにする / Kichijoji.pm 31
utgwkk
1
1.5k
Hive Distributed Profiling System in Treasure Data - English version #tdtechtalk
okumin
0
130
Dynamic VM Scheduling
 in OpenStack
pyama86
1
400
Hive Distributed Profiling System in Treasure Data - Japanese version #tdtechtalk
okumin
0
230
Angular Architecture Workshop: Modulith to Micro Frontends
manfredsteyer
PRO
0
180
蔵書管理アプリを作り直した
tinymouse
1
220
AWS発デザインシステム「Cloudscape」を使ってUI爆速開発
j_3woo86
1
130
10年前のRails Girls Japanむかしばなしとわたし #rggjp #rgjp10th
yotii23
3
180
Ltag
inoue2002
0
130
A hitchhiker's guide to Kotlin MultiPlatform
aldefy
0
100
Go Global Search 2
giga811
0
130

Featured

See All Featured
Art, The Web, and Tiny UX
lynnandtonic
282
18k
It's Worth the Effort
3n
174
26k
Optimizing for Happiness
mojombo
364
64k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
32
6k
The World Runs on Bad Software
bkeepers
PRO
59
5.6k
Bootstrapping a Software Product
garrettdimon
299
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
1
310
Practical Orchestrator
shlominoach
178
8.9k
Designing for humans not robots
tammielis
244
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
Git: the NoSQL Database
bkeepers
PRO
417
60k
Debugging Ruby Performance
tmm1
67
11k

Transcript

  1. BCMPHDNTΛ࢖ͬͨ αΠτ੍࡞ΨΠυϥΠϯΛ ࡞ͬͯΈͨ 2019೥11݄22೔ a-blog cms Training Camp 2019 Autumn

    ੁݪ࠼

  2.  ࣗݾ঺հ  ΨΠυϥΠϯΛ࡞ͬͨ໨త  ΨΠυϥΠϯஔ͖৔ͷڞ༗  ಛʹ஫ҙ͍ͨ͠ͷ͜ͱ  ·ͱΊ

    ໨࣍

  3. ໊લɿੁݪ࠼ ॴଐɿ༗ݶձࣾΞοϓϧοϓϧ ʢ೥݄ೖࣾʣ ৬छɿϚʔΫΞοϓΤϯδχΞ ࣗݾ঺հ

  4. ࣾ಺Ͱͷ$.4࣮૷ํ๏ڞ௨Խ ͳΜͱͳ͘΍͍࣮ͬͯͨ૷ཧ༝ Λ࠶֬ೝ ৽ਓ΁ͷڭҭίετ࡟ݮ ֎஫࣌ͷϚχϡΞϧͱͯ͠࢖͍ ͍ͨ ΨΠυϥΠϯΛ࡞ͬͨ໨త

  5. ෳ਺ਓ਺Ͱͷ࣮૷͕΍Γ΍͍͢ ϝϯςφϯε͠΍͘͢ͳΔ ࠷௿ݶͷ඼࣭อূ ΨΠυϥΠϯΛ࡞ͬͨઌʹ͋Δ΋ͷ ΨΠυϥΠϯΛ࡞ͬͨ໨త

  6. IUUQTHJUIVCDPNBQQMFQMFHVJEFMJOF ΨΠυϥΠϯஔ͖৔ͷڞ༗

  7. !JODMVEF lQBUIUPpMFz ͸ɺ ςʔϚϑΥϧμΑΓԼ͔Β ઈରύεͰ͔͘ ⁞ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  8. )5.-ϑΝΠϧͷΠϯΫϧʔυ ❶@include(“/path/to/file”)͸ɺςʔϚϑΥϧμҎ͔߱ΒઈରύεͰ͔͘ !JODMVEF lQBUIUPpMFz ը૾ϑΝΠϧͷಡΈࠐΈ JNHTSDlQBUIUPpMFzʜ  IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUUFNQMBUFFOUSZIUNM

  9. !JODMVEF lJODMVEFDBUFHPSZMJTUIUNMz ❶@include(“/path/to/file”)͸ɺςʔϚϑΥϧμҎ͔߱ΒઈରύεͰ͔͘

  10. ௚઀දࣔͨ͘͠ͳ͍ςϯϓϨʔτ͸ ϑΝΠϧ໊ͷ࠷ॳʹ ΞϯμʔείΞΛ͚ͭΔ   ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  11. ❷௚઀දࣔͨ͘͠ͳ͍ςϯϓϨʔτ͸ϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ

  12. ❷௚઀දࣔͨ͘͠ͳ͍ςϯϓϨʔτ͸ϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ

  13. IUUQTEFWFMPQFSBCMPHDNTKQEPDVNFOUQSBDUJDFFOUSZIUNM ❷௚઀දࣔͨ͘͠ͳ͍ςϯϓϨʔτ͸ϑΝΠϧ໊ͷ࠷ॳʹΞϯμʔείΞΛ͚ͭΔ

  14. ؅ཧςϯϓϨʔτ΍ΠϯΫϧʔυϑΝΠϧ͸ ཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞੒͢Δ ⁠ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  15. ❸؅ཧςϯϓϨʔτ΍ΠϯΫϧʔυϑΝΠϧ͸ཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞੒͢Δ ྫʣ site … ܧঝݩςʔϚ member@site … ࢠϒϩάͷςʔϚʢsiteςʔϚΛܧঝʣ memberϒϩάʢࢠϒϩάʣ ɹɾmemberϒϩάͷΧελϜϑΟʔϧυ

    ɹɾmemberϒϩάઐ༻ͷΧςΰϦʔϦετϞδϡʔϧ

  16. ྫʣ site … ܧঝݩςʔϚ event@site … ࢠϒϩάͷςʔϚ eventϒϩά ɹɾeventϒϩάͷΧελϜϑΟʔϧυ ɹɾeventϒϩάઐ༻ͷΧςΰϦʔϦετϞδϡʔϧ

    ❸؅ཧςϯϓϨʔτ΍ΠϯΫϧʔυϑΝΠϧ͸ཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞੒͢Δ

  17. ❸؅ཧςϯϓϨʔτ΍ΠϯΫϧʔυϑΝΠϧ͸ཧ༝͕ͳ͍ݶΓܧঝݩςʔϚʹ࡞੒͢Δ

  18. ίϯςϯπ͝ͱͷΧελϜϑΟʔϧυΛ ΠϯΫϧʔυ͢Δͱ͖͸ ίʔυ໊ΛؚΊͯϑΝΠϧ෼ذ͢Δ ⁡ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  19. ❹ίϯςϯπ͝ͱͷΧελϜϑΟʔϧυΛΠϯΫϧʔυ͢Δͱ͖͸ίʔυ໊ΛؚΊͯϑΝ Πϧ෼ذ͢Δ V V

  20. ςϯϓϨʔτΛ෼ذ͢Δ࣌͸ άϩʔόϧม਺Λ࢖͏ ⁡ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  21. ❹-2ςϯϓϨʔτΛ෼ذ͢Δͱ͖͸άϩʔόϧม਺Λ࢖͏ Š#&(*/@*'<\#$%^FRNFNCFS>Š !JODMVEF lQBUIUPpMFNz  Š&-4&Š !JODMVEF lQBUIUPpMFz  Š&/%@*'Š

  22.  άϩʔόϧม਺Λղܾ  ΠϯΫϧʔυॲཧΛղܾ  TFU5FNQMBUFΛղܾ  HFU5FNQMBUFΛղܾ  λονϞδϡʔϧΛղܾ

     ϞδϡʔϧྨΛ಺ଆ͔Βղܾ  *'ϒϩοΫΛղܾ  ʜҎԼলུ ❹-2ςϯϓϨʔτΛ෼ذ͢Δͱ͖͸άϩʔόϧม਺Λ࢖͏

  23. ❹-2ςϯϓϨʔτΛ෼ذ͢Δͱ͖͸άϩʔόϧม਺Λ࢖͏ Š#&(*/@*'<\#$%^FRNFNCFS>Š !JODMVEF lQBUIUPpMFNz  Š&-4&Š !JODMVEF lQBUIUPpMFz  Š&/%@*'Š

    !JODMVEF lQBUIUP\#$%^IUNMz

  24. https://developer.a-blogcms.jp/document/template/entry-1442.html ❹-2ςϯϓϨʔτΛ෼ذ͢Δͱ͖͸άϩʔόϧม਺Λ࢖͏

  25. ʢίϯςϯπͰ෼ྨͰ͖ͳ͍ʣ ڞ௨ͷΧελϜϑΟʔϧυͳͲͷ ϑΝΠϧ໊͸pFMEʓʓIUNMɹʹ͢Δ ⁢ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  26. field- ͳ͠ field- ͋Γ ⁢ʢίϯςϯπͰ෼ྨͰ͖ͳ͍ʣڞ௨ͷΧελϜϑΟʔϧυͳͲͷϑΝΠϧ໊͸pFMEͳ Μͱ͔IUNMʹ͢Δ

  27. ܧঝݩςʔϚʹ ϧʔτϒϩάઐ༻ͷ ςϯϓϨʔτΛஔ͔ͳ͍ ⁣ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  28. ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍

  29. IUUQυϝΠϯ໊DPOUBDU ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍

  30. IUUQυϝΠϯ໊NFNCFSDPOUBDU ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍

  31. ❻ܧঝݩςʔϚʹϧʔτϒϩάઐ༻ͷςϯϓϨʔτΛஔ͔ͳ͍ NG OK

  32. ΤϯτϦʔ಺Ͱ͸ )5.-λάࣗମʹελΠϧΛద༻͢Δ ⁤ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  33. ؅ཧը໘ίϯϑΟάฤूઃఆ ❼ΤϯτϦʔ಺Ͱ͸HTMLλάࣗମʹελΠϧద༻͢Δ

  34. Ϣχοτ಺ͷཁૉʹ͸ΨλʔΛ֬อ͢Δ ⁥ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  35. ❽Ϣχοτ಺ͷཁૉʹ͸ΨλʔΛ֬อ͢Δ

  36. ❽Ϣχοτ಺ͷཁૉʹ͸ΨλʔΛ֬อ͢Δ

  37. BDNTBENJONJODTT͸ඞͣಡΈࠐΉɻ ΧελϚΠζ࣌ʹ͸ɺ BDNTTDTTΛ࢖༻ςʔϚ಺ʹ͖࣋ͬͯͯ ϢχοτελΠϧ΋ಡΈࠐΉɻ ⁦ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  38. ❾acms-admin-min.css͸ඞͣಡΈࠐΉɻΧελϚΠζ࣌ʹ͸ɺacms.cssΛ࢖༻ςʔϚ಺ʹ ͖࣋ͬͯͯϢχοτελΠϧ΋ಡΈࠐΉɻ @import "functions"; @import "variable"; @import "mixins"; @import "grid";

    @import "unit"; BDNTTDTTͰΠϯϙʔτ͢Δ΋ͷ ઃఆϑΝΠϧ Ϣχοτ

  39. Ϣχοτͷը૾αΠζΛ ʮͦͷ··ʯʹ͠ͳ͍ ➓ ಛʹ஫ҙ͍ͨ͠10ͷ͜ͱ

  40. ➓Ϣχοτͷը૾αΠζΛͦͷ··ʹ͠ͳ͍

  41. ࠓճ঺հͨ͠಺༰͸ BQQMFQMF಺ͰͷΨΠυϥΠϯ ·ͱΊ

  42. ͝ҙݟड෇ઌɿ BQQMFQMFΨΠυϥΠϯ࡞੒൝ ʢ৿ాɾງɾྛాɾੁݪɾҏ౻ʣ ͝ҙݟɺ͝ײ૝౳ ͓଴͍ͪͯ͠·͢ ·ͱΊ

  43. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ ͝ҙݟड෇ઌɿ BQQMFQMFΨΠυϥΠϯ࡞੒൝ ʢ৿ాɾງɾྛాɾੁݪɾҏ౻ʣ IUUQTHJUIVCDPNBQQMFQMFHVJEFMJOF