『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring

Transcript

1. 1.

   $44ʹෆ҆Λ๊͘ࢲΛ
   8$࢓༷͕ٹͬͯ͘Εͨ ༗ݶձࣾΞοϓϧοϓϧ
   ੁݪ࠼ 8$"/
   
   4QSJOH

2. 2.

   w ৬छɿϑϩϯτΤϯυΤϯδχΞ
   w ໊લɿੁݪ࠼
   w ۈΊઌɿ༗ݶձࣾΞοϓϧοϓϧ
   w χοΫωʔϜɿγϡΨʔ
   w झຯɿΞϘΧυҭ੒ɼΞΫΞςϥϦ΢Ϝ

   ࣗݾ঺հ
3. 3.

   ࡢ೥͔Β
   ΞϘΧυҭ੒ 趣味

4. 4.

   趣味

5. 5.

   趣味

6. 6.

   趣味

7. 7.

   趣味

8. 8.

   趣味

9. 9.

   趣味

10. 10.

    趣味

11. 11.

    趣味

12. 12.

    趣味

13. 13.

    趣味

14. 14.

    趣味

15. 15.

    झຯ͸ॆ࣮
    ࢓ࣄ͸ʁ 8FCۀք΁స৬

16. 16.

    ೥લ
    $ݴޠͷϓϩάϥϚʔ
    8FCۀք΁స৬ 8FCۀք΁స৬

17. 17.

    w )5.-$444$44BCMPH
    DNT
    ˠ
    ݁ߏॻ͚Δ
    w ΞΫηγϏϦςΟϢʔβϏϦςΟ΁ͷ഑ྀ
    ˠ
    ษڧத
    w +BWB4DSJQUK2VFSZ1)1
    ˠ
    ·ͩ·ͩ
    w (JU%PDLFSHVMQͳͲͷޮ཰Խπʔϧ
    ˠ·ͩ࢖͍͜ͳͤͯͳ͍
    w ͦͷ΄͔৭ʑͳπʔϧ
    ˠ
    ׳Ε͖ͯͨ

    8FCۀք΁స৬
18. 18.

    )5.-
    $44
    4$44 $44΁ͷෆ҆

19. 19.

    $44΁ͷෆ҆ $44΁ͷෆ҆

20. 20.

    ҧ͏ίʔυ $44΁ͷෆ҆

21. 21.

    ಉ͡ϨΠΞ΢τ $44΁ͷෆ҆

22. 22.

    ݸਓͷྗྔ $44΁ͷෆ҆

23. 23.

    ྫ͑͹ $44΁ͷෆ҆

24. 24.

    தԝدͤ $44΁ͷෆ҆

25. 25.

    $44΁ͷෆ҆ NBSHJOBVUP
    QBEEJOHQY
    
    
    UFYUBMJHODFOUFS
    EJTQMBZqFY
    KVTUJGZDPOUFOUDFOUFS
    BMJHOJUFNTDFOUFS
    QPTJUJPOBCTPMVUF
    USBOTGPSNUSBOTMBUF   
    EJTQMBZUBCMFDFMM
    WFSUJDBMBMJHONJEEMF
    
    

    MJOFIFJHIUQY
26. 26.

    ϕετͳͷ͔ʁ $44΁ͷෆ҆

27. 27.

    ௐ΂ͨΓɺ
    ฉ͍ͨΓɺ
    ࢼͨ͠Γɺ $44΁ͷෆ҆

28. 28.

    ࣗ෼ͳΓͷ
    ϕετ $44΁ͷෆ҆

29. 29.

    ࣮૷ $44΁ͷෆ҆

30. 30.

    ෆ҆ $44΁ͷෆ҆

31. 31.

    $PEF(SJE
    ʰ࢓༷ॻͷಡΈํʱ https://www.codegrid.net/

32. 32.

    $PEF(SJE
    ʰ࢓༷ॻͷಡΈํʱ https://www.codegrid.net/ $PEF(SJEͱ͸
    ݱ໾ͷΤϯδχΞ͕ٕज़ൃ৴

33. 33.

    $PEF(SJE
    ʰ࢓༷ॻͷಡΈํʱ
    ࢓༷ॻˠ8$
    ʢ8PSME
    8JEF
    8FC$POTPSUJVNʣ https://www.codegrid.net/

34. 34.

    $PEF(SJE
    ʰ࢓༷ॻͷಡΈํʱ
    ࢓༷ॻˠ8$
    ʢ8PSME
    8JEF
    8FC$POTPSUJVNʣ https://www.codegrid.net/ 8$ͱ͸
    8FCʹؔΘΔٕज़ͷඪ४ٕज़ͷ։ൃͱ ීٴΛ໨తͱ͢ΔඇӦརஂମɻ https://www.kddi.com/yogo/Πϯλʔωοτ/W3C.html

35. 35.

    $PEF(SJE
    ʰ࢓༷ॻͷಡΈํʱ
    ࢓༷ॻˠ8$
    ʢ8PSME
    8JEF
    8FC$POTPSUJVNʣ
    ‎ͱ͋ΔҰจΛಡΜͰʜ https://www.codegrid.net/

36. 36.

    ࢓༷ΛಡΜͰ਎ʹ෇͚ͨ஌ࣝ͸ɺ զྲྀ΍αΠτΛͪΐͬͱ
    ಡΈ͔ͬͨͦ͡ͷ৔͠ͷ͗ͷ
    ஌ࣝΑΓɺࣗ৴Λ࣋ͬͯ࢖͑Δ $44΁ͷෆ҆

37. 37.

    ͜Εͩ $44΁ͷෆ҆

38. 38.

    8$͸Կऀͳͷ͔ʁ $44΁ͷෆ҆

39. 39.

    8$͸8FCϖʔδΛ੍࡞͢ Δ͏͑ͰͷࠃࡍతϧʔϧΛ ܾΊ͍ͯΔஂମ $44΁ͷෆ҆

40. 40.

    ͔ͩΒ࢓༷ͱ
    ݺ͹Ε͍ͯͨͷ͔ $44΁ͷෆ҆

41. 41.

    ಡΉ͔͠ͳ͍ʂ $44΁ͷෆ҆

42. 42.

    ӳޠʜ $44΁ͷෆ҆

43. 43.

    $44΁ͷෆ҆ (PPHMF຋༁࢖͍ͳ͕Β
    ಡΜͰΈͨ

44. 44.

    ৽͍͠ൃݟ $44΁ͷෆ҆

45. 45.

    w ಗ໊ϒϩοΫϘοΫεͱಗ ໊ΠϯϥΠϯϘοΫε
    w ୯ҐʹDN͕࢖͑Δͷʹڻ ͍ͨ $44΁ͷෆ҆

46. 46.

    ಡ·ͳ͍ͱ
    ؾ͚ͮͳ͔ͬͨ $44΁ͷෆ҆

47. 47.

    ʴࣗ৴ $44΁ͷෆ҆

48. 48.

    ݟ͔ͭͬͨ՝୊ͭ ͜Ε͔Βͷ՝୊

49. 49.

    
    ӳޠͷޠኮྗ͕ͳ͍ ͜Ε͔Βͷ՝୊

50. 50.

    ຊΛߪೖͯ͠Έͨ ʰӳ୯ޠͷޠݯਤؑʱ https://www.amazon.co.jp/ӳ୯ޠͷޠݯਤؑ-ਗ਼ਫ-ݐೋ/dp/4761273453

51. 51.

    
    ࢓༷֬ೝͷบΛ͚ͭΔ ͜Ε͔Βͷ՝୊

52. 52.

    $44ϓϩύςΟ
    ʹ͍ͭͯௐ΂Δ࣌ ͜Ε͔Βͷ՝୊

53. 53.

    ͍ΖΜͳαΠτΛݟͯճΔ ͜Ε͔Βͷ՝୊

54. 54.

    ࢼͯ͠ΈΔ ͜Ε͔Βͷ՝୊

55. 55.

    ʴ࢓༷֬ೝ ͜Ε͔Βͷ՝୊

56. 56.

    
    )5.-$44ͳͲͷ
    ྺ࢙
    എܠΛ஌Δ ͜Ε͔Βͷ՝୊

57. 57.

    w 8$ͷ೔ຊޠ༁͕ग़͍ͯΔ͜ͱ ਖ਼ ࣜ൛͸͋͘·Ͱӳޠ
    w )5.-
    -JWJOH
    4UBOEBSE
    ͷଘࡏ
    w ϒϥ΢βؒͰ͹Β͖͕ͭͰΔཧ༝ ͜Ε͔Βͷ՝୊

    ˢઌഐ͔Βฉ͖·ͨ͠
58. 58.

    ࣗ෼͕࢖͍ͬͯΔݴޠͷ͜ͱ ͜Ε͔Βͷ՝୊

59. 59.

    ࠷ޙʹ

60. 60.

    w $PEF(SJE
    ୈճ
    ࢓༷දΛಡΜͰΈΑ͏
    w 8$
    w 8$Ͱݕࡧ͢ΔͳΒ https://www.w3.org/ https://app.codegrid.net/entry/reading-spec-css-1 https://www.w3.org/TR/ ࠷ޙʹ

    ɹ
    
    !SBDIJDPN@TVHBS
    ɹXDBO ˞͜ͷهࣄ͸ແྉͰಡΊ·͢
61. 61.

    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ IUUQTXXXGBDFCPPLDPNSBDIJDPNTVHBS
    !SBDIJDPN@TVHBS
    IUUQTSBDIJDPNOFU $44ʹෆ҆Λ๊͘ࢲΛ8$࢓༷͕ٹͬͯ͘Εͨ