Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ユニバーサルなマークアップをしよう
Search
Yusuke Hirao
February 02, 2019
Technology
990
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユニバーサルなマークアップをしよう
「Webアクセシビリティ道場 in 福岡」ライトニングトークスライド
Yusuke Hirao
February 02, 2019
More Decks by Yusuke Hirao
See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
yusukehirao
1
890
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
720
READMEにバッヂが欲しくてテストを書き始めました
yusukehirao
1
840
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.4k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
750
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
950
JSONの型のはなし
yusukehirao
0
660
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.8k
Other Decks in Technology
See All in Technology
AI時代の開発生産性は、個人技からチーム設計へ
moongift
PRO
3
1.7k
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.4k
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
ahus1
PRO
1
160
SRE Next 2026 何でも屋からの脱却
bto
0
720
【Claude Code】鹿野さんに聞く 私の推しの並行開発環境 大公開 / claude-code-parallel-2026-07-15
tonkotsuboy_com
11
7.5k
Foxgloveについて 実際にExtensionを開発して公開するまでの話 / About Foxglove: The Story of Developing and Releasing an Extension
ry0_ka
0
250
Amplify Gen2でbackend.tsにCDKを定義する/しない事によるCDKの挙動の違いとユースケース
smt7174
0
170
脱金融のフューチャー・デザイン / Future Design Beyond Finance
ks91
PRO
0
150
実装だけじゃない! CCA-F取得エンジニアが教えるClaude Code開発プロセス活用術
diggymo
2
720
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
alchemy1115
2
190
公式ドキュメントの歩き方etc
coco_se
0
110
Alphaモジュール使っていいのかい!?いけないのかい!?どっちなんだいっ!?
watany
1
130
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
270
The Pragmatic Product Professional
lauravandoore
37
7.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Technical Leadership for Architectural Decision Making
baasie
3
440
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Building the Perfect Custom Keyboard
takai
2
810
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.4k
Test your architecture with Archunit
thirion
1
2.3k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
350
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
220
Deep Space Network (abreviated)
tonyrice
0
220
Transcript
Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao ࣗݾհ ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ϑϩϯτΤϯυΤϯδχΞ #-0(IUUQTOPUFNVZVTVLFIJSBP Yusuke
Hirao @cloud10designs
©2019 Yusuke Hirao ීஈͷۀ
©2019 Yusuke Hirao झຯ
©2019 Yusuke Hirao झຯ ΤσΟλHVMQͰ͑Δ)5.-47(༻ͷϦϯλʔ
©2019 Yusuke Hirao ͱ͍͏͘Β͍ʹ)5.-͕͖
©2019 Yusuke Hirao I❤HTML
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏
©2019 Yusuke Hirao Ϣχόʔαϧʁ
©2019 Yusuke Hirao Ϣχόʔαϧීวత
©2019 Yusuke Hirao ϒϩάΛॻ͖·ͯ͠ʜ
©2019 Yusuke Hirao ϒϩάΛॻ͖·ͯ͠ʜ ػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟ https:!//note.mu/yusukehirao/n/n5213d9bdd1e1
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ஈམͳΒ<p> Օॻ͖ͳΒ<ul> <li>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͱͬͯීวతͳ͜ͱ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ༁͞Εͨ͘ͳ͍ͳΒ translateଐੑͰ͍͍ͷͰʁ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ <pre translate=“no”> <!— Source code —>
!</pre>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͯ͜͞Ε ҙຯతʹຊ࣭͔ʁʁ ීวతͳϚʔΫΞοϓ͔ʁ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͋ͱtranslateଐੑͰ ༁ͷࣗ༝Λୣ͍͍ͬͯͷ͔ʜ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ԡ͚͠ΔͷͰͳ͘ ྟػԠม
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ )5.- ϢʔβΤʔδΣϯτ ࢧԉٕज़
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ )5.- ϢʔβΤʔδΣϯτ ࢧԉٕज़ ීว ྟػԠม
ΧελϜՄೳ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ Ϣʔβʔ͍Ζ͍Ζ σόΠε͍Ζ͍Ζ ڥ͍Ζ͍Ζ χʔζ͍Ζ͍Ζ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ීวతͳͷΛఏڙ͢Δ͜ͱͰ ྟػԠมͳར༻͕ՄೳʹͳΔ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ීวతͳͷΛఏڙ͢Δ͜ͱͰ ΑΓΞΫηγϒϧʹͳΔ
©2019 Yusuke Hirao Ϣχόʔαϧීวత
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏
Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ