「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_191102

「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_191102

2019年11月2日「リーダブルな昼下がり」で発表したスライドです:
https://readable-na.connpass.com/event/145881/

Dbe3bc2c72aa0b8175561b3a948a80fb?s=128

Daisuke Kobayashi

November 02, 2019
Tweet

Transcript

  1. None
  2. ʮ͢΂ͯʯͷਓʹ 8FCίϯςϯπͷՁ஋Λಧ͚Δ඼࣭ খྛେี αΠϘ΢ζגࣜձࣾ ΞΫηγϏϦςΟΤΩεύʔτ

  3. ೥ αΠϘ΢ζגࣜձࣾ ৽ଔೖࣾˠϓϩάϥϚʔ ೥ ΞΫηγϏϦςΟΤΩεύʔτ݉೚ ೥ ΞΫηγϏϦςΟΤΩεύʔτઐ೚ ΢ΣϒΞΫηγϏϦςΟج൫ҕһձ 8(ҕһ झຯɿଠޑͷୡਓɺΧϑΣɺϥʔϝϯɺόΠΫ

    খྛେีʢ!TVLPZBLBSJ[VNVʣ
  4. αΠϘ΢ζάϧʔϓ΢ΣΞͷ։ൃ ϝοηʔδ ϑΝΠϧ؅ཧ εέδϡʔϧ ϫʔΫϑϩʔ ձٞࣨ༧໿

  5. ձࣾ঺հ

  6. None
  7. αΠϘ΢ζͷཧ૝ νʔϜϫʔΫ͋;ΕΔࣾձΛ૑Δ

  8. ΞΫηγϏϦςΟͱ͸ͳΜͩΖ͏ʁ

  9. ΞΫηγϏϦςΟ ো֐ऀͷͨΊͷಛผରԠʁ

  10. ো֐ %JTBCJMJUZ ͱ͸ͳʹ͔ʁ

  11. ंҜࢠϢʔβ͕ҿ৯ళʹೖΔͱ͖

  12. ໨͕ݟ͑ͳ͍ਓ͕௨ۈ͢Δͱ͖

  13. • ࣗ෼ࣗ਎͕౒ྗͯ͠ղܾ͢Δ • पΓͷ؀ڥΛվળͨ͠ΓɺपΓͷਓͷৼΔ෣͍Ͱղܾ͢Δ ໰୊ͷղܾํ๏ͱো֐ %JTBCJMJUZ

  14. %JTBCJMJUZͱ͸ɺਓؒʹͱͬͯ௨ৗͷൣғ಺Ͱߦಈ͢ΔͨΊͷ ೳྗ͕ɺ৺਎ͷܽଛͷ݁Ռͱͯ͠ɺ੍ݶɾෆ଍͍ͯ͠Δ͜ͱ 8)0ͷ %JTBCJMJUZͷఆٛ  %JTBCJMJUZJTBOZSFTUSJDUJPOPSMBDLPGBCJMJUZ SFTVMUJOHGSPNBO JNQBJSNFOU UPQFSGPSNBOBDUJWJUZJOUIFNBOOFSPSXJUIJOUIFSBOHF DPOTJEFSFEOPSNBMGPSBIVNBOCFJOH

    ʢখྛ༁ʣ
  15. %JTBCJMJUZͱ͸݈߁໰୊͚ͩͰ͸ͳ͍ɻ͜Ε͸ෳࡶͳݱ৅Ͱ͋Γ ਓؒͷ਎ମͷಛ௃ͱࣾձͱͷ૬ޓ࡞༻Λ൓өͨ͠΋ͷͰ͋Δ 8)0ͷ %JTBCJMJUZͷఆٛ ݱࡏ %JTBCJMJUZJTOPUKVTUBIFBMUIQSPCMFN*UJTBDPNQMFYQIFOPNFOPO  SFGMFDUJOHUIFJOUFSBDUJPOCFUXFFOGFBUVSFTPGBQFSTPO`TCPEZBOE GFBUVSFTPGUIFTPDJFUZJOXIJDIIFPSTIFMJWFT ʢখྛ༁ʣ

  16. https://www.microsoft.com/design/inclusive/

  17. %JTBCJMJUZ͸ࣗ෼ʹؔ܎ͳ͍ͷ͔ʁ ো֐ऀ ࣗ෼

  18. ʮಇ͖ํͷଟ༷Խʯͷઌʹى͍ͬͯ͜Δ͜ͱ ਓ௨Γͷಇ͖ํ

  19. • ࡏ୐ۈ຿0, • ࣌ࠩग़ۈ0, • ࣌୹ۈ຿0,ʢҭࣇɾհޢͳͲʣ • ෭ۀɾෳۀ0, ಇ࣌ؒ͘ͱ৔ॴΛࣗ༝ʹ

  20. • ͨ͘͞Μͷࠃ಺ڌ఺ւ֎ڌ఺ • ίϫʔΩϯάεϖʔε • ςϨϏձٞΛ࢖ͬͯෳ਺ਓͰσβΠϯɾϓϩάϥϛϯά ଟڌ఺ԽɾάϩʔόϧԽ

  21. • ίϛϡχέʔγϣϯΛଅ͢นͷͳ͍ΦϑΟε • ެ໌ਖ਼େͳٞ࿦Λଅ͢֎͔Βݟ͑Δձٞࣨ • ϗϫΠτϘʔυʹΑΔίϛϡχέʔγϣϯ ΦʔϓϯΦϑΟε

  22. ʮଟ༷ͳಇ͖ํʯ͕΋ͨΒ͢%JTBCJMJUZ

  23. ςϨϏձٞʹΑΔ%JTBCJMJUZ • ૬खͷԻ੠͕ฉ͑͜ͳ͍ɾԻ੠͕഑৴Ͱ͖ͳ͍ • ૬खͷө૾͕ݟ͑ͳ͍ɾө૾͕഑৴Ͱ͖ͳ͍ • ෺ཧతͳܝࣔ෺͕֬ೝͰ͖ͳ͍ • ͪΐͬͱͨ͠࿩୊Ͱ࿩͔͚ͮ͠Β͍ •

    ෳ਺ਓͰࡶஊͰ͖ͳ͍
  24. ΦʔϓϯΦϑΟεʹΑΔ%JTBCJMJUZ • ۀ຿தͷձ࿩΍ి࿩ͷԻ੠ʹूத͕๦͛ΒΕΔ • ࢹքʹਓ͕ೖͬͯؾ͕ࢄΔ • ϗϫΠτϘʔυ͕अຐͰҠಈͮ͠Β͍

  25. ҭࣇɾհޢʹΑΔ%JTBCJMJUZ • อҭԂ͔Βͷి࿩Ͱ࡞ۀ͕தஅ͞ΕΔ • ѱఱީͷ೔ͷࢠڙͷؼΓ͕৺഑ • ୹࣌ؒͰࡉ੾Εʹ͔͠࡞ۀͰ͖ͳ͍ • ਭ຾ෆ଍΍ർ࿑Ͱ࡞ۀʹूதͰ͖ͳ͍

  26. άϩʔόϧԽʹΑΔ%JTBCJMJUZ • ͕࣌ࠩ͋ΓϦΞϧλΠϜʹ΍ΓͱΓͰ͖ͳ͍ • ձٞͰൃݴͰ͖ͳ͍ • ϓϨθϯͷ಺༰͕ཧղͰ͖ͳ͍ • पғͷਓ͕স͍ͬͯΔδϣʔΫ͕ཧղͰ͖ͳ͍ •

    จষΛಡΉͷʹ͕͔͔࣌ؒΔ
  27. ಈ͘ ࿩͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ೉ௌ ݴޠো֐ ࢶମෆࣗ༝

    શ໡ Ζ͏ "%)% ࠎંɾոզ ͏ͭ σΟεϨΫγΞ
  28. ಈ͘ ࿩͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ೉ௌ ݴޠো֐ ࢶମෆࣗ༝

    શ໡ Ζ͏ "%)% ന಺ো ࿝Խ ࠎંɾոզ ࡶԻ ෩अ ւ֎ग़ு ࡏ୐ϫʔΫ ͏ͭ ೔ޫԼ σΟεϨΫγΞ ٸͳ༧ఆ ҭࣇத ຬһిं ӡసத ӳจ ૽Ի ੩Ի؀ڥ
  29. https://www.amazon.co.jp/dp/B07PFNRPQF/

  30. ඪ४తͳϢʔβʔͳͲ͍ͳ͍ͳΒɺۃ୺ͳϢʔβʔ΋͍ͳ͍ɻ ۂઢͷ୺ʹҐஔ͢ΔਓؒͳͲ͍ͳ͍ɻඇඪ४తͳγφϦΦ΋ͳ͍ɻ Τοδέʔε΋ͳ͍ɻ ͦΕΑΓ΋ɺਓؒͷଟ༷ੑΛද͠ɺฏۉਓͷͨΊʹσβΠϯ͢Δ ڽΓݻ·ͬͨश׳ʹҟΛএ͑Δ৽͍͠πʔϧ͕ඞཁͳͷͩɻ

  31. ϖϧιφɾεϖΫτϥϜ ݟΔ ߃ৗత ന಺ো ௿଎ճઢ ࡏ୐ϫʔΫ ฉ͘ ೉ௌ தࣖԌ ෩अ

    ւ֎ग़ு ిंͰҠಈத શ໡ Ұ࣌త ঢ়گత
  32. 4PMWFGPSPOF FYUFOEUPNBOZ 

  33. ܦݧͨ͠%JTBCJMJUZͷେ͖͞ɾਂࠁ͕ͦ͜͞ʮͷΓ͠Ζʯ

  34. • ΦϑΟεσβΠϯͷଟ༷Խ • 73"3ٕज़ͷൃల • ෳۀͷҰൠԽ • ϫʔΫγΣΞϦϯά • ௒ߴྸԽࣾձ

    • μΠόʔγςΟܦӦ • ϩϘοτɾ"*ɾࣗಈӡస • ςΟʔϧ૊৫ɾϗϥΫϥγʔ কདྷɺࢲͨͪ͸ͲͷΑ͏ʹಇ͍͍ͯΔͷͩΖ͏ʁ
  35. Θͨͨͪ͠ͷະདྷͷ՝୊͸ ࠷΋େ͖ͳϛεϚονΛܦݧ͍ͯ͠Δਓ͕஌͍ͬͯΔ

  36. *5ͷ ଟ༷ੑ ਎ମతͳ ଟ༷ੑ ಇ͖ํͷ ଟ༷ੑ ͢΂ͯͷଟ༷ੑ͸ͭͳ͕͍ͬͯΔ

  37. None
  38. "DDFTTJCJMJUZ"DDFTT "CJMJUZ

  39. Ϣʔβ͸ɺΘͨͨͪ͠ͷ੡඼ʹΞΫηε͢Δ͜ͱͰ ԿʹΞΫηε͠Α͏ͱ͍ͯ͠Δͷ͔ʁ

  40. ユーザ サイボウズ製品 チーム

  41. αΠϘ΢ζʹͱͬͯɺΞΫηγϏϦςΟͱ͸ ʮϢʔβ͕νʔϜʹΞΫηεͰ͖Δೳྗʯ

  42. ΞΫηγϏϦςΟΛ֬อ͢Δ͜ͱ͸ ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏ ϢʔβͷͶ͕͍Λଚॏ͢Δ͜ͱ

  43. ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏Ͷ͕͍͚͕ͩ ࢲͨͪͷϢʔβ͔Ͳ͏͔ͷ൑அج४

  44. None
  45. Ͳ͏͢Ε͹%JTBCJMJUZ͔Βղ์Ͱ͖Δʁ

  46. • ๏཯ɾ੍౓ͷน • ෩౔ɾจԽͷน • ෺ཧత؀ڥͷน • *$5ɾ8FCͷน ࢲཱ͕ͨͪͪ޲͔Θͳ͚Ε͹ͳΒͳ͍͜ͱ

  47. ΞΫηγϏϦςΟ ো֐ऀͷͨΊͷಛผରԠʁ

  48. 8FC͸ͲΜͳʮ͔ͨͪʯʁ

  49. None
  50. None
  51. None
  52. None
  53. None
  54. • ϏδϡΞϧϒϥ΢β • εϚʔτϑΥϯ • ݕࡧΤϯδϯͷݕࡧ݁Ռ • εΫϨΠϐϯάαʔϏε • ςΩετϒϥ΢β

    • ఺ࣈσΟεϓϨΠ • εΫϦʔϯϦʔμʔ • 7PJDF6* • εϚʔτ΢Υον • ະདྷͷσόΠε 8FCίϯςϯπͷʮ͔ͨͪʯ͸͞·͟·
  55. 8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυ΢ΣΞ ʢ1$ɾεϚϗʜ ιϑτ΢ΣΞ ϒϥ΢βʜʣ ೖग़ྗ ػث

  56. 8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυ΢ΣΞ ʢ1$ɾεϚϗʜ ιϑτ΢ΣΞ ϒϥ΢βʜʣ ೖग़ྗ ػث ײ֮৘ใ

    ʢࢹ֮ɾௌ֮ɾ৮֮ʜʣ 8FCٕज़ )5.-ɾ$44ɾ+4ʜ
  57. ΞΫηγϏϦςΟͷ̎ͭͷཁૉ Ϛγϯ ϦʔμϏϦςΟ ώϡʔϚϯ ϦʔμϏϦςΟ ੍࡞ऀ Ϣʔβ

  58. • ʮػցʯʹͱͬͯղऍ͠΍͍͔͢ • ʮػցʯ͕ਖ਼͘͠ղऍ͢Ε͹ɺ෯޿͍දݱʹม׵Ͱ͖Δ ϚγϯϦʔμϏϦςΟ

  59. • ਖ਼֬ͳϖʔδλΠτϧΛॻ͘ • ਖ਼֬ͳϦϯΫςΩετΛॻ͘ • ը૾ʹ୅ସςΩετΛॻ͘ ਖ਼֬ͳςΩετΛॻ͘

  60. • ϥϯυϚʔΫʹ͸IFBEFSGPPUFSNBJOʜ࢖͏ • ݟग़͠ʹ͸IIʜΛ࢖͏ • ϦϯΫʹ͸BΛ࢖͏ • Ϙλϯʹ͸CVUUPOΛ࢖͏ • Ϧετʹ͸VMPMMJʜΛ࢖͏

    ςΩετʹਖ਼͍͠ҙຯΛ༩͑Δ
  61. • ʮਓʯʹͱͬͯɺݟ΍͘͢ɾૢ࡞͠΍͘͢ɾΘ͔Γ΍͍͔͢ ώϡʔϚϯϦʔμϏϦςΟ

  62. ը໘ͷେ͖͞΍޲͖ʹΑΒͣɺΘ͔Γ΍͘͢දࣔ͢Δ

  63. ֦େॖখͯ͠΋Θ͔Γ΍͘͢දࣔ͢Δ

  64. ৭͚ͩʹཔΒͣදݱ͢Δ

  65.    " " " " " " "

    " " " ͸͖ͬΓ͖ͬ͘Γͨ͠৭Λ࢖͏
  66. ೖྗ͢΂͖಺༰΍ΤϥʔΛΘ͔Γ΍͘͢͢Δ TVLPZBLBSJ[VNʜ ϝʔϧΞυϨε ******** ύεϫʔυ TVLPZBLBSJ[VNV!HNBJMDPN ϝʔϧΞυϨε ******** ύεϫʔυ Τϥʔ

    ύεϫʔυ͸จࣈҎ্Ͱ͢ ඞਢ
  67. • ը໘ͷେ͖͞΍޲͖ʹΑΒͣɺΘ͔Γ΍͘͢දࣔ͢Δ • ֦େॖখͯ͠΋ɺΘ͔Γ΍͘͢දࣔ͢Δ • ৭͚ͩʹཔΒͣදݱ͢Δ • ͸͖ͬΓ͖ͬ͘Γͱͨ͠৭Λ࢖͏ • ೖྗ͢΂͖಺༰΍ΤϥʔΛΘ͔Γ΍͘͢͢Δ

    • ूதΛ๦͛ΔදݱΛճආͰ͖ΔΑ͏ʹ͢Δ ώϡʔϚϯϦʔμϏϦςΟͷ۩ମྫ
  68. None
  69. None
  70. ΞΫηγϏϦςΟ ো֐ऀͷͨΊͷಛผରԠʁ

  71. ΞΫηγϏϦςΟ 8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ

  72. 8FCͷྗ͸ͦͷීวੑʹ͋Δɻ %JTBCJMJUZʹ͔͔ΘΒͣɺ͢΂ͯͷਓ͕ΞΫηεͰ͖Δ͜ͱ͕ 8FCͷຊ࣭ͳͷͩɻ 8FC૑ઃऀͷݴ༿ 5IFQPXFSPGUIF8FCJTJOJUTVOJWFSTBMJUZ"DDFTTCZFWFSZPOF SFHBSEMFTTPGEJTBCJMJUZJTBOFTTFOUJBMBTQFDU 5JN#FSOFST-FF 8$%JSFDUPSBOEJOWFOUPSPGUIF8PSME8JEF8FC ʢখྛ༁ʣ

  73. • ো֐ʢ%JTBCJMJUZʣͱ͸ɺݸਓͱࣾձͷϛεϚονͷ͜ͱ • ղܾͷ伴͸ɺ࠷΋େ͖ͳϛεϚονΛܦݧͨ͠ਓ͕Ѳ͍ͬͯΔ • ΞΫηγϏϦςΟ͸ɺ8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ

  74. ࣭໰ʁ