2019年5月20日 s-dev talks #11「定量データ分析」の5分LTでお話した資料です。
ࢿྉ࡞ΓͷΞΫηγϏϦςΟs-dev talks ʙαʔϏε։ൃษڧձʙ#11 5LT$SPXE8PSLT*OD 69&OHJOFFS ྛ ඒلFBSMHSBZ.,
View Slide
Έʔͨ$SPXE8PSLT *OD69&OHJOFFSTEFWUBMLTӡӦFBSMHSBZ.,࠷ۙɺΠϕϯτࢀՃ͢Δͱʮ͋ɺ͜ͷΞΠίϯ5XJUUFSͰΈͨ͜ͱ͋Γ·͢ʔʂʯͱݴΘΕΔ΄ͲͷπΠഇͰ͢ɻ
69ΤϯδχΞͰ͕͢ࠓٕज़ͷ͠·ͤΜɻ͑ΔͨΊͷΞΫηγϏϦςΟʹ͍͓͍ͭͯͨ͠ͱࢥ͍·͢ɻFBSMHSBZ.,
FBSMHSBZ.,օ͞ΜʮΞΫηγϏϦςΟʯͱฉ͍ͯͲ͏͍͏ΠϝʔδΛ͍࣋ͬͯ·͔͢ʁಥવͰ͕͢
FBSMHSBZ.,ো͕͍ऀͷͨΊʁܾͯ͠ো͕͍ऀͷΑ͏ͳಛघͳ͍ํΛ͢ΔਓͷͨΊ͚ͩͰ͋Γ·ͤΜɻΞΫηγϏϦςΟʹ͍ͭͯ
FBSMHSBZ.,αʔϏεʹରͯ͠ͳΒΈΜͳ͕αʔϏεΛ͍͍͢Α͏ʹ͢ΔͨΊͰ͋Γ·͢ɻ今はモバイルデバイスや遅いネットワークを利⽤している⼈々のためのものでもあると考えられています。ΞΫηγϏϦςΟʹ͍ͭͯ
⽉末で通信制限!!3Gでしか⾒れない&電⾞の中でサイトが全然表⽰されない!• ⽂字だけ表⽰したら情報は得られる• safariには標準で「リーダー表⽰」機能があるFBSMHSBZ.,俺はキーボードでサクサク画⾯操作するtab使いさ• h7ps://yossense.com/tab-key/サイト運営側から⾒てもマシンリーダブル=検索クローラーが⾛りやすい=SEOの対策にもなる
FBSMHSBZ.,アクセシビリティとは...能⼒や環境にかかわらずユーザー全員が、同じ情報を得られることちなみによく対等に使われるユーザビリティとは...リーチできるユーザーに対する「使いやすいか使いづらいか」Έʔͨͷղऍ
FBSMHSBZ.,ຊདྷͳΒ͜ͷྲྀΕͩͱαʔϏεʹམͱ͠ࠐΉٕज़Λ͢ͱ͜ΖͳΜͰ͕͢ɺΞφϦετ͕ଟ͍͔ͳʔͱࢥ͏ͷͰɺࠓճࢿྉ࡞Γʹؔͯ͠͠·͢ɻ
FBSMHSBZ.,ࢿྉΛ࡞Δͱ͖ʹҙ͍ࣝ͢͠ΞΫηγϏϦςΟରԠͬͯͳΜͩΖ͏
FBSMHSBZ.,৭ऑোͷਓஉੑͰਓʹਓɺঁੑͰਓʹਓͱݴΘΕ͍ͯ·͢ɻ৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ.,৭͔͍ͭʹؾΛ͚ͭͯΈΔྫ͑ɺࢿྉ࡞Γͷࡍʹ͜ͷத͔ΒબΜͰΈΔhttps://jfly.uni-koeln.de/colorset/CUD_color_set_GuideBook_2018.pdfカラーユニバーサルデザイン推奨配⾊セット ガイドブック
FBSMHSBZ.,ଟ͗͢Δʂͱײͨ͡ͳΒͪ͜ΒͷύϨοτΛࢀߟʹ͍͍͔ͯ͠https://note.mu/oremega/n/n6a20a4459a6bチャートでイイ感じな⾊を模索した話৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ.,৭ʹཔΒͳ͍• ⽂章中なら太字や「かぎかっこ」下線などの装飾で強調• グラフなどは⾯に柄を付けたり、折り線の点を記号にするモノクロに印刷しても分かりやすい0 1 2 3 4 5hogefuga系列 3系列 2系列 1৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ.,͜ΕΒΛؾΛ͚ͭΔ͚ͩͰΘΔਓ͕૿͑Δ͔ὑ
5IBOLZPVFBSMHSBZ.,