$30 off During Our Annual Pro Sale. View Details »

シビックテックとアクセシビリティ

Code for Nerima
July 20, 2019
Technology
0
310

 シビックテックとアクセシビリティ

Japan Accessibility Conference Vol.2での登壇資料です。

Code for Nerima

July 20, 2019
Tweet

More Decks by Code for Nerima

See All by Code for Nerima
活動に参加しやすくなる 情報アクセシビリティのアプローチ
code4nerima
0
20
Code for Nerima多言語カフェ / 多语言交流吧 / Tagengo Cafe
code4nerima
0
840
Introduction of Code for Nerima 2019
code4nerima
0
220
練馬区を情報アクセシビリティの街に！
code4nerima
0
140
We are Code for Nerima (English)
code4nerima
0
180
We are "Code for Nerima" - 私達の活動について
code4nerima
0
1.2k
シビックテックでUDトークを活用する
code4nerima
0
570

Other Decks in Technology

See All in Technology
AWS Fault Injection Simulator (FIS) のネットワーク接続中断アクションで リージョン間フェイルオーバーを試してみた
yama1998
0
230
2022年11月22日_コミュニケーションコンプライアンスどう使う？_第5回EMS勉強会登壇資料
guchy_jp
0
350
Functional Programming for Fun and Profit!!
jennyshih
0
130
Module-Federation A game-changer in JavaScript architecture
vitormalencar
0
100
re:Invent 2022 事前勉強 〜 東京 & 大阪両方に参加したので振り返ってみる 〜
kentosuzuki
0
120
Souveraineté numérique et logiciel libre: colloque de la SIF 2022
sfermigier
0
250
ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now
kgsi
3
2.6k
PyTorchの最近の動向
hamukazu
0
320
いにしえのエンプラ情シスが内製化ではなくアーキテクトの「手の内化」を推進した話
minorun365
1
320
Amazon Forecast 機械学習でビジネスの予測と成果を簡単かつ正確に予測する
hirauchi
0
220
デザインシステムにフロントエンドのプラクティスを詰め込んで再配布する
sakito
4
3.2k
Figma → Vue コード自動生成サービスを技術検証してみた
takumakurosawa
0
500

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.1k
GitHub's CSS Performance
jonrohan
1020
430k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
109
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
499
130k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
32
5.9k
Mobile First: as difficult as doing things right
swwweet
213
7.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
Fireside Chat
paigeccino
16
1.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
7
3k
Side Projects
sachag
451
37k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
11k

Transcript

  1. γϏοΫςοΫͱΞΫηγϏϦςΟ ςΫϊϩδʔΛ׆༻ͯ͠ΠϯΫϧʔγϒͳੈքΛ

  2. ຊ೔ͷߨԋ͸ࣸਅࡱӨɾಈըࡱӨɾ4/4΁ͷ౤ߘ͢΂ͯ0,Ͱ͢ɻ ͨͩ͠ࢀՃऀͷإ͕өΓࠐΉΑ͏ͳࣸਅ͸͝஫ҙ͍ͩ͘͞ɻ

  3. ࣗݾ঺հ $PEFGPS/FSJNB Ұൠࣾஂ๏ਓίʔυɾϑΥʔɾωϦϚ୅දཧࣄ 4IBNSPDL3FDPSETגࣜձࣾ γϟϜϩοΫϨίʔυגࣜձࣾ୅දऔక໾ ੨໦लਔʢ͓͖͋ͻͰͻͱʣ ذෞݝ܊্ࢢੜ·Εɺ౦ژ౎࿅അ۠ࡏॅ ݩϛϡʔδγϟϯͰϓϩάϥϚ झຯ͸ޠֶֶशʢख࿩ɺӳޠɺதࠃޠͳͲʣ /FSJNB#BTF—ωϦϚϕʔε

    ࿅അӺ๺ޱెา෼ͷϨϯλϧεϖʔε؅ཧਓ

  4. ίϛϡχέʔγϣϯࢧԉɾձ࿩ͷݟ͑ΔԽΞϓϦ ಋೖ݅਺ɿ ஂମʢ೥౓࢝ʣ μ΢ϯϩʔυ਺ɿ ສຊʢ೥౓຤ʣ ௌ֮ো֐ऀͱͷίϛϡχέʔγϣϯࢧԉͰ׆༻ ࠷ۙ͸ٞࣄ࿥࡞੒΍ࣗಈ຋༁Ͱͷ׆༻͕ݕ౼͞Ε͍ͯΔ

  5. 6%τʔΫ ʮԻ੠ೝࣝʴԻ੠߹੒ʯػೳΛ࢖ͬͯࢹ֮ௌ֮όϦΞϑϦʔ ʮଟݴޠԻ੠ೝࣝˍ຋༁ʯػೳΛ࢖ͬͯଟݴޠόϦΞϑϦʔ ʮ׽ࣈ͔ͳม׵΍खॻ͖ʯػೳΛ࢖ͬͯੈ୅ؒόϦΞϑϦʔ

  6. 6%τʔΫ "3΍73ͷػೳͰ৘ใࢧԉΛΠϯλϥΫςΟϒˍΤΩαΠςΟϯάʹʂ

  7. ։ൃͷ͖͔͚ͬ ॳΊ͕ͯࣖฉ͑͜ͳ͍ਓͱग़ձ͏ ͜ͷγνϡΤʔγϣϯ͕ͪΐͬͱ໘ന͔ͬͨ ૬खʹ఻͑ΔεΩϧ΍πʔϧ͕଍Γͳ͍ͷ͸ʮࣗ෼ʯͷํͰ͋Δ Ի੠ೝࣝʴΞϓϦͰࣗ෼ͷεΩϧෆ଍Λิ͑ͳ͍ͩΖ͏͔ʁ ݴͬͯΔ͜ͱ͸෼͔ΔɺͰ΋ݴ͍͍ͨ͜ͱ͕఻ΘΒͳ͍ ࣮͸ࣗ෼΋ࣈນ͕ඞཁͳಛੑΛ࣋ͬͨਓؒͩͬͨʁ

  8. ςΫϊϩδʔΛ׆༻ͯ͠ΠϯΫϧʔγϒͳੈքΛʂ

  9. ΞΫηγϒϧɾςΫϊϩδʔͱ͸ 6OJWFSTBM%FTJHO "DDFTTJCMF5FDIOPMPHZ "TTJTUJWF5FDIOPMPHZ

  10. ΠϯΫϧʔγϒͬͯͳʹʁ &YDMVTJPO 4FQBSBUJPO *OUFHSBUJPO *ODMVTJPO

  11. ࣾձ՝୊ͱ͸ʁ ࣾձ՝୊ͱ͸ίϛϡχέʔγϣϯ՝୊ ΠϯΫϧʔγϒͳ؀ڥͰྡͷਓͱձ࿩Ͱ͖·͔͢ʁ ςΫϊϩδʔ͸ίϛϡχέʔγϣϯͷ՝୊Λղܾ͢Δ͜ͱ͕Ͱ͖Δ

  12. ΠϯΫϧʔγϒͳੈͷத΁ ো֐ऀʗ֎ࠃਓ ͦͷଞɺ༷ʑͳ഑ྀ͕ඞཁͳਓͨͪ ʮࢀՃ͠·͢ʯ ओ࠵ऀ
 ͓଴ͪԼ͍͞ʜ ରԠ͠·͢ʜ ࠓճ͸ͪΐͬͱʜ ʮࠓճ͸ͪΐͬͱʜʯͱݴΘΕΔՄೳੑ΋ɻ
 ΋ͪΖΜରԠ͠ͳ͍ΑΓ͸ͲΜͳܗͰ΋͢Δ΄͏͕ͥΜͥΜྑ͍͕ɺͳΜ͔΋΍΋΍͢Δɻ

  13. ཁ๬͕͋ΔͷΛ଴ͬͯରԠ͢Δ ඞཁ͕͋Δਓ͸ࣗݾਃࠂʢͮ͠Β͍ͱ͖΋ʣΛͯ͠ਃ͠ࠐ·ͳ͚Ε͹ͳΒͳ͍ɻ ࣄલʹͦ͏͍͏ରԠ͕Ͱ͖Δ͜ͱͷࠂ஌Λ͍ͯ͠ͳ͍ɻ ͋Δͱ͖ͱͳ͍ͱ͖ͷ̎ύλʔϯͷ૝ఆΛ͢ΔͷͰίετ͕͔͔Δɻ ઐ༻੮ͳͲͷಛผͳରԠΛ͢Δ ʮো֐ऀ੮ʯͱுΓࢴΛ͢ΔʢͦΜͳ੮࠲Γ͍ͨͰ͔͢ʁʣɻ εϚϗ΍λϒϨοτΛ࢖༻͢Δ৔߹ɺपғ΁ͷઆ໌͕ͳ͍ͱޡղ͕ੜ͡Δɻ ϚχϡΞϧ௨ΓͷରԠΛ͢Δ ྫ͑͹ʮௌ֮ো֐ऀͳΒख࿩Ͱલͷ੮ʯʮ֎ࠃਓͳΒӳޠʯͳͲɻ དྷ৔ऀ΁ͷώΞϦϯάΛ͠ͳ͍ɻ

    ΋΍΋΍͢Δ̏ͭͷରԠ

  14. ΠϯΫϧʔγϒͳੈͷத΁ ো֐ऀʗ֎ࠃਓ ͦͷଞɺ༷ʑͳ഑ྀ͕ඞཁͳਓͨͪ प஌ɾ޿ࠂ ओ࠵ऀ උ͑෇͚Ͱࣈນ͕͋Γ·͢ ंҜࢠ੮͋Γ·͢ ͓໰߹Θͤ͸ͪ͜Β ඞཁͳਓ͕͍Δ͍ͳ͍ʹؔΘΒͣʮઃඋʯͱ༷ͯ͠ʑͳ഑ྀ΍ରԠ͕͋Δɻ Ή͠ΖαʔϏεͱͯ͠ఏڙ͢ΔͷͰʮ͝ར༻͍͖ͨͩ͋Γ͕ͱ͏͍͟͝·͢ʯʹͳΔɻ

  15. ͢΂ͯʹ͓͍ͯߦ͏͜ͱ͕೉͍͜͠ͱ͸෼͔͍ͬͯΔ͕ʜ Ի੠ೝࣝ΍ࣗಈ຋༁Ͱࣈນʹ͍ͭͯ͸Մೳʹͳͬͨ ઃஔ͢Δ͚ͩͰθϩ͔Βͷ୤٫͕Ͱ͖Δ ׬ᘳͰ͸ͳ͘ͱ΋Ͱ͖Δͱ͜Ζ͔Β΍Δͷ΋ ΠϯΫϧʔγϒͳߟ͑ํ

  16. ΞΫηγϏϦςΟ΍ΠϯΫϧʔγϒʹ͍ͭͯ࿩͢ͱ͖ ͍ͭ΋Ғͦ͏ͳ͜ͱݴͬͯΔ͚Ͳ͞ʔ ͦΕ࣮ͬͯࡍ͸೉͍͠͡Όͳ͍ʁ ͡Ό΍ͬͯΈΑ͏͡Όͳ͍Ͱ͔͢ʂ ๻ࣗ਎͕ඳ͘ΠϯΫϧʔγϒͳ৔Λ۩ݱԽ͢ΔɺͦΕ͕ $PEFGPS/FSJNB

  17. Ұൠࣾஂ๏ਓ$PEFGPS/FSJNB

  18. $$#:$PEFGPS/FSJNB $PEFGPSͱ͸ʁ $PEFGPS"NFSJDBɺ$PEFGPS+BQBOɺ$PEFGPS5PLZPͳͲ ੈքͰ޿͕ΔγϏοΫςοΫͱݺ͹ΕΔ׆ಈΛ͍ͯ͠ΔஂମͷΧςΰϦɻ શࠃͰҎ্ͷஂମ͕༷ʑͳܗࣜͰ׆ಈΛ͍ͯ͠Δɻ $JWJD 5FDIOPMPHZ$WJD5FDI Φʔϓϯσʔλͱݺ͹ΕΔ࣏ࣗମ͕ެ։͍ͯ͠ΔσʔλΛ׆༻ͯ͠஍Ҭ՝୊Λղܾ͢Δɻ ݱࡏ͸ͦΕʹͩ͜ΘΒͣ*5º஍Ҭ՝୊Ͱ͞·͟·ͳऔ૊Λ͍ͯ͠Δɻ

  19. $$#:$PEFGPS/FSJNB ʮ࿅അ͍۠ͬͯ͢͝ͶʂʯͱݴΘΕΔͱخ͍͠ɻ ࿅അ۠ຽ͸ͳ͔ͥΈΜͳ࿅അ͕۠େ޷͖ɻ ੈքͷத৺͸࿅അ۠ͩͱࢥ͍ͬͯΔʢসʣ ʮ࿅അ۠ʯͱݴ͏Ωʔϫʔυ͚ͩͰू·Δ ίϛϡχςΟͷָ͠͞ʂ ࿅അ۠ʹ͍ͭͯ΋ͬͱ஌Γ͍ͨํ͸ :PV5VCFͰʮ*—࿅അ͋Δ͋ΔʯͰݕࡧ

  20. $$#:$PEFGPS/FSJNB ׆ಈ಺༰̍ ࿅അ۠Ͱ։࠵͞ΕΔΠϕϯτͷ ৘ใΞΫηγϏϦςΟʔͷ޲্

  21. $$#:$PEFGPS/FSJNB ׆ಈ಺༰̎ Φʔϓϯσʔλ౳Λ׆༻ͨ͠ ॅຽαʔϏεΛاըɾఏҊɾ։ൃ $PEFGPS/FSJNBϚείοτ ʮϚʔωϦʔͪΌΜʯ

  22. $$#:$PEFGPS/FSJNB ׆ಈ಺༰̏ ଟจԽڞੜΠϕϯτ ଟݴޠΧϑΣଟეݴަྲྀ㠧5BHFOHP$BGF

  23. $$#:$PEFGPS/FSJNB ̍ɽΠϕϯτʹ͸6%τʔΫͰϦΞϧλΠϜࣈນ 6%τʔΫΛ࢖ͬͯৗʹϦΞϧλΠϜࣈນΛఏڙ͍ͯ͠·͢ɻࢀՃऀͷ৘ใࢧ ԉͷखஈͱͯ͠׆༻͍ͯ͠·͢ɻ ̎ɽ಺༰ͷશจϩά΍ࢿྉΛެ։ 6%τʔΫͷϩάΛฤू͠ͳΔ΂͘ૣ͘શจΛ'BDFCPPLάϧʔϓʹΞοϓ͠ ͍ͯͯ͠·͢ɻ౰೔ࢀՃͰ͖ͳ͔ͬͨਓ΋Πϕϯτͷ಺༰Λڞ༗͢Δ͜ͱ͕ Ͱ͖·͢ɻ ̏ɽϝϯόʔશһʹൃදͷػձΛ ຖ݄ͷྫձͰ͸ϝϯόʔʹΑΔࣗݾ঺հγϣʔτϓϨθϯΛߦ͍ͬͯ·͢ɻ

    ࣗ෼ͷ͜ͱΛ஌ͬͯ΋Β͏ʮํ๏ʯΛ௨ͯ͠՝୊ղܾʹର͢Δ࿦ཧతࢥߟΛ ਎ʹண͚ͯ΋Β͏͜ͱ͕Ͱ͖·͢ɻ

  24. $$#:$PEFGPS/FSJNB ͱ͋ΔϒϩάͰʜ ʮγϏοΫςοΫͱ͔ɺ஍Ҭ՝୊ղܾͰ͍͍͜ͱ͠Α͏ ͱ͍ͯ͠Δਓͨͪͬͯɺ࣮͸ͥΜͥΜࠔͬͯͳ͍ΑͶʯ ͔ͨ͠ʹ͍·ී௨ʹੜ׆Λ͍ͯͯ͠΋ࠔͬͯͳ͍ɺ՝୊Λແཧ΍ Γ୳͍ͯ͠Δঢ়ଶ͸Ռͨͯ͠Ͳ͏ͳͷ͔ʁ ͡Ό͋ɺࠔͬͯΔਓΛϝϯόʔʹೖΕΕ͹͍͍ʂ ͦ͜ʹ͍ΖΜͳʮؾ͖ͮʯ͕͋Δɻ

  25. $$#:$PEFGPS/FSJNB 6%τʔΫΛ࢖͏͜ͱͰ݁ՌతʹͰ͖ͨ ো֐ऀɾ֎ࠃਓରԠʢϢχόʔαϧରԠʣ ϦΞϧλΠϜࣈນΛৗઃ͢Δ͜ͱͰؾܰʹࢀՃ͕Ͱ͖Δɻ ʢυλࢀ΍υλΩϟϯ͕Ͱ͖Δʣ શจه࿥Λ͙͢ʹެ։͢Δ͜ͱͰΠϕϯτࣗମʹݱ஍ͰࢀՃ͢Δ͜ ͱ͕೉͍͠ํͨͪʹ΋͙͢ʹ಺༰Λڞ༗͢Δ͜ͱ͕Ͱ͖Δɻ $PEFGPS/FSJNBͷ׆ಈํ๏͸ςΫϊϩδʔͷ׆༻Ͱ ୭Ͱ΋ࢀՃͰ͖ΔΠϯΫϧʔγϒͳ؀ڥʹͳ͍ͬͯΔɻ ;00.ͱซ༻ͯ͠ࣈນ෇͖ಈը഑৴΋ߦ͏͜ͱͰ

    ࣗ༝ʹࢀՃͰ͖Δ؀ڥΛ੔͑Δɻ

  26. $$#:$PEFGPS/FSJNB ΞΫηγϏϦςΟʔͱ͸ʁ ମݧͱ૝૾ྗ ΋ࣗ͠෼͕ௌ͑͜ͳ͔ͬͨΒ͜ͷΠϕϯτͷ಺༰෼͔Βͳ͍ͳ͊ ΋ࣗ͠෼͕ݟ͑ͳ͔ͬͨΒ͜ͷਓͷεϥΠυ෼͔Βͳ͍ͳ͊ ΋ࣗ͠෼͕ंҜࢠͩͬͨΒͦ΋ͦ΋͜͜ʹདྷΕΔͷ͔ͳ͊

  27. $$#:$PEFGPS/FSJNB 4FQBSBUJPO *ODMVTJPO εΩϧΞοϓͱֶशͷ৔ ମݧͱ૝૾ͷ৔ ӳޠձ࿩ςʔϒϧ ख࿩ձ࿩ςʔϒϧ தࠃޠձ࿩ςʔϒϧ ΞϓϦͷ׆༻ํ๏ αϙʔτͷ࢓ํ

    $PEFGPS/FSJNB ଟݴޠΧϑΣ 5BHFOHP$BGF ଟეݴަྲྀ㠧

  28. ·ͱΊ wίϛϡχέʔγϣϯͷ՝୊͸ςΫϊϩδʔͰ͋Δఔ౓ղܾ wΞΫηγϏϦςΟʹऔΓ૊Ή͜ͱ͸ʮػձʯͷ૑ग़ w͍ΖΜͳਓ͕ࢀՃ͢Δ͜ͱͰؾ͖ͮΛಘΔ͜ͱ͕Մೳ Πϕϯτ΍ίϛϡχςΟΛ ӡӦ͍ͯ͠Δํͨͪͷʮ՝୊ʯͰ͢ʂ