コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech

2024/09/20 Niigata5分Tech #12 で話した資料です

Transcript

1. 
   /JJHBUB෼5FDI
    ίϯςφΫΤϦ͸ίϯςφٕज़ͷ ࿩Ͱ͸ͳ͘
   $44
   ͷ࿩Ͱ͢ HJSJHJSJCBVFS
2. ࣗݾ঺հ w ৽ׁͰҰ൪ඒຯ͍͠ϥʔϝϯ԰͸ʰ͠ΐ͏͕ͷւʱʢ௕ԬʣͰ͢
   w ΦϯϥΠϯ্͸஍ࠈʢچ
   5XJUUFSʣ͔Β
   #MVFTLZ
   ʹҾӽ͠ࡁΈ
   w ສਓ͓ΊͰͱ͏🎉
   w ΈΜͳͬ͞͞ͱ஍ࠈ͔Βಀ͛Α͏ʂ 2
3. 3 a
   ݁ہԿ΋ͤͣ
    ͋ΔՆͷ೔
4. ίϯςφΫΤϦ͸ίϯςφٕज़ͷ࿩Ͱ͸ͳ͘
   $44
   ͷ࿩Ͱ͢ w ࠓ೔͸͜Ε͚ͩݴ͑Ε͹ൃද׬ྃ
   w ࠷ॳʹ஌ͬͨͱ͖ɺίϯςφٕज़ͷ࿩ͩͱצҧ͍ͨ͠
   w ʢצҧ͍ͯ͠ɺޙͰௐ΂Ε͹͍͔ͬͱࢥͬͯਂ͘ௐ΂ͳ͔ͬͨɾɾɾʣ 4
5. ίϯςφΫΤϦͱ͸ w ͬ͘͟Γݴ͏ͱɺಛఆͷ
   %0.
   ཁૉʢίϯςφʣΛج४ͱͨ͠
   ελΠϧͷఆٛΛߦ͏͜ͱ͕Ͱ͖Δ
   w ίϯϙʔωϯτ୯ҐͰͷ։ൃʹͽͬͨΓ
   w ͜Ε·ͰͷϝσΟΞΫΤϦͷ୅ΘΓʹͳΔ΋ͷ
   w ϝσΟΞΫΤϦ͸ը໘୯Ґ
   w ίϯςφΫΤϦ͸
   %0.
   ཁૉ୯Ґ
   w ྫ͕ͳ͍ͱ෼͔ΓͮΒ͍🥺 5
6. ࡶͳྫ
   ΫϨδοτΧʔυͬΆ͍΋ͷ 6 w ΫϨδοτΧʔυͬΆ͍΋ͷΛ
   ෯ʹؔ܎ͳ͘ʢ෯͍ͬͺ͍Ͱʣ
   ഑ஔ͍ͨ͠
   w Α͋͘ΔΧϥϜϨΠΞ΢τʹ
   ഑ஔͯ͠ΈΔ
7. ࡶͳྫ
   ΫϨδοτΧʔυͬΆ͍΋ͷ w ී௨͸
   8FC
   ͩͱ͜͏ͳΔ
   w ը૾ຕ͚ͩͳΒ
   ͜ΕͰ΋੒ཱ͢Δ
   w ΫϨδοτΧʔυͷ
   ؙ͕֯খ͘͞ͳͬͨʁ
   w จࣈ΋ΧʔυͷΘΓʹ
   খ͘͞ͳͬͨʁ 7
8. ࡶͳྫ
   ΫϨδοτΧʔυͬΆ͍΋ͷ w ίϯςφΫΤϦΛ࢖͏ͱ
   ͳΜͱ͔Ͱ͖ͪΌ͏
   w ίϯςφΛج४ʹ
   ؙ֯ͷ஋Λઃఆ
   w ίϯςφΛج४ʹ
   ϑΥϯταΠζΛઃఆ 8
9. ࡶͳྫ
   ΫϨδοτΧʔυͬΆ͍΋ͷ 4UBUJD$BSE 9
10. ࡶͳྫ
    ΫϨδοτΧʔυͬΆ͍΋ͷ 'MFYJCMF$BSE 10
11. ࡶͳྫ
    ΫϨδοτΧʔυͬΆ͍΋ͷ 'MFYJCMF$BSE
    ʢେࣄͳͱ͚ͩ͜ൈਮʣ 11 Ͳ͏΍ΒΫϨδοτΧʔυ͸෯85.60mmʹରؙͯ֯͠3.18mmΒ͍͠Ͱ͢
12. ίϯςφΫΤϦ͸ศརʂ w DPOUBJOFSUZQF
    ϓϩύςΟͰએݴͨ͠ͱ͜Ζ͕ج४ͱͳΔ
    w υΩϡϝϯτʹ͸࠷ॳʹ
    !DPOUBJOFS
    ͱ͍͏Ξοτϧʔϧ͕঺հ͞Ε͍ͯΔ ͕ɺඞͣ͠΋࢖Θͳͯ͘΋ྑ͍
    w IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44$44@DPOUBJONFOU $POUBJOFS@RVFSJFT
    w Ϗϡʔϙʔτج४ͷ
    WX
    WI
    ͱಉ༷ʹίϯςφαΠζج४ͷ
    DRX
    DRI
    ͳͲ͕͋Δ 12
13. ·ͱΊ Έͳ͞Μ΋
    $44
    ͷίϯςφΫΤϦͰؾ࣋ͪΑ͘ͳͬͯΈ͍ͯͩ͘͞ 13
14. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 14