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
kobatatakayuki
February 18, 2017
Technology
1
930
脳内マークアップのススメ
2017-02-18 名古屋マークアップ勉強会
@kobatatakayuki - Takayuki Kobata
kobatatakayuki
February 18, 2017
Tweet
Share
More Decks by kobatatakayuki
See All by kobatatakayuki
Webアクセシビリティ脳のつくりかた
kobatatakayuki
0
850
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
0
870
ディレクターは「準備」と「調整」がすべて! 〜制作現場の「もやもや」を吹き飛ばそう〜
kobatatakayuki
0
310
【LT大会Vol3】a-blog cmsのススメ
kobatatakayuki
0
390
Other Decks in Technology
See All in Technology
Flutterでキャッチしないエラーはどこに行く
taiju59
0
220
エラーとアクセシビリティ
schktjm
1
1.2k
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
7
3.4k
AWSで推進するデータマネジメント
kawanago
1
1.3k
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
150
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
200
AI開発ツールCreateがAnythingになったよ
tendasato
0
120
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
230
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
13
6.2k
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
150
DDD集約とサービスコンテキスト境界との関係性
pandayumi
2
280
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Being A Developer After 40
akosma
90
590k
YesSQL, Process and Tooling at Scale
rocio
173
14k
We Have a Design System, Now What?
morganepeng
53
7.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Unsuck your backbone
ammeep
671
58k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Transcript
ϚʔΫΞοϓͷεεϝ 2017-02-18 ໊ݹϚʔΫΞοϓษڧձ @kobatatakayuki - Takayuki Kobata
10ؒ
ࣗݾհ
None
খാλΧϢΩ גࣜձࣾΞφάϥϜϫʔΫε CKO / γχΞςΫχΧϧσΟϨΫλʔ
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
ීஈίʔσΟϯάΛ͞ΕͯΔ ํ͍Βͬ͠Ό͍·͔͢ʁ
ϚʔΫΞοϓͬͯฉ͍ͨ ͜ͱ͋Γ·͔͢ʁ
಄ͷதͰ จॻΛߏԽ ͍ͯ͘͜͠ͱ
͍ΘΏΔ ໝͰ͢w
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
ϝϦοτ • ಄ͷதͰίʔσΟϯά͕Ͱ͖ΔΑ͏ʹͳΔ • ͦΖΜͰݴ͏ɺ҉ࢉͱಉ͡ • จॻߏͷߟ͑ํ͕ʹͭ͘ • ͍ͭͰͲ͜ͰͰ͖Δʂ •
Ҋ݅Ͱ͑ɺઃܭਤʹͳΔ • ίʔσΟϯά࣌ͷޮԽʹܨ͕Δ • ৽ਓڭҭʹ࠷దʂ • ฐࣾͷݚमϓϩάϥϜʹΈࠐΜͰ·͢
४උ 8ׂɺ࣮ 2ׂ
ࣄલ४උʹͲΕ͚ͩ࣌ؒΛ ͑Δ͔͕ɺίʔσΟϯάʹ͓ ͚ΔޮԽͷ伴ͱͳΔ
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
HTML4.01࣌ͷϒϩοΫཁ ૉͱΠϯϥΠϯཁૉͷ֓೦Λ ͓ͬͯ͘
ਆ࡚ઌੜͷ͘͝؆୯ͳHTML ͷઆ໌ඞಡ ࢀߟɿ͘͝؆୯ͳHTMLͷઆ໌ -- ཁૉλΠϓҰཡʢ֎෦ϦϯΫʣ
None
DTDΛಡΊΔਓಡΜͰΈͯ ͍ͩ͘͞ɻ ࢀߟɿHTML 4 Document Type Definitionʢ֎෦ϦϯΫʣ
None
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
·ͣ7ͭͷཁૉ͚ͩʂ
1. ݟग़͠ʢϒϩοΫཁૉʣ 2. ςΩετʢϒϩοΫཁૉɾΠϯϥΠϯཁૉʣ 3. ϦετʢϒϩοΫཁૉʣ 4. දΈʢϒϩοΫཁૉʣ 5. ը૾ʢΠϯϥΠϯཁૉʣ
6. ϦϯΫʢΠϯϥΠϯཁૉʣ 7. άϧʔϓԽʢϒϩοΫཁૉɾΠϯϥΠϯཁૉʣ
ϚʔΫΞοϓύζϧͷΑ͏ ͳͷ
7ͭͷجຊߏཁૉΛ͍͜ ͳͤɺίϯϙʔωϯτઃܭ ʹཱͭ
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
1. ͓ؾʹೖΓͷαΠτΛΩϟϓνϟ͠ɺϓϦϯτΞτ 2. ϨΠΞτߏΛܬޫϖϯͰғ͍ͬͯ͘ 3. ֤ཁૉΛݟ͚ͭͯߏԽ͍ͯ͘͠ 4. id໊ɺclass໊Λ༩͍ͯ͘͠ 5. ը૾͕͋Δ߹ɺϑΝΠϧ໊Λهࡌ͍ͯ͘͠
6. font-sizeɺcolorɺmarginɺpaddingɺbackground͜ͷ࣌ ʹݕ౼͓ͯ͘͠ 7. ࣮ɺ͜Ε͕࣮ࡍʹίʔσΟϯά͢ΔࡍͷઃܭॻͱͳΔ 8. αΠτશମͰͳͯ͘ɺύʔπ͝ͱʹϚʔΫΞοϓ͢Δͷ OK 9. ͱʹ͔͘ɺΛ͜ͳ͢͜ͱ 10. ͜Ε͕ܦݧͱͳΓɺ࣮ફʹ׆͖͖ͯ·͢
ΞδΣϯμ • ϚʔΫΞοϓͱ • ϝϦοτ • ཁૉͷࢠؔΛΔ • HTML7ͭͷجຊߏཁૉ •
࣮ફํ๏ • ·ͱΊ
1. ϚʔΫΞοϓͱɺ಄ͷதͰจॻΛߏԽ ͍ͯ͘͜͠ͱ 2. HTML4.01࣌ͷϒϩοΫཁૉͱΠϯϥΠϯཁ ૉͷ֓೦Λ͓ͬͯ͘ 3. ·ͣ7ͭͷཁૉ͚ͩʂ 4. ࣮ફ͋ΔͷΈʂ
PR
ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ http://frontend-x.github.io/
Thank you! http://www.kobatatakayuki.com @kobatatakayuki