2018.07.15 WordCamp Ogijima 2018 の登壇資料です。 発表内容のテキスト版はこちら:https://bit.ly/2zNnSSR
WordCamp Ogijima 2018ؒౢࠫσβΠϯɾίϯςϯπͷΞΫηγϏϦςΟೖ2018໌͔ΒͰ͖Δʂ2018.07.15
View Slide
PROFILEؒౢࠫ @mjmjsachiߴݝࡏॅϑϦʔϥϯεDTPʴΣϒσβΠϯWordPress Ogijima 2018࣮ߦҕһWordPressྺ4ΞΫηγϏϦςΟྺ2
QͲ͏ͯ͠ΣϒͰൃ৴͢Δͷʁ
AΑΓଟ͘ͷਓʹใΛ͑ΔͨΊ
ҰਓͰɺࣗྗͰɺੈքʹ͚ͯൃ৴Ͱ͖ΔPower of WEBࣗͷ૾Λ͑ͨͨ͘͞Μͷਓɾ͍ΖΜͳਓʹ͑ΒΕΔ
ʬຊͷ͓ͳ͠ʭΑΓଟ͘ͷਓʹใΛ͑ΔͨΊͷΞΫηγϏϦςΟࠓͷࣗͷࢹΛগ͛ͯ͠
ҰਓͰɺࣗྗͰɺੈքʹ͚ͯൃ৴Ͱ͖Δࣗͷ૾Λ͑ͨͨ͘͞Μͷਓɾ͍ΖΜͳਓʹ͑ΒΕΔൃ৴͢Δଆ
୭Ͱɺ͖ͳͱ͖ʹ͖ͳॴͰ͖ͳܗࣜͰใΛಘΒΕΔPower of WEBड͚औΔଆ
୭Ͱɺ͖ͳͱ͖ʹ͖ͳॴͰ͖ͳܗࣜͰ ใΛಘΒΕΔPower of WEBड͚औΔଆ
ະདྷͷศརɹɹOK! Google, Alexa!ख͕͑ͳ͍ɹɹΩʔϘʔυૢ࡞ຊޠ͕ۤखɹɹ༁πʔϧݟ͑ͮΒ͍ɹɹ֦େπʔϧʗ৭ௐసɾิਖ਼ݟ͑ͳ͍ɹɹεΫϦʔϯϦʔμʔϢʔβʔʷར༻ڥ
༷ʑͳࢧԉٕज़Λ௨ͯ͋͠ΒΏΔਓ͕ࣗྗͰใʹΞΫηεͰ͖ΔΞΫηγϏϦςΟAccess + abilityΣϒͱ͍͏ϝσΟΞͷຊ࣭తͳಛɾେ͖ͳັྗ
?ΞΫηγϏϦςΟোऀɾߴྸऀͷͨΊͷͷࣗʹؔͳ͍
ʢࡀҎ্ʣ27.7ˋߴྸऀࠤ౻͞Μླ͞Μߴڮ͞Μࢀߟจݙɿฏ൛োऀനॻʦֳʧʗ໊ࣈ༝དྷOFUʛશࠃ໊ࣈϥϯΩϯάʗ౷ܭτϐοΫε/P౷ܭ͔ΒΈͨզ͕ࠃͷߴྸऀʦ૯লʧࠃຽͷ6ˋ ʹ 5,114,000ਓԿΒ͔ͷোΛͭਓମোతোਫ਼ਆো7,411,000ਓ
ΒͣΒͣͷ͏ͪʹ୭͔Λૄ֎͠ͳ͍ͨΊʹ
ΞΫηγϏϦςΟ͡ΊͷҰา໌͔ΒͰ͖Δʂ
ϚγϯϦʔμϒϧώϡʔϚϯϦʔμϒϧ༷ʑͳࢧԉٕज़Λ௨ͯ͠ɺ͍ΖΜͳਓ͕ΞΫηεͰ͖ΔΞΫηγϏϦςΟͷղ
6*ϚγϯϦʔμϒϧώϡʔϚϯϦʔμϒϧηϚϯςΟοΫΦʔϓϯσʔλϥΠςΟϯάใઃܭϏδϡΞϧΠϯλϥΫγϣϯγεςϜΣϒʹؔΘΔશͯͷਓͰͭ͘ΔͷΞΫηγϏϦςΟͷղ
ςʔϚ ίϯςϯπΣϒαΠτΛΞΫηγϒϧʹ͢Δʹ྆ྠ͕ෆՄܽWordPressͷղ
OgiOgi hotel ͷαΠτΛWordPressͰ࡞ͬͨΑʂ͍ΖΜͳਓʹདྷͯ΄͍͔͠ΒΞΫηγϒϧʹ͢ΔͧʙʂCase Study
͓͢͢ΊϓϥϯհόφʔCase 1ը૾͕ݟΕͳ͍ਓʹ͑Δʹʜʁ
Good morning, OgiOgi!ށͷ͓͍͠͞ຬࡌϫϯϓϨʔτϞʔχϯάϓϥϯସςΩετը૾Ͱ͍͑ͨใʹ
εΫϦʔϯϦʔμʔͰಡΈ্͛ը૾ͷΘΓʹςΩετΛදࣔସςΩετ
ը૾͕ݟ͑ΔਓʹςΩετͰ͑ͨํ͕ྑ͍ใɺΩϟϓγϣϯΛ׆༻͠Α͏ʂ
ۭࣨঢ়گΧϨϯμʔCase 2
ۭࣨঢ়گΧϨϯμʔCase 21ܕʢܕʣ৭֮োͷํ͕ݟΔͱʜʁϞϊΫϩͰϓϦϯτͨ͠Βʜʁ
ۭࣨঢ়گΧϨϯμʔCase 2৭͚ͩʹґଘ͠ͳ͍͑ํΛߟ͑Α͏
ۭࣨঢ়گΧϨϯμʔCase 2৭͚ͩʹґଘ͠ͳ͍͑ํΛߟ͑Α͏จࣈͱഎܠͷίϯτϥετνΣοΫʂ
هࣄͷϥΠςΟϯάCase 3০తͰͳ͘ҙຯߏΛ͑ΔͨΊʹ͏ͷ͕ϙΠϯτʂ
هࣄͷϥΠςΟϯάCase 3ʻλάʼςΩετʻλάʼྫʣಉ͡ݟग़͠Ϩϕϧ͚ͩൈ͖ग़ͯ͠ಡΉϚʔΫΞοϓ
هࣄͷϥΠςΟϯάCase 3ίʔυΛॻ͔ͳ͍ਓͰϚγϯϦʔμϒϧʹग़དྷΔʂ
هࣄͷϥΠςΟϯάCase 3͜ΕཱͳΞΫηγϏϦςΟʂݟग़͠ߏΛҙࣝ͢Δར༻ऀʹͱ͔ͬͯΓ͍͢ݴ༿Λ͏ϦϯΫઌ͕༧ଌͰ͖ΔϦϯΫςΩετʹ͢Δ০తͷจࣈ৭ͷཚ༻ආ͚Δ
ΞΫηγϏϦςΟ࣍ͷҰาͬͱΓ͍ͨʂϙΠϯτࣗҎ֎ͷʮࢹʯΛ૿͢͜ͱ
߹ཧతྀ۩ମྫσʔλू2016.4.1োऀࠩผղফ๏http://www8.cao.go.jp/shougai/suishin/jirei/index.htmlোͷछผੜ׆ͷ໘͔ΒࣄྫΛ୳ͤΔ
ΣϒίϯςϯπΛΞΫηγϒϧʹ͢ΔͨΊͷΨΠυϥΠϯWCAG 2.0= JIS X 8341-3
ΣϒίϯςϯπΛΞΫηγϒϧʹ͢ΔͨΊͷΨΠυϥΠϯWCAG 2.0= JIS X 8341-3ͲΜͳ໘ͰͲΜͳਓ͕ͲΜͳ෩ʹࠔΔ͔Β͜͏ରॲ͠Α͏ΨΠυϥΠϯ
͜ͷΨΠυϥΠϯʹै͏ͱɺଟ͘ͷ߹ɺ΄ͱΜͲͷར༻ऀʹͱͬͯΣϒίϯςϯπ͕ΑΓ͍͘͢ͳΔɻ
ࣗͷΒͳ͍୭͔ͷ͍ํΛΓଟ༷ੑΛड͚ೖΕΔ͜ͱͰΈΜͳͷϢʔβϏϦςΟ্͢Δ
·ͱΊ
ΑΓଟ͘ͷਓʹಧ͚ΔͨΊʹΞΫηγϏϦςΟͷʮࢹʯΛऔΓೖΕͯΈΑ͏ࠓͷࣗͷࢹΛগ͛ͯ͠
͋Γ͕ͱ͏͍͟͝·ͨ͠Empower the smalls to go big.@mjmjsachi
ߴদ࠙ձͰͨ͠ʮA11yϙελʔʯ A4൛PDF https://bit.ly/2Lnil6Dʬ͓·͚ʭ