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
210
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
520
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
530
JSでアニメーションに入門したい
atsuco
1
480
怖くないES記法(機能)
atsuco
1
680
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.7k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
410
KnockoutからReactに乗り換えたいはなし
atsuco
0
820
Other Decks in Programming
See All in Programming
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
HMSコンペ 11th Solution (team : kansai-kaggler)
t88
1
680
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
AHC035解説
terryu16
0
720
【Go言語】golangci-lintの使い方
tomo1227
0
280
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
CSC307 Lecture 10
javiergs
PRO
0
310
コード生成を伴うLLMエージェント - 2024.07.18 Tokyo AI
smiyawaki0820
11
4.1k
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
93
5k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Typedesign – Prime Four
hannesfritz
37
2.2k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
How GitHub (no longer) Works
holman
305
140k
KATA
mclloyd
20
13k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Raft: Consensus for Rubyists
vanstee
134
6.5k
It's Worth the Effort
3n
181
27k
GraphQLとの向き合い方2022年版
quramy
36
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
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.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ
ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠