concrete5 スタイルカスタマイズ対応の基本

2016/4/23に行われたconcrete5勉強会の資料です。

Transcript

1. ελΠϧΧελϚΠζ
 ରԠͷجຊ 
   
 DPODSFUF
   όʔδϣϯϦϦʔεύʔςΟʔ
   ʢ౦ژʣ
   ঙ࢘ૣ߳ 
2. ࣗݾ঺հ ঙ࢘
   ૣ߳ʢγϣ΢δ
   ϋϠΧʣ
   גࣜձࣾ෋࢜ҹ࡮
 DPODSFUF
   +BQBO
   ΠϯςάϨʔτύʔτφʔ
   DPODSFUF
   +BQBO
   &WBOHFMJTU
   5XJUUFSɿNJ[
 'BDFCPPLɿIBZBLB 
3. ΞδΣϯμ ɾελΠϧΧελϚΠζͱ͸ʁ
   ɾ࡞ۀ४උ
   ɾ࣮ફฤʲεςοϓʳ
   ɾ࣮ફฤʲεςοϓʳ
   ɾߴ౓ͳઃఆ
   ɾ·ͱΊ 
4. ελΠϧΧελϚΠζ ͱ͸ʁ 
5. ελΠϧΧελϚΠζͱ͸ʁ ςʔϚͰܾΊΒΕ͍ͯΔ$44ͷ ઃఆΛݩϑΝΠϧΛ͍͡Βͣʹ ্ॻ͖Ͱ͖Δػೳ 
6. ελΠϧΧελϚΠζͱ͸ʁ ɾςʔϚΧελϚΠβʔ
   ɾςʔϚΧελϚΠζ
   ɾελΠϧΧελϚΠβʔ
   ͳͲɺ͍ΖΜͳݺͼํ͕ɾɾɾ 
7. ࣮ࡍʹࣗ࡞ͷςʔϚͰ΋ରԠ Ͱ͖ΔΑ͏ʹͯ͠Έ·͠ΐ͏ 
8. DPODSFUFͷΠϯετʔϧ͸
 ࡁΜͰ͍ΔલఏͰਐΈ·͢ 
9. ࡞ۀͷલʹ ɾ-&44ʹ͍ͭͯͷ஌ࣝ
 ɾΩϟογϡͷઃఆ
 ɾαϯϓϧϑΝΠϧʹ͍ͭͯ 
10. -&44ʹ͍ͭͯ ࠓճ೺Ѳ͓͍ͯͯ͠ཉ͍͜͠ͱ͸ɺ
    ɾ$44ͷهड़ͦͷ··Ͱ0,
 ɾม਺͕࢖͑Δ
 ɾ֦ுࢠ͸MFTT
 ɾ$44΁ͷίϯύΠϧ͸DPODSFUFʹ͓·͔ͤ
    ͷͭɻ 
11. ม਺ͱ͸ ྫ͑͹͜Μͳͱ͖ɾɾɾɹ
    IFBEFS\
 ɹɹCBDLHSPVOEDPMPS
    ⒎⒎GD
    
 ^
 GPPUFS\
 ɹɹCBDLHSPVOEDPMPS
    ⒎⒎GD
    
 ^  ͓ͳ͡
12. ม਺ͱ͸ !BDDFOUDPMPS
    
    ⒎⒎GD
    
    ม਺Λఆٛ
    IFBEFS\
 ɹɹCBDLHSPVOEDPMPS
    !BDDFOUDPMPS
    
 ^
 GPPUFS\
 ɹɹCBDLHSPVOEDPMPS
    !BDDFOUDPMPS
    
 ^
 มߋ͕ศརʹͳΔʂ 
13. Ωϟογϡͷઃఆ ։ൃத͸ΦʔόʔϥΠυͱ-&44ʹؔ܎͢ΔΩϟο γϡΛશͯΦϑʹ͓͖ͯ͠·͢ɻ
    ؅ཧը໘ʼγεςϜͱઃఆʼ࠷దԽʼΩϟογϡ ͱεϐʔυઃఆ 
14. Ωϟογϡͷઃఆ 
15. αϯϓϧϑΝΠϧʹ͍ͭͯ  (JU)VC͔Βμ΢ϯϩʔυ
    w [JQϑΝΠϧ௚઀μ΢ϯϩʔυϦϯΫ
 IUUQTHJUIVCDPNIBZBLB4JNQMFTUZMFUIFNFBSDIJWF NBTUFS[JQ
     [JQϑΝΠϧΛղౚ 
16. αϯϓϧϑΝΠϧʹ͍ͭͯ BQQMJDBUJPO
 ษڧձ͸͜ͷσʔλ͔Β͸͡Ί·͢ɻ
    BOTXFS
 ษڧձऴྃ࣌ͷݟຊͰ͢ɻ
    EFWFMPQNFOU
 ΧελϚΠζલఏͷ͓·͚ͷςʔϚͰ͢ɻ 
17. αϯϓϧϑΝΠϧʹ͍ͭͯ 
    αϯϓϧͷҠಈ
    μ΢ϯϩʔυͨ͠BQQMJDBUJPOUIFNFTͷதͷ TJNQMF@TUZMFσΟϨΫτϦΛɺ
    ΠϯετʔϧࡁͷDPODSFUFͷ
 BQQMJDBUJPOUIFNFTσΟϨΫτϦʹҠಈ 
18. αϯϓϧϑΝΠϧʹ͍ͭͯ 
    ςʔϚͷΠϯετʔϧ
 ؅ཧը໘ʼϖʔδͱςʔϚʼςʔϚ  ΫϦοΫ
19. αϯϓϧϑΝΠϧʹ͍ͭͯ 
    αϯϓϧςʔϚΛ༗ޮʹ͢Δ
 ༗ޮˠ͸͍ΛΫϦοΫ 
20. ʲεςοϓʳ 
21. ʲεςοϓʳ ɾ$44ˠ-&44
    ɾઃఆϑΝΠϧΛͭ͘Δ
    ɾελΠϧγʔτʹઃఆΛಡΈࠐΉ
    ɾม਺ʹஔ͖׵͑
    ɾϖʔδςϯϓϨʔτͷมߋ 
22. $44ˠ-&44 ςʔϚͷDTTͷ֦ுࢠΛMFTTʹมߋ͢Δ
    ྫʣ
 NBJODTTˠNBJOMFTT
    ৔ॴɿςʔϚͷDTTϑΥϧμͷத 
23. ઃఆϑΝΠϧΛͭ͘Δ ςʔϚ಺ͷDTTQSFTFUTσΟϨΫτϦʹ EFGBVMUTMFTTΛ࡞੒ɻ  ৔ॴ͸
 มߋ͠ͳ͍
24. ઃఆϑΝΠϧΛͭ͘Δ ΧελϚΠζ͍ͤͨ͞෦෼ͷม਺Λઃఆ͢Δ
    ࠓճ͸ϖʔδͷഎܠ৭Λઃఆ͠·͢
    !ม਺໊
    ஋
 ྫʣ
 !QBHFCBDLHSPVOEDPMPS
    ⒎⒎⒎
    ม਺໊ͷৄࡉ͸ޙड़͠·͢ɻ 
25. ελΠϧγʔτʹઃఆΛಡΈࠐΉ ςʔϚͷελΠϧγʔτʢNBJOMFTTʣͷઌ಄ʹ ԼهΛ௥Ճ
    !JNQPSU
    QSFTFUTEFGBVMUTMFTT 
26. ม਺ʹஔ͖׵͑ ઌ΄Ͳઃఆͨ͠৭Λม਺ʹஔ͖׵͑
    ⒎⒎⒎ˠ!QBHFCBDLHSPVOEDPMPS
    ྫʣ
 EJWDDNQBHF
    \

    
    CBDLHSPVOEDPMPS
    !QBHFCBDLHSPVOEDPMPS
 ҎԼུ 
27. ϖʔδςϯϓϨʔτͷมߋ ৔ॴɿFMFNFOUTIFBEFS@UPQQIQ
    ελΠϧγʔτΛಡΈࠐΜͰ͍ΔՕॴΛ
    MJOL
    SFMTUZMFTIFFU
    UZQFUFYUDTT
    ISFG QIQ
    FDIP
    WJFXHFU5IFNF1BUI DTTNBJODTT
    ԼهͷΑ͏ʹॻ͖͔͑Δ
     QIQ
    FDIP
    IUNMDTT WJFXHFU4UZMFTIFFU NBJOMFTT  
28. ϖʔδΛϦϩʔυͯ͠ ֬ೝͯ͠Έ·͠ΐ͏ 
29. 
30. ࠓ·Ͱ௨Γදࣔ
 Ͱ͖ͨΒ࣍ͷεςοϓ΁ 
31. ʲεςοϓʳ 
32. ʲεςοϓʳ ɾTUZMFTYNMΛ࡞੒
    ɾηοτΛͭ͘Δ
    ɾελΠϧΛఆٛ͢Δ 
33. TUZMFTYNMΛ࡞੒ ςʔϚͷDTTϑΥϧμͷதʹTUZMFTYNMΛ࡞੒
     YNM
    WFSTJPO 
 TUZMFT
    WFSTJPO
    ͜͜ʹΧελϚΠζͷઃఆΛ௥Ճ͍ͯ͘͠
    TUZMFT 
34. ηοτΛͭ͘Δ ఆٛ͢ΔελΠϧ͸ηοτʹଐ͢ඞཁ͕͋Δ
    TFU
    OBNFηοτ໊
    TFU
    ηοτ໊͸޷͖ͳ໊લͰ0, 
35. ηοτΛͭ͘Δ ྫʣ
     YNM
    WFSTJPO 
 TUZMFT
    WFSTJPO

    TFU
    OBNF'VMM
    1BHFz
    
    TFU
 TUZMFT 
36. ελΠϧΛఆٛ͢Δ ʲεςοϓʳͰEFGBVMUTMFTTʹઃఆͨ͠ม਺ Λఆ͍͖ٛͯ͠·͢ɻ
    TUZMF
    
 OBNFελΠϧͷද໊ࣔ
    
 WBSJBCMFλΠϓʹؔ͢Δ෦෼Λআ͍ͨม਺໊
    
 UZQFม਺λΠϓ

     
37. ελΠϧΛఆٛ͢Δ ྫʣ
     YNM
    WFSTJPO 
 TUZMFT
    WFSTJPO

    TFU
    OBNF'VMM
    1BHF
    
    
    TUZMF
    OBNF1BHF
    #BDLHSPVOE
    $PMPS
    WBSJBCMFQBHFCBDLHSPVOE
    UZQFDPMPS
    
    
    TFU
 TUZMFT 
38. ϖʔδΛϦϩʔυͯ͠ ֬ೝͯ͠Έ·͠ΐ͏ 
39. ֬ೝ ϖʔδઃఆʼσβΠϯʼΧελϚΠζ
    ৭Λมߋͯ͠ϓϨϏϡʔʹ൓ө͞ΕͯΕ͹0,
    ! ˞ޙ͔Β௥Ճͨ͠ΧελϚΠζ߲໨্͕ख͘දࣔ͞Εͳ͍ ৔߹͸ɺҰ౓ΧελϚΠζΛϦηοτ͍ͯͩ͘͠͞ 
40. ΧελϚΠζ͍ͤͨ͞ελΠϧΛ
 ಉ͡Α͏ʹઃఆ͍ͯ͘͠ 
41. ߴ౓ͳઃఆ 
42. ΧελϚΠζͷछྨ αΠζ
    
    TJ[F
 λΠϙάϥϑΟ
    
    UZQF
 ৭
    
    DPMPS
 ը૾
    
    JNBHF
    TUZMFTYNMͷม਺λΠϓͷ෦෼ʹ্هͷछྨ͕ೖΔ 
43. αΠζ \WBSJBCMF^TJ[F
 QY͔FNΛ࢖༻Ͱ͖Δ
    ྫʣTUZMFTYNM
 TUZMF
    OBNFl1SJNBSZ
    4QBDJOH
    4J[F
    WBSJBCMFQSJNBSZTQBDJOH
    UZQFTJ[F
    
    
44. αΠζ ྫʣNBJOMFTT
 NBSHJO
    !QSJNBSZTQBDJOHTJ[F
    ྫʣEFGBVMUTMFTT
 !QSJNBSZTQBDJOHTJ[F
    QY 
45. λΠϙάϥϑΟ ͻͱͭͷλΠϓͰͭͷม਺ͱରԠ͢ΔͷͰಛघ
 \WBSJBCMF^UZQFGPOUGBNJMZ
 \WBSJBCMF^UZQFGPOUXFJHIU
 \WBSJBCMF^UZQFUFYUEFDPSBUJPO
 \WBSJBCMF^UZQFUFYUUSBOTGPSN
 \WBSJBCMF^UZQFGPOUTUZMF
 \WBSJBCMF^UZQFDPMPS
 \WBSJBCMF^UZQFGPOUTJ[F
 \WBSJBCMF^UZQFMFUUFSTQBDJOH
 \WBSJBCMF^UZQFMJOFIFJHIU
 ͢΂ͯΛઃఆ͢Δඞཁ͸ͳ͍ 
46. λΠϙάϥϑΟ ྫʣTUZMFTYNM
    TUZMF
    
 OBNF#PEZ
    WBSJBCMFCPEZ
    UZQFUZQF
    
    GPOUGBNJMZ
    
    !CPEZUZQF
    ˢ
 ্هͷΑ͏ʹ͸ͳΒͳ͍͜ͱʹ஫ҙʂ 
47. λΠϙάϥϑΟ ྫʣNBJOMFTT
    CPEZ
    \
 ɹCBDLHSPVOEDPMPS
    ⒎⒎⒎
 ɹGPOUGBNJMZ
    
    !CPEZUZQFGPOUGBNJMZ
 ɹGPOUTJ[F
    !CPEZUZQFGPOUTJ[F
 ɹGPOUXFJHIU
    !CPEZUZQFGPOUXFJHIU
    
 ɹGPOUTUZMF
    !CPEZUZQFGPOUTUZMF
    
 ^ 
48. λΠϙάϥϑΟ ྫʣEFGBVMUTMFTT
    !CPEZUZQFGPOUGBNJMZ
    0QFO
    4BOT
 !CPEZUZQFGPOUTJ[F
    QY
 !CPEZUZQFGPOUXFJHIU
    
 !CPEZUZQFGPOUTUZMF
    OPSNBM
 !CPEZUZQFDPMPS
     
49. ৭ \WBSJBCMF^DPMPS
    ྫʣTUZMFTYNM
 TUZMF
    OBNFl5FBN
    #BDLHSPVOE
    $PMPS
    WBSJBCMFlUFBNCBDLHSPVOE
    UZQFDPMPS
    
    
50. ৭ ྫʣNBJOMFTT
 CBDLHSPVOEDPMPS
    !UFBNCBDLHSPVOE DPMPS
    ྫʣEFGBVMUTMFTT
 !UFBNCBDLHSPVOEDPMPS
    ##$
    ਐ਺ʢBBBBBBʣɺSHCB ɺSHC ɺ৭໊Ͱ΋ ઃఆͰ͖·ͨ͠ 
51. ը૾ \WBSJBCMF^JNBHF
    ྫʣTUZMFTYNM
 TUZMF
    OBNFl5FBN
    #BDLHSPVOE
    *NBHF
    WBSJBCMFlUFBNCBDLHSPVOE
    UZQFJNBHF
    
    
52. ը૾ ྫʣNBJOMFTT
 CBDLHSPVOEJNBHF
    
 VSM !UFBNCBDLHSPVOEJNBHF
    
    ྫʣEFGBVMUTMFTT
 !UFBNCBDLHSPVOEJNBHF
    
 JNBHFTCBDLHSPVOEQOH 
53. ·ͱΊ 
54. ·ͱΊ ɾ-&44ͷม਺໊͸جຊYNMͷWBSJBCMF஋ UZQF
 ɹ˞ͨͩ͠ɺλΠϙάϥϑΟ͸ผ
    ɾΧελϚΠζ߲໨͸ඞͣηοτʹೖΕΔ
    ɾϓϦηοτΛ࢖Θͳͯ͘΋
 ɹσΟϨΫτϦߏ଄͸ม͑ͳ͍
    ɾ͓͔͍͠ͳͱ͓΋ͬͨΒ
 ɹʮΧελϚΠζΛϦηοτʯ͢Δ 
55. ࢀߟϖʔδ IUUQDPODSFUFKBQBOPSHIFMQ EFWFMPQFSEFTJHOJOHGPSDPODSFUF FOBCMJOHTUZMFDVTUPNJ[BUJPO 
56. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ