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
WEB屋さん1年目に知ってほしいマークアップ4つのこと
Search
atsuco
May 30, 2014
Programming
0
880
WEB屋さん1年目に知ってほしいマークアップ4つのこと
技術者ではないけれど、WEBに携わる会社に入って一年目の人に知ってほしいマークアップのこと。
atsuco
May 30, 2014
Tweet
Share
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.6k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
220
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
540
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
540
JSでアニメーションに入門したい
atsuco
1
490
怖くないES記法(機能)
atsuco
1
700
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.8k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
430
KnockoutからReactに乗り換えたいはなし
atsuco
0
860
Other Decks in Programming
See All in Programming
App Router 悲喜交々
quramy
7
370
XP2024 っていう国際会議に行ってきたよの記 / XP2024 Conference Report
bonotake
4
160
ポケモンで考えるコミュニケーション / Communication Lessons from Pokémon
mackey0225
4
140
Assembling the Future: crafting the missing pieces of the Ruby on Wasm puzzle
skryukov
0
120
Progressive Web Apps for Rails developers
siaw23
2
530
Kotlin Multiplatform at Stable and Beyond (Kotlin Vienna, October 2024)
zsmb
2
320
Infrastructure as Code でセキュリティを楽にしよう!
konokenj
5
1.4k
AWS認定資格を受験するにあたり、気づいたこと・実践していたことのまとめ
satoshi256kbyte
1
120
NANIMACHI
naokiito
0
930
Cloud Adoption Frameworkにみる組織とクラウド導入戦略(縮小版)
tomokusaba
1
160
複数プロダクトの技術改善・クラウド移行に向き合うチームのフレキシブルなペア・モブプログラミングの実践 / Flexible Pair Programming And Mob Programming
honyanya
0
140
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
93k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Bash Introduction
62gerente
608
210k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
1
240
Designing the Hi-DPI Web
ddemaree
279
34k
In The Pink: A Labor of Love
frogandcode
139
22k
What the flash - Photography Introduction
edds
67
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
37
6.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
4
99
Atom: Resistance is Futile
akmur
261
25k
A Philosophy of Restraint
colly
202
16k
Become a Pro
speakerdeck
PRO
24
4.9k
Transcript
8&#͞Μ̍ʹͬͯ΄͍͠ ϚʔΫΞοϓ̐ͭͷ͜ͱ
ઙԬರࢠ͓͔͋͋ͭ͜͞ ϑϩϯτΤϯυΤϯδχΞ ೣ
ࣗࣾ։ൃΛ͢Δձࣾͷࣾһͱͯ͠ ࠷ݶ͓͍ͬͯͯ΄͍͜͠ͱ
ϚʔΫΞοϓͬͯͳʹʁ )5.-$44+4 4&0ͷͳ͠ ࣮ࡍͲ͏Δͷʁ ࠓ͢͜ͱ ʁ
ϚʔΫΞοϓͬͯͳʹʁ
ʮσβΠϯ͕ܾ·ͬͨͷʹ ͳΜͰ͙͢ΦʔϓϯͰ͖ͳ͍ͷʁʯ લ৬ʹͯ
ઃܭ͚ͨͩ͠Ͱ͓Ոʹ ॅΊͳ͍Ͱ͢ΑͶʁ
ը૾͕ೖΔΑ Ϧετ͕ ೖΔΑ ϦϯΫ͢ΔΑ MJLFϘλϯ ͚ͭΔΑ ಈը ຒΊࠐΉΑ 8&#ϖʔδ
ը໘ͷߏΛϒϥβ͕ೝࣝͰ͖Δݴ༿ʹ มͯ͋͛͠ͳ͚Ε͍͚ͳ͍
)5.-$44+4
IUNM DTT KT Ϣʔβʔ ϒϥβͰӾཡ
)ZQFS5FYU.BSLVQ-BOHVBHF ϋΠύʔςΩετͷͨΊͷߏهड़༻ݴޠ
)5.- ͋Δཁૉ͕ͲΜͳछྨͷͷͳͷ͔
None
ը૾ දΈ ϦϯΫ Ϧετ
Ͳ͔͜ΒͲ͜·Ͱ͕Կͷཁૉ͔ ʁ
QςΩετͱ͔͕ೖΔΑʂQ
QςΩετͱ͔͕ೖΔΑʂQ Q͔ΒQ·Ͱ ஈམͩΑʂ ด͡λά ։࢝λά
ը૾ JNHTSDը૾ͷ63- ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲VM Ϧετͷ߲ MJςΩετMJ
ը૾ JNHTSDը૾ͷ63- ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲VM Ϧετͷ߲ MJςΩετMJ ด͡λά͕ ཁΒͳ͍
ը૾ JNHTSDը૾ͷ63- ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲VM Ϧετͷ߲ MJςΩετMJ ಛघͳ Έ߹Θͤ
$BTDBEJOH4UZMF4IFFUT )5.-ͳͲͷ০ɾදࣔํ๏ͷࢦࣔॻ
$44 ͋Δཁૉ͕ͲΜͳ͋͠Β͍Λ͢Δͷ͔
None
ڧௐจ ͘͢Δ Ϧετ ԣʹฒΔ ݟग़͠ ཱͨͤΔ ϦϯΫ ੨͘͢Δ
ରͷԿΛͲ͏͢Δ ʁ
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF ^
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF ^ Bཁૉͷ จࣈ৭Λ
੨͘͢Δ
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF ^ จࣈ০Λ Լઢʹ͢Δ
Bཁૉͷ
ԣ෯ XJEUI QY BVUP ߴ͞ IFJHIU QY BVUP
༨ന NBSHJO QY BVUP ॏͳΓͷॱং [JOEFY ࣈ จࣈͷஔ UFYUBMJHO MFGU DFOUFS SJHIU
+BWB4DSJQU ϒϥβʹ࣮͞Ε͍ͯΔεΫϦϓτݴޠ
+4 ͋Δཁૉ͕ͲΜͳಈ͖Λ͢Δͷ͔
None
ϘλϯΛԡ͢ͱ ϧʔϨοτ͕ճస͢Δ
)5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT
IUNM DTT KT Ϣʔβʔ ϒϥβͰӾཡ ಈ͖Λ͚ͭΔ ݟͨΛ͑Δ
4&0ͷͳ͠
4FBSDI&OHJOF0QUJNJ[BUJPO αʔνΤϯδϯ࠷దԽ
4&0 ݕࡧ݁ՌͷॱҐΛ্͛Δରࡦ
None
࠷ॳʹ දࣔ͞ΕͯΔʂ
ϖʔδͷ༰Λஅ͍ͯ͠Δ Կ͕ॻ͍ͯ ͋Δͷʁ ৴པͰ͖Δ ใʁ Τϥʔ ग़ͯͳ͍ʁ
ϖʔδ λΠτϧʁ ݕࡧ༻ Ωʔϫʔυʁ γΣΞ༻ ը૾ʁ ຊޠʁ ӳޠʁ ϖʔδ֓ཁʁ 8&#ϖʔδ
ϒϥβʹදࣔ͞Εͳ͍͚Ͳඞཁͳใ ʹϝλใ
ݕࡧΤϯδϯʹਖ਼͑͘͠Δ ʹਖ਼͘͠ϚʔΫΞοϓ͢Δ େࣄʂ
࣮ࡍͲ͏Δͷʁ
)5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT
)5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT ্͔ΒԼʹ
ίʔσΟϯά͢Δ
)5.-
$44
·ΘΔΑʂ +4
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
ͦͷલʹɺԼ४උ ʁ
IUNM QOH KQH DTT KT HJG IUNM IUNM
JNH DTT KT BCPVU CVTJOFTT༻్͝ͱʹ ϑΥϧμΛ͚Δ
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
None
ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ
ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ ҹʹखॻ͖ ͯ͠·ͨ͠
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ
ݟग़͠େ II ݟग़͠খ II ஈམ QQ ڧௐจ TUSPOHTUSPOH
QஈམͷςΩετTUSPOHڧௐจTUSPOH ஈམͷςΩετʜQ ! Iݟग़͠େI QஈམͷςΩετTUSPOHڧௐจTUSPOH ஈམͷςΩετʜQ ! Iݟग़͠େI Iݟग़͠খI QஈམͷςΩετʜQ
QஈམͷςΩετʜQ
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
#IUNM DTT $IUNM "IUNM ڞ௨ͷ ελΠϧ
#IUNM DTT $IUNM "IUNM ݟग़͠େ ͕͍͍ʂ ݟग़͠େ ͕͍͍ʂ
ͦΕͧΕͷཁૉʹ໊લΛ͚ͯղܾ ໊લ͕ಉ͡ ʹ͋͠Β͍͕ಉ͡
IDMBTTIE3FEͷݟग़͠େI IDMBTTIE(SFFOͷݟग़͠େI
IDMBTTIE3FEͷݟग़͠େI IDMBTTIE(SFFOͷݟग़͠େI എܠ৭ʂ എܠ৭ʂ
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
I I
Լͷཁૉͱͷ༨നɿɹQY ཁૉͷ༨നɿɹQY ԼϘʔμʔɿɹQYɹઢɹˌ&# എܠͷ৭ɿɹ⒎GF จࣈͷଠ͞ɿɹଠ͍ จࣈαΠζɿɹQY I
Լཁૉͱͷ༨ന NBSHJOCPUUPN ཁૉͷ༨ന QBEEJOH ԼϘʔμʔ CPSEFSCPUUPN എܠͷ৭ CBDLHSPVOEDPMPS จࣈͷଠ͞ GPOUXJHIU
จࣈͷେ͖͞ GPOUTJ[F
I\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&#
CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^
DMBTTIE3FE
IE3FE\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&#
CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^
IE3FE\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&#
CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^ DMBTTIE3FE
Qͷதʹ͋Δ TUSPOH
จࣈͷ৭ɿɹ'' จࣈͷଠ͞ɿɹଠ͍ Qͷதʹ͋Δ TUSPOH
QTUSPOH\ DPMPS'' GPOUXFJHIUCPME ^
QTUSPOH\ DPMPS'' GPOUXFJHIUCPME ^ Qͷதʹ͋Δ
TUSPOH
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
γεςϜݚमͰΔͷͰׂѪ
ࠓͷ·ͱΊ
ϚʔΫΞοϓͬͯͳʹʁ σβΠϯΛϒϥβ͕ೝࣝͰ͖Δݴ༿ʹ͢Δ )5.-$44+4 )5.-ɿཁૉͷछྨΛࢦఆ͢Δ $44ɿཁૉͷ͋͠Β͍Λࢦఆ͢Δ +4ɿཁૉͷಈ͖Λࢦఆ͢Δ
4&0ͷͳ͠ αʔνΤϯδϯͷ࠷దԽ త֬ͳϚʔΫΞοϓ͕ඞਢ
࣮ࡍͲ͏Δͷʁ σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ
ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠