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.7k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
220
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
560
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
550
JSでアニメーションに入門したい
atsuco
1
490
怖くないES記法(機能)
atsuco
1
710
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.8k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
440
KnockoutからReactに乗り換えたいはなし
atsuco
0
890
Other Decks in Programming
See All in Programming
CSC509 Lecture 13
javiergs
PRO
0
110
PaaSとSaaSの境目で信頼性と開発速度を両立する 〜TROCCO®︎のこれまでとこれから〜
gtnao
4
3k
Jakarta EE meets AI
ivargrimstad
0
500
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.2k
Remix on Hono on Cloudflare Workers
yusukebe
1
330
DoctrineとPostgreSQLの便利な機能、どっちも諦めたくない!
77web
0
140
Vapor Revolution
kazupon
2
1.8k
我々のデザインシステムは Chakra v3 にアップデートします
shunya078
2
1k
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
1
270
rails new flags - `rails new` のフラグから Rails を構成するコンポーネントの変遷をザックリ眺める
snaka
0
1.8k
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.6k
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
6
1.8k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
24k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
17k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
What's new in Ruby 2.0
geeforr
343
31k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Six Lessons from altMBA
skipperchong
27
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
How STYLIGHT went responsive
nonsquared
95
5.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
730
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.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ
ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠