未来を先取るPostCSS ヒロフロ Vol.8版

広島フロントエンド勉強会 Vol.8

Transcript

1. ޿ౡϑϩϯτΤϯυษڧձ Ҫ্୓ɹḆݪ༟ر ڠྗ גࣜձࣾΤϜɾϑΟʔϧυ޿ౡΦϑΟε ͔ΈʔΏ
2. ະདྷΛઌऔΔ1PTU$44 $PEF$PEF
   Ҫ্
   ୓
3. Ҫ্
   ୓ w ޿ౡϑϩϯτΤϯυษڧձओ࠵
   w $44
   /JUF
   JO
   )*304)*."
   ࣮ߦҕһձ෭ҕһ௕
   w 8&#
   506$)
   .&&5*/(
   ड෇ͷਓ
   w )*304)*."
   %&4*(/
   -"#
   w 8"ϓϩδΣΫτ $PEF$PEF ͜Μͳਓ ͳΜ͔࠷ۙɺॴଐஂମ͕૿͑ͯΔؾ͕͢Δ
4. $44
5. $44 -&44 4BTT $44 1PTU$44
8. 4BTT͕ొ৔͔ͯ͠Β໿೥
9. $44 -&44 4BTT $44 1PTU$44
10. 1PTU$44
11. 1PTU$44 w "VUPQSFGJYFSͷ"OESFZ
    4JUOJL͕։ൃ
    w 1PTU$44͸"45 ந৅ߏจ໦ "1*Λఏڙ͢Δ͚ͩ
    w ϓϥάΠϯʹΑͬͯػೳΛ௥Ճ͍ͯ͘͠
    w 2JJUBͰ΋࠾༻͞Ε͍ͯΔ ʮະདྷͷCSSΛݱࡏͷCSSʹ຋༁͢Δʯπʔϧ
12. 1PTU$44 $44 1PTU$44 ϓϥάΠϯ $44 XFCQBDL HVMQKT
13. ؀ڥߏங
14. HVMQKTͷಋೖ
15. Πϯετʔϧ /PEFKTͷΠϯετʔϧ IUUQOPEFKTKQOPEFKTPSH@KBEPDTW
16. (JU)VC IUUQTHPPHM'W27T:
17. ࠇ͍ը໘
18. 
    DE
    %FTLUPQQPTUDTT
    
    OQN
    JOTUBMM
    H
    HVMQ
    
    OQN
    JOTUBMM
    
    HVMQ
19. Πϯετʔϧ HVMQKTͷΠϯετʔϧ 
    TVEP
    OQN
    JOTUBMM
    H
    HVMQ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQ άϩʔόϧΠϯετʔϧ ϩʔΧϧΠϯετʔϧ
20. OQN
    JOJU ύοέʔδ؅ཧ
    ର࿩ܗࣜͰQSPKFDUͷॳظઃఆΛߦ͏ 
    OQN
    JOJU ϓϩδΣΫτΛڞ༗ͨ͠৔߹ͳͲʹ 
    OQN
    JOTUBMM ࠓͷOQNͷ؀ڥ͕ἧ͏
21. Πϯετʔϧ HVMQpMFKTͷجຊܗ HVMQUBTL λεΫ໊
    GVODUJPO
    \
    HVMQTSD ಡΈࠐΈΉϑΝΠϧ
    
    ʙॲཧʙ
    QJQF HVMQEFTU ग़ྗ͢ΔσΟϨΫτϦ 
    ^ 
22. 1PTU$44 1PTU$44λεΫ
23. ॻ͖ํ
24. DTTOFYU w ϓϥάΠϯύοΫ
    w BVUPQSFGJYFS
    w QPTUDTTDVTUPNQSPQFSUJFT
    w QPTUDTTOFTUJOH
    w SFEVDFDTTDBMD
    w QPTUDTTDVTUPNNFEJB
    w QPTUDTTTFMFDUPSOPU
 
 
 
 ͳͲͳͲ ࣍ੈ୅$44ͷ࢓༷Λઌཱͬͯ࢖͑ΔΑ͏ʹ͢Δπʔϧ
25. BVUPQSFpYFS $BO
    *
    6TFʜΛ΋ͱʹϕϯμʔϓϨϑΟοΫεΛ෇༩ XSBQQFS\
    
    
    EJTQMBZ
    qFY
    ^
    XSBQQFS\
    
    
    
    
    EJTQMBZ
    XFCLJUqFY
    
    
    
    
    EJTQMBZ
    NP[qFY
    
    
    
    
    EJTQMBZ
    NTqFY
    
    
    
    
    EJTQMBZ
    PqFY
    
    
    
    
    EJTQMBZ
    qFY
    ^ $PNQBTTΑΓ΋໿ഒߴ଎Β͍͠
26. QPTUDTTDVTUPNQSPQFSUJFT ม਺Λ࢖͑ΔΑ͏ʹ͢Δ SPPU
    \
    
    
    DPMPS
    SFE
    ^
    I
    \
    
    
    DPMPS
    WBS DPMPS 
    ^ I
    \
    
    
    DPMPS
    SFE
    ^
27. QPTUDTTOFTUJOH ωετΛ࢖͑ΔΑ͏ʹ͢Δ MJ\
    
    
    
    
    GPOUTJ[F
    QY
    
    
    
    
    
    B\
    
    
    
    
    
    
    
    
    DPMPS
    G
    
    
    
    
    ^
    ^ MJ\
    
    
    
    
    GPOUTJ[F
    QY
    ^
    MJ
    B\
    
    
    
    
    DPMPS
    G
    ^
28. SFEVDFDTTDBMD DBMDͷܭࢉ݁ՌΛग़ྗ MJ\
    
    
    
    
    XJEUI
    DBMD  QY
    ^ MJ\
    
    
    
    XJEUI
    QY
    ^
29. DVTUPN
    NFEJB
    RVFSJFT ϝσΟΞΫΤϦʹ໊લΛ͚ͭΔ͜ͱ͕Ͱ͖Δ !DVTUPNNFEJB
    J1BE
    POMZ
    TDSFFO
    NJOEFWJDF XJEUI
    QY
    BOE
    NBYEFWJDFXJEUI
    QY 
    !NFEJB
    J1BE
    \
    
    
    
    DTT
    GPS
    J1BE
    
    ^
30. ଞʹ΋ w 1SF$44
    
    
    
    
    4BTTʹࣅͨߏจΛॻ͚ΔΑ͏ʹϓϥάΠϯύοΫ
    w QPTUDTTNJYJOT
    
    
    
    NJYJOΛ࢖͑Δ
    w QPTUDTTGPS
    
    
    
    GPSจΛ࢖͑Δ
    w QPTUDTTDPMPSGVODUJPO
    
    
    ৭ʹؔ͢Δؔ਺Λ࢖͑Δ