SaCSS Special23: Accessibility 多様化する環境やニーズに対して、WebサイトやWebアプリケーションはどのような開発をしたらいいのか。 ユニバーサル(普遍的)なHTMLを設計することで、様々な環境やデバイス・ユーザーの利用に耐えうるサイトやアプリケーションにすることができます。そのためには、Webがどんなポテンシャル(潜在的価値)を持っているのか知ることが鍵となります。 Webはまだまだ可能性が秘められているはずです。 それを皆さんと探っていきましょう。
©2019 Yusuke HiraoגࣜձࣾσΟʔθϩ8FCΞΫηγϏϦςΟΤϯδχΞฏඌΏ͏ͯΜϢχόʔαϧ)5.-ͱ8FCͷϙςϯγϟϧ4B$444QFDJBM"DDFTTJCJMJUZ 4B$447PM
View Slide
©2019 Yusuke Hiraoࣗݾհฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣגࣜձࣾσΟʔθϩ8FCΞΫηγϏϦςΟΤϯδχΞϑϩϯτΤϯυΤϯδχΞ#-0(IUUQTOPUFNVZVTVLFIJSBPYusuke Hirao@cloud10designs
©2019 Yusuke Hirao8FCΞΫηγϏϦςΟΤϯδχΞʜʁ8FCϖʔδɾ8FCΞϓϦ͕ΑΓΞΫηγϒϧʹͳΔΑ͏ʹઃܭɾ࣮ɾϨϏϡʔɾςετͳͲΛߦ͍ͬͯ·͢ɻΞυόΠβʔͱͯ͠#BDLMPHͷΞΫηγϏϦςΟվળʹڠྗ͠·ͨ͠ɻࣗݾհ
©2019 Yusuke Hiraoࠓɺ͢͜ͱ։ൃͷߟ͑ํ
©2019 Yusuke Hirao۩ମతͳ࣮ํ๏ίʔσΟϯάςΫχοΫࠓɺ͞ͳ͍͜ͱ
©2019 Yusuke HiraoϢχόʔαϧ)5.-ͱ8FCͷϙςϯγϟϧଟ༷Խ͢Δڥχʔζʹରͯ͠ɺ8FCαΠτ8FCΞϓϦέʔγϣϯͲͷΑ͏ͳ։ൃΛͨ͠Β͍͍ͷ͔ɻϢχόʔαϧʢීวతʣͳ)5.-Λઃܭ͢Δ͜ͱͰɺ༷ʑͳڥσόΠεɾϢʔβʔͷར༻ʹ͑͏ΔαΠτΞϓϦέʔγϣϯʹ͢Δ͜ͱ͕Ͱ͖·͢ɻͦͷͨΊʹɺ8FC͕ͲΜͳϙςϯγϟϧʢજࡏతՁʣΛ͍࣋ͬͯΔͷ͔Δ͜ͱ͕伴ͱͳΓ·͢ɻ8FC·ͩ·ͩՄೳੑ͕ൿΊΒΕ͍ͯΔͣͰ͢ɻͦΕΛօ͞Μͱ୳͍͖ͬͯ·͠ΐ͏ɻ
©2019 Yusuke HiraoΞδΣϯμଟ༷Խͱ͍͏෩࿊ෑΛ͛ΔΠϯΫϧʔδϣϯͱඪ४ن֨8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧ8FCͷϙςϯγϟϧ
©2019 Yusuke HiraoΈͳ͞ΜͷੜΈग़͢αΠτɾΞϓϦɾαʔϏεଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hirao͍ΖΜͳਓʹͬͯ΄͍͠Ͱ͢ΑͶʁଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hirao͍ΖΜͳਓͬͯͳΜ͚ͩͬʁଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hirao͍ΖΜͳਓଟ༷Խͨ͠ਓʑଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hiraoͪΐͬͱࡶʹ͛ͯΈ·͢ଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hiraoڥଟ༷Խͱ͍͏෩࿊ෑΛ͛Δώτ σόΠεۭ࣌ো֕ոզපؾମྸਫ਼ਆྸੑผ-(#52ਓछݴޠ֎ࠃޠه߸ࣈखจԽ෩शफڭᅂझຯֶश׳Ϧςϥγʔڭҭ ֶྺମ֨ମॏख͕࠹͕͍ͬͯΔ͓ͩͬ͜ΜͿཱ͍ͬͯΔ࠲͍ͬͯΔ৯ࣄதೖཋதӡసதར͖ख҉͍໌Δ͍ڱ͍͍ ͏Δ͍͞ ੩͔ఱؾఀిࡂࣄނԻΛग़͍͚ͯ͠ͳ͍ ໌Δ͍͚ͯ͘͠ͳ͍ؾԹ࣪ϝΨωٛखٛॵ͕ΓମௐγϥϑటਲύιίϯεΫϦʔϯΨϥέʔλϒϨοτεϚʔτΥονੑೳεϚʔτεϐʔΧʔλονεΫϦʔϯϚε༗ઢి ιϑτΣΞΩʔϘʔυϋʔυΣΞΩʔϘʔυԻೖྗΞΠτϥοΧʔεΫϦʔϯϦʔμʔࣈσΟεϓϨΠࠓݟΕͳ͍ ͋ͱͰݟ͍ͨҢܦߴࠃ ֎ނোΦϑϥΠϯूதྗຬෲՋڵฃϦϥοΫεεϚϗർ࿑8Jp
©2019 Yusuke Hiraoଟ༷Խͱ͍͏෩࿊ෑΛ͛ΔޒମຬͰόονϦ৸ͯ͝Μෲീ৯ͯ࠷దͳۭௐ͕ޮ͍ͨԿΛͯ͠ڐ͞ΕΔॴͰॆి֬อͰ͖ͯͯ8Jp࠷ߴͷ͍׳ΕͨσόΠεͰ༧ఆͳ͘ϦϥοΫε͠ͳ͕ΒňͦΕʼnΛར༻Ͱ͖Δਓ͚͕ͩλʔήοτ͡Όͳ͍ΑͶʁ
©2019 Yusuke HiraoͲΜͳঢ়گͷਓʹར༻ͯ͠Β͍͍ͨଟ༷Խͱ͍͏෩࿊ෑΛ͛Δ
©2019 Yusuke Hiraoͱ͍͑ɺΠϯΫϧʔγϒ แׅతʹରԠ͢ΔͷෆՄೳͰ͠ΐʁΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hirao͔ͨ͠ʹ͍͠Ͱ͢ͶΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hirao໊ҩͰະͷපؾɾো֕͋ΔࠓޙͲΜͳσόΠε͕ݱΕΔ͔୭Βͳ͍ͲΜͳΠϊϕʔςΟϒͳ͜ͱ͕ͲΜͳύϥμΠϜγϑτ͕γϯΪϡϥϦςΟ͕Ӊਓ͕ͬͯ͘Δ͔͠Εͳ͍ΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hirao͠Ծʹ͖ͬ͞ͷΠϯΫϧʔδϣϯ͕Ͱ͖ͨͱͯ͠ະདྷͷະͷଟ༷ੑ͕͍ͬͯΔΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hiraoݸਓখ͍͞৫Ͱ͜ΕΒΛݚڀŋੳŋݕূŋղܾͰ͖Δͷ͔ʜʁʁΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨ͰͲ͏ͨ͠Β͍͍ͷ͔
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨ج४ʹै͏
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨ඪ४ن֨ʹै͏
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨)5.--JWJOH4UBOEBSE8FC$POUFOUT"DDFTTJCJMJUZ(VJEFMJOF"DDFTTJCJMJUZ0CKFDU.PEFM
©2019 Yusuke Hirao)5.--JWJOH4UBOEBSE8)"58(͕ཧΛ͍ͯ͠Δ)5.-ͷن֨8FC$POUFOUT"DDFTTJCJMJUZ(VJEFMJOF8$͕ཧΛ͍ͯ͠ΔΣϒίϯςϯπͷΞΫηγϏϦςΟͷ୲อΛతͱͨ͠ΨΠυϥΠϯ+*4 ຊ࢈ۀن֨9ͷݩͱͳΔจॻ"DDFTTJCJMJUZ0CKFDU.PEFM8$ͷ8*$(͕։ൃ͍ͯ͠Δࢧԉٕज़ͷͨΊͷ"1*ΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hirao)5.--JWJOH4UBOEBSEσʔλϑΥʔϚοτͷج४8FC$POUFOUT"DDFTTJCJMJUZ(VJEFMJOF࡞Γํͷج४"DDFTTJCJMJUZ0CKFDU.PEFMࢧԉٕज़ͷͨΊͷج४ΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke Hirao)5.--JWJOH4UBOEBSE8FC$POUFOUT"DDFTTJCJMJUZ(VJEFMJOF"DDFTTJCJMJUZ0CKFDU.PEFMੈքதͷ༗ࣝऀͨͪʹΑͬͯଟ༷Խͷݕ౼͕͞Εͨج४Ξοϓσʔτ͞Ε͍͍ͯͬͯΔΠϯΫϧʔδϣϯͱඪ४ن֨
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨͜ΕΛར༻͠ͳ͍खͳ͍ͳʁ
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨˞ҙ˞ن֨͋͘·Ͱن֨ΨΠυϥΠϯ͋͘·ͰΨΠυϥΠϯňकΔᘳʼnͰͳ͍
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨ͳͥ͜͏͍͏ن֨ʹͳͬͨͷ͔ʁΨΠυϥΠϯͷݴΘΜͱ͍ͯ͠Δຊ࣭ʁ͜ΕΛҙࣝ͢Δ͜ͱ͕େ
©2019 Yusuke HiraoΠϯΫϧʔδϣϯͱඪ४ن֨ن֨ͷҙਤɾΨΠυϥΠϯͷຊ࣭͜ΕΒΛཧղͯ͠Ϣχόʔαϧ ීวతͳ)5.-Λॻ͘
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧIUUQTXXXTMJEFTIBSFOFUSJLJIBXFCҏݪྗ͞Μ!NBHJ
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧࢴഔମϢʔβʔ"Ϣʔβʔ#Ϣʔβʔ$Ϣʔβʔ%❌ͦͦॴ͕ԕ͍ཧతʹೖखࠔ❌͕ෆࣗ༝ͰಡΊͳ͍
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧ8FCίϯςϯπϢʔβʔ"Ϣʔβʔ#Ϣʔβʔ$Ϣʔβʔ%ѹతʹΞΫηγϒϧ˞σόΠεͷॆి8Jpঢ়گͷͳͲͪΖΜ͋Δ
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧ8FCίϯςϯπϢʔβʔ"Ϣʔβʔ#Ϣʔβʔ$Ϣʔβʔ%͔ͤͬ͘ΞΫηγϒϧͩͬͨͷʹ࡞ΓํΛؒҧ͑Δͱ͍ͬͨͳ͍͜ͱʹͳΔ࡞ΓํΛؒҧ͑ͨ ❌Χϥʔίϯτϥετ͕ͯ͘ಡΊͳ͍
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧ.055"*/"*
©2019 Yusuke Hirao8FCʹࡌΔ͚ͩͰѹతʹΞΫηγϒϧ8FCͷಛੑΛ׆͔͢ಛੑΛࡴ͞ͳ͍
©2019 Yusuke Hirao8FCͷϙςϯγϟϧ$44ͷՁจࣈΦϒδΣΫτͷαΠζΛมߋͰ͖ΔϑΥϯτΛมߋͰ͖Δ৭ΛมߋͰ͖ΔϢʔβʔ͕ҙʹมߋͰ͖Δ8FCϖʔδͱͯ͠ͷՁμϯϩʔυͯ͠อଘͰ͖ΔܦྼԽ͕ͳ͍ҹͰ͖Δ63-Ͱѻ͏͜ͱ͕Ͱ͖ΔγΣΞ͍͢͠·ͩ·ͩଞʹͬͱ͋ΔͣςΩετσʔλͷՁจࣈͱͯ͠දࣔ͢Δ͜ͱ͕Ͱ͖ΔԻͱͯ͠ಡΈ্͛Δ͜ͱ͕Ͱ͖ΔࣈσΟεϓϨΠʹग़ྗͰ͖Δબͯ͠ίϐʔͰ͖Δػց༁Ͱ͖Δσʔλྔ͕খ͍͞)5.-ͷՁϋΠύʔϦϯΫͰ͖ΔϝλσʔλΛͯΔςΩετʹϝλใΛՃͰ͖ΔϥϯυϚʔΫΛஔ͚Δػց͕ߏΛ༰қʹղऍͰ͖Δ
©2019 Yusuke HiraoςΩετσʔλͷՁจࣈͱͯ͠දࣔ͢Δ͜ͱ͕Ͱ͖ΔԻͱͯ͠ಡΈ্͛Δ͜ͱ͕Ͱ͖ΔࣈσΟεϓϨΠʹग़ྗͰ͖Δબͯ͠ίϐʔͰ͖Δػց༁Ͱ͖Δσʔλྔ͕খ͍͞)5.-ͷՁϋΠύʔϦϯΫͰ͖ΔϝλσʔλΛͯΔςΩετʹϝλใΛՃͰ͖ΔϥϯυϚʔΫΛஔ͚Δػց͕ߏΛ༰қʹղऍͰ͖Δ8FCͷϙςϯγϟϧ$44ͷՁจࣈΦϒδΣΫτͷαΠζΛมߋͰ͖ΔϑΥϯτΛมߋͰ͖Δ৭ΛมߋͰ͖ΔϢʔβʔ͕ҙʹมߋͰ͖Δ8FCϖʔδͱͯ͠ͷՁμϯϩʔυͯ͠อଘͰ͖ΔܦྼԽ͕ͳ͍ҹͰ͖Δ63-Ͱѻ͏͜ͱ͕Ͱ͖ΔγΣΞ͍͢͠·ͩ·ͩଞʹͬͱ͋Δͣ
©2019 Yusuke Hirao8FCͷϙςϯγϟϧѹతΧελϚΠβϒϧ
©2019 Yusuke Hirao8FCͷϙςϯγϟϧϢʔβʔ͕ҙʹελΠϧΛมߋͰ͖ΔαΠζ͕ݻఆ͞Εͳ͍ϒϥβͷػೳҎ্ʹɺϢʔβʔͷಛੑো֕ɾԽʹ߹ΘͤͯରԠ͕Ͱ͖ΔΧϥʔ͕ݻఆ͞Εͳ͍ΧϥʔϢχόʔαϧσβΠϯ͚ͩͰղܾͰ͖ͳ͍ղফͰ͖Δ͔৭֮ಛੑɾֶशোͷରԠ͕Ͱ͖ΔϑΥϯτ͕ݻఆ͞Εͳ͍ϢχόʔαϧσβΠϯϑΥϯτ͚ͩͰղܾͰ͖ͳ͍ղফͰ͖Δֶ͔शো ಛʹࣝࣈোͷରԠ͕Ͱ͖Δ
©2019 Yusuke Hirao8FCͷϙςϯγϟϧ8FCͷಛੑ8FCͳΒͰͷՁ͜ΕΛਂງΓ͢Δ͜ͱͰࠓޙͷଟ༷ੑͷରԠΛ͞Βʹ͛ΒΕΔ
©2019 Yusuke Hirao8FCͷϙςϯγϟϧ8FCͷՄೳੑແݶͩ