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

Transcript

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

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

   ࣗݾ঺հ

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

4. 趣味

5. 趣味

6. 趣味

7. 趣味

8. 趣味

9. 趣味

10. 趣味

11. 趣味

12. 趣味

13. 趣味

14. 趣味

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

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

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

    8FCۀք΁స৬

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

19. $44΁ͷෆ҆ $44΁ͷෆ҆

20. ҧ͏ίʔυ $44΁ͷෆ҆

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

22. ݸਓͷྗྔ $44΁ͷෆ҆

23. ྫ͑͹ $44΁ͷෆ҆

24. தԝدͤ $44΁ͷෆ҆

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

    MJOFIFJHIUQY

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

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

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

29. ࣮૷ $44΁ͷෆ҆

30. ෆ҆ $44΁ͷෆ҆

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

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

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

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

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

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

37. ͜Εͩ $44΁ͷෆ҆

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

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

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

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

42. ӳޠʜ $44΁ͷෆ҆

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

44. ৽͍͠ൃݟ $44΁ͷෆ҆

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

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

47. ʴࣗ৴ $44΁ͷෆ҆

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

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

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

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

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

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

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

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

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

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

    ˢઌഐ͔Βฉ͖·ͨ͠

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

59. ࠷ޙʹ

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