Deepest HTML Anatomische Tabellen

https://gyazo.com/6e54a8b5f86a2535cc99a0e8c56c6eb4

https://gyazo.com/5510d4e88c34b7dc94f91817952946e7

メニューのドキュメントアイコンより「Start presentation」クリックでプレゼンテーションが始まります

自己紹介

プロダクト本部 プロダクト開発部 プラットフォーム開発 4グループ

https://gyazo.com/6a3b35a698c5546e8995a03aee8c996d https://engineer.crowdworks.jp/entry/html-anatomische-tabell

書いたので読んでね

https://gyazo.com/1919ee81f11b013e23d29b10f54ce73f

まとめ

ありがとうございました！！！！！

言いたいことは言ったのでブログには書かなかった（まとまらなかった）話をします

最強の著者たち

https://gyazo.com/373ad4497539c1f65528cd4093f89c31

もんどさん

野良の仕様翻訳者

https://gyazo.com/925ca85f72bd0ee7465e506ca9c579ba

太田さん（ばけらさん）

この２人でなければ書き上がらなかったと思っている

今は常に変更やアップデートへの提案が入るようになっている

出版間近で仕様変更されたのはすごかった

これまであったものが変更されることを注視していきたい

最近気になっている話

あなたのプロダクトの「ユーザ」はどうだろうか

初学者向け記事？スクール？教材？

こういった経験が今は無いのではないか？

ルールを知っている人

字句的ルール

code:字句.html

<h1>これはまちがっている<strong>マークアップ</h1><p>です</strong></p>

語彙的ルール

要素の入れ子関係を間違っていないか？

意味論的ルール

code:意味論-out.html

<p>俺は見出しなんだ…誰がなんと言おうと見出しなんだ</p>

<!-- 自分を見出しタグだと思いこんでいる p タグ -->

<h1>自分、でかい太字です</h1>

<!-- 自分を装飾タグだと思いこんでいる h1 タグ -->

code:tsx

export default () => {

// NG

return (

<div>

<p>

p tag

<div>div</div>

</p>

</div>

);

};

タイトルや見出しを考慮することが頭から抜けている

フレームワーク標準だとこの辺が考慮から抜けがち

「アプリケーション」というものがより密接な関係になってきた

タグをペタっと貼って完結するならそれでいいよなって

https://gyazo.com/e308c2460499223d4d7e050045628091

https://gyazo.com/2852d186f982a209d3922de9ba9511b6

保守的なものにどれだけ介入できるのか？

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

まとめ（再）

Thank you for listening !

https://gyazo.com/4c1d0df4903765cc351797c10f903ba1