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.8k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
230
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
600
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
600
JSでアニメーションに入門したい
atsuco
1
540
怖くないES記法(機能)
atsuco
1
740
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.9k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
490
KnockoutからReactに乗り換えたいはなし
atsuco
0
970
Other Decks in Programming
See All in Programming
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
580
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.1k
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
270
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.9k
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
260
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
180
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
120
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
10k
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
55
14k
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
280
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Done Done
chrislema
184
16k
Code Reviewing Like a Champion
maltzj
524
40k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Visualization
eitanlees
146
16k
Designing for humans not robots
tammielis
253
25k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Agile that works and the tools we love
rasmusluckow
329
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
125
52k
Embracing the Ebb and Flow
colly
86
4.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
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.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ
ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠