2019年11月2日「リーダブルな昼下がり」で発表したスライドです： https://readable-na.connpass.com/event/145881/
View Slide
ʮͯ͢ʯͷਓʹ8FCίϯςϯπͷՁΛಧ͚Δ࣭খྛେีαΠϘζגࣜձࣾΞΫηγϏϦςΟΤΩεύʔτ
αΠϘζגࣜձࣾ ৽ଔೖࣾˠϓϩάϥϚʔ ΞΫηγϏϦςΟΤΩεύʔτ݉ ΞΫηγϏϦςΟΤΩεύʔτઐΣϒΞΫηγϏϦςΟج൫ҕһձ 8(ҕһझຯɿଠޑͷୡਓɺΧϑΣɺϥʔϝϯɺόΠΫখྛେีʢ!TVLPZBLBSJ[VNVʣ
αΠϘζάϧʔϓΣΞͷ։ൃϝοηʔδ ϑΝΠϧཧ εέδϡʔϧ ϫʔΫϑϩʔ ձٞࣨ༧
ձࣾհ
αΠϘζͷཧνʔϜϫʔΫ͋;ΕΔࣾձΛΔ
ΞΫηγϏϦςΟͱͳΜͩΖ͏ʁ
ΞΫηγϏϦςΟোऀͷͨΊͷಛผରԠʁ
ো %JTBCJMJUZͱͳʹ͔ʁ
ंҜࢠϢʔβ͕ҿ৯ళʹೖΔͱ͖
͕ݟ͑ͳ͍ਓ͕௨ۈ͢Δͱ͖
• ͕ࣗࣗྗͯ͠ղܾ͢Δ• पΓͷڥΛվળͨ͠ΓɺपΓͷਓͷৼΔ͍Ͱղܾ͢Δͷղܾํ๏ͱো %JTBCJMJUZ
%JTBCJMJUZͱɺਓؒʹͱͬͯ௨ৗͷൣғͰߦಈ͢ΔͨΊͷೳྗ͕ɺ৺ͷܽଛͷ݁Ռͱͯ͠ɺ੍ݶɾෆ͍ͯ͠Δ͜ͱ8)0ͷ %JTBCJMJUZͷఆٛ %JTBCJMJUZJTBOZSFTUSJDUJPOPSMBDLPGBCJMJUZ SFTVMUJOHGSPNBOJNQBJSNFOUUPQFSGPSNBOBDUJWJUZJOUIFNBOOFSPSXJUIJOUIFSBOHFDPOTJEFSFEOPSNBMGPSBIVNBOCFJOHʢখྛ༁ʣ
%JTBCJMJUZͱ݈߁͚ͩͰͳ͍ɻ͜ΕෳࡶͳݱͰ͋Γਓؒͷମͷಛͱࣾձͱͷ૬ޓ࡞༻Λөͨ͠ͷͰ͋Δ8)0ͷ %JTBCJMJUZͷఆٛ ݱࡏ%JTBCJMJUZJTOPUKVTUBIFBMUIQSPCMFN*UJTBDPNQMFYQIFOPNFOPO SFGMFDUJOHUIFJOUFSBDUJPOCFUXFFOGFBUVSFTPGBQFSTPO`TCPEZBOEGFBUVSFTPGUIFTPDJFUZJOXIJDIIFPSTIFMJWFTʢখྛ༁ʣ
https://www.microsoft.com/design/inclusive/
%JTBCJMJUZࣗʹؔͳ͍ͷ͔ʁোऀࣗ
ʮಇ͖ํͷଟ༷Խʯͷઌʹى͍ͬͯ͜Δ͜ͱਓ௨Γͷಇ͖ํ
• ࡏۈ0,• ࣌ࠩग़ۈ0,• ࣌ۈ0,ʢҭࣇɾհޢͳͲʣ• ෭ۀɾෳۀ0,ಇ࣌ؒ͘ͱॴΛࣗ༝ʹ
• ͨ͘͞Μͷࠃڌւ֎ڌ• ίϫʔΩϯάεϖʔε• ςϨϏձٞΛͬͯෳਓͰσβΠϯɾϓϩάϥϛϯάଟڌԽɾάϩʔόϧԽ
• ίϛϡχέʔγϣϯΛଅ͢นͷͳ͍ΦϑΟε• ެ໌ਖ਼େͳٞΛଅ͢֎͔Βݟ͑Δձٞࣨ• ϗϫΠτϘʔυʹΑΔίϛϡχέʔγϣϯΦʔϓϯΦϑΟε
ʮଟ༷ͳಇ͖ํʯ͕ͨΒ͢%JTBCJMJUZ
ςϨϏձٞʹΑΔ%JTBCJMJUZ• ૬खͷԻ͕ฉ͑͜ͳ͍ɾԻ͕৴Ͱ͖ͳ͍• ૬खͷө૾͕ݟ͑ͳ͍ɾө૾͕৴Ͱ͖ͳ͍• ཧతͳܝ͕ࣔ֬ೝͰ͖ͳ͍• ͪΐͬͱͨ͠Ͱ͔͚ͮ͠Β͍• ෳਓͰࡶஊͰ͖ͳ͍
ΦʔϓϯΦϑΟεʹΑΔ%JTBCJMJUZ• ۀதͷձిͷԻʹूத͕͛ΒΕΔ• ࢹքʹਓ͕ೖͬͯؾ͕ࢄΔ• ϗϫΠτϘʔυ͕अຐͰҠಈͮ͠Β͍
ҭࣇɾհޢʹΑΔ%JTBCJMJUZ• อҭԂ͔ΒͷిͰ࡞ۀ͕தஅ͞ΕΔ• ѱఱީͷͷࢠڙͷؼΓ͕৺• ࣌ؒͰࡉΕʹ͔͠࡞ۀͰ͖ͳ͍• ਭෆർ࿑Ͱ࡞ۀʹूதͰ͖ͳ͍
άϩʔόϧԽʹΑΔ%JTBCJMJUZ• ͕࣌ࠩ͋ΓϦΞϧλΠϜʹΓͱΓͰ͖ͳ͍• ձٞͰൃݴͰ͖ͳ͍• ϓϨθϯͷ༰͕ཧղͰ͖ͳ͍• पғͷਓ͕স͍ͬͯΔδϣʔΫ͕ཧղͰ͖ͳ͍• จষΛಡΉͷʹ͕͔͔࣌ؒΔ
ಈ͘͢ฉ͘ ूத͢ΔಡΉݟΔϩʔϏδϣϯௌݴޠো ࢶମෆࣗ༝શΖ͏"%)%ࠎંɾոզ͏ͭσΟεϨΫγΞ
ಈ͘͢ฉ͘ ूத͢ΔಡΉݟΔϩʔϏδϣϯௌݴޠো ࢶମෆࣗ༝શΖ͏"%)%നোԽ ࠎંɾոզࡶԻ෩अւ֎ग़ுࡏϫʔΫ͏ͭޫԼσΟεϨΫγΞٸͳ༧ఆҭࣇதຬһిंӡసதӳจ ૽Ի੩Իڥ
https://www.amazon.co.jp/dp/B07PFNRPQF/
ඪ४తͳϢʔβʔͳͲ͍ͳ͍ͳΒɺۃͳϢʔβʔ͍ͳ͍ɻۂઢͷʹҐஔ͢ΔਓؒͳͲ͍ͳ͍ɻඇඪ४తͳγφϦΦͳ͍ɻΤοδέʔεͳ͍ɻͦΕΑΓɺਓؒͷଟ༷ੑΛද͠ɺฏۉਓͷͨΊʹσβΠϯ͢ΔڽΓݻ·ͬͨश׳ʹҟΛএ͑Δ৽͍͠πʔϧ͕ඞཁͳͷͩɻ
ϖϧιφɾεϖΫτϥϜݟΔ߃ৗతനোճઢࡏϫʔΫฉ͘ ௌதࣖԌ෩अւ֎ग़ுిंͰҠಈதશҰ࣌త ঢ়گత
4PMWFGPSPOF FYUFOEUPNBOZ
ܦݧͨ͠%JTBCJMJUZͷେ͖͞ɾਂࠁ͕ͦ͜͞ʮͷΓ͠Ζʯ
• ΦϑΟεσβΠϯͷଟ༷Խ• 73"3ٕज़ͷൃల• ෳۀͷҰൠԽ• ϫʔΫγΣΞϦϯά• ߴྸԽࣾձ• μΠόʔγςΟܦӦ• ϩϘοτɾ"*ɾࣗಈӡస• ςΟʔϧ৫ɾϗϥΫϥγʔকདྷɺࢲͨͪͲͷΑ͏ʹಇ͍͍ͯΔͷͩΖ͏ʁ
Θͨͨͪ͠ͷະདྷͷ՝࠷େ͖ͳϛεϚονΛܦݧ͍ͯ͠Δਓ͕͍ͬͯΔ
*5ͷଟ༷ੑମతͳଟ༷ੑಇ͖ํͷଟ༷ੑͯ͢ͷଟ༷ੑͭͳ͕͍ͬͯΔ
"DDFTTJCJMJUZ"DDFTT"CJMJUZ
ϢʔβɺΘͨͨͪ͠ͷʹΞΫηε͢Δ͜ͱͰԿʹΞΫηε͠Α͏ͱ͍ͯ͠Δͷ͔ʁ
ユーザ サイボウズ製品 チーム
αΠϘζʹͱͬͯɺΞΫηγϏϦςΟͱʮϢʔβ͕νʔϜʹΞΫηεͰ͖Δೳྗʯ
ΞΫηγϏϦςΟΛ֬อ͢Δ͜ͱʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏ϢʔβͷͶ͕͍Λଚॏ͢Δ͜ͱ
ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏Ͷ͕͍͚͕ͩࢲͨͪͷϢʔβ͔Ͳ͏͔ͷஅج४
Ͳ͏͢Ε%JTBCJMJUZ͔Βղ์Ͱ͖Δʁ
• ๏ɾ੍ͷน• ෩ɾจԽͷน• ཧతڥͷน• *$5ɾ8FCͷนࢲཱ͕͔ͨͪͪΘͳ͚ΕͳΒͳ͍͜ͱ
8FCͲΜͳʮ͔ͨͪʯʁ
• ϏδϡΞϧϒϥβ• εϚʔτϑΥϯ• ݕࡧΤϯδϯͷݕࡧ݁Ռ• εΫϨΠϐϯάαʔϏε• ςΩετϒϥβ• ࣈσΟεϓϨΠ• εΫϦʔϯϦʔμʔ• 7PJDF6*• εϚʔτΥον• ະདྷͷσόΠε8FCίϯςϯπͷʮ͔ͨͪʯ͞·͟·
8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ੍࡞ऀ ϢʔβϋʔυΣΞʢ1$ɾεϚϗʜιϑτΣΞϒϥβʜʣೖग़ྗػث
8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ੍࡞ऀ ϢʔβϋʔυΣΞʢ1$ɾεϚϗʜιϑτΣΞϒϥβʜʣೖग़ྗػثײ֮ใʢࢹ֮ɾௌ֮ɾ৮֮ʜʣ8FCٕज़)5.-ɾ$44ɾ+4ʜ
ΞΫηγϏϦςΟͷ̎ͭͷཁૉϚγϯϦʔμϏϦςΟώϡʔϚϯϦʔμϏϦςΟ੍࡞ऀ Ϣʔβ
• ʮػցʯʹͱͬͯղऍ͍͔͢͠• ʮػցʯ͕ਖ਼͘͠ղऍ͢Εɺ෯͍දݱʹมͰ͖ΔϚγϯϦʔμϏϦςΟ
• ਖ਼֬ͳϖʔδλΠτϧΛॻ͘• ਖ਼֬ͳϦϯΫςΩετΛॻ͘• ը૾ʹସςΩετΛॻ͘ਖ਼֬ͳςΩετΛॻ͘
• ϥϯυϚʔΫʹIFBEFSGPPUFSNBJOʜ͏• ݟग़͠ʹIIʜΛ͏• ϦϯΫʹBΛ͏• ϘλϯʹCVUUPOΛ͏• ϦετʹVMPMMJʜΛ͏ςΩετʹਖ਼͍͠ҙຯΛ༩͑Δ
• ʮਓʯʹͱͬͯɺݟ͘͢ɾૢ࡞͘͢͠ɾΘ͔Γ͍͔͢ώϡʔϚϯϦʔμϏϦςΟ
ը໘ͷେ͖͖͞ʹΑΒͣɺΘ͔Γ͘͢දࣔ͢Δ
֦େॖখͯ͠Θ͔Γ͘͢දࣔ͢Δ
৭͚ͩʹཔΒͣදݱ͢Δ
" " " " " " " " " "͖ͬΓ͖ͬ͘Γͨ͠৭Λ͏
ೖྗ͖͢༰ΤϥʔΛΘ͔Γ͘͢͢ΔTVLPZBLBSJ[VNʜϝʔϧΞυϨε********ύεϫʔυTVLPZBLBSJ[VNV!HNBJMDPNϝʔϧΞυϨε********ύεϫʔυΤϥʔύεϫʔυจࣈҎ্Ͱ͢ඞਢ
• ը໘ͷେ͖͖͞ʹΑΒͣɺΘ͔Γ͘͢දࣔ͢Δ• ֦େॖখͯ͠ɺΘ͔Γ͘͢දࣔ͢Δ• ৭͚ͩʹཔΒͣදݱ͢Δ• ͖ͬΓ͖ͬ͘Γͱͨ͠৭Λ͏• ೖྗ͖͢༰ΤϥʔΛΘ͔Γ͘͢͢Δ• ूதΛ͛ΔදݱΛճආͰ͖ΔΑ͏ʹ͢ΔώϡʔϚϯϦʔμϏϦςΟͷ۩ମྫ
ΞΫηγϏϦςΟ8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ
8FCͷྗͦͷීวੑʹ͋Δɻ%JTBCJMJUZʹ͔͔ΘΒͣɺͯ͢ͷਓ͕ΞΫηεͰ͖Δ͜ͱ͕8FCͷຊ࣭ͳͷͩɻ8FCઃऀͷݴ༿5IFQPXFSPGUIF8FCJTJOJUTVOJWFSTBMJUZ"DDFTTCZFWFSZPOFSFHBSEMFTTPGEJTBCJMJUZJTBOFTTFOUJBMBTQFDU5JN#FSOFST-FF 8$%JSFDUPSBOEJOWFOUPSPGUIF8PSME8JEF8FCʢখྛ༁ʣ
• োʢ%JTBCJMJUZʣͱɺݸਓͱࣾձͷϛεϚονͷ͜ͱ• ղܾͷ伴ɺ࠷େ͖ͳϛεϚονΛܦݧͨ͠ਓ͕Ѳ͍ͬͯΔ• ΞΫηγϏϦςΟɺ8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ·ͱΊ
࣭ʁ
sukoyakarizumu
yumayabe
inesmontani
optim
tkmnzm
banjun
hato3isfriend
forcia_dev_pr
nagauta
bun913
line_developers
yoyakoba
oracle4engineer
aki_iinuma
orderedlist
chrislema
robhawkes
brettharned
addyosmani
jakevdp
keithpitt
samlambert
lara
bkeepers
holman