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
840
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
0
850
ディレクターは「準備」と「調整」がすべて! 〜制作現場の「もやもや」を吹き飛ばそう〜
kobatatakayuki
0
300
【LT大会Vol3】a-blog cmsのススメ
kobatatakayuki
0
390
Other Decks in Technology
See All in Technology
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
1
210
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
140
Definition of Done
kawaguti
PRO
6
480
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
3.9k
Wasm元年
askua
0
140
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
130
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
iotcomjpadmin
0
160
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
130
Agentic DevOps時代の生存戦略
kkamegawa
1
1.3k
初めてのAzure FunctionsをClaude Codeで作ってみた / My first Azure Functions using Claude Code
hideakiaoyagi
1
210
How Community Opened Global Doors
hiroramos4
PRO
1
110
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
130
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
A better future with KSS
kneath
239
17k
Raft: Consensus for Rubyists
vanstee
140
7k
Automating Front-end Workflow
addyosmani
1370
200k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
BBQ
matthewcrist
89
9.7k
Visualization
eitanlees
146
16k
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