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
620
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
620
JSでアニメーションに入門したい
atsuco
1
550
怖くないES記法(機能)
atsuco
1
750
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.9k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
500
KnockoutからReactに乗り換えたいはなし
atsuco
0
990
Other Decks in Programming
See All in Programming
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
Google Opalで使える37のライブラリ
mickey_kubo
3
140
Devoxx BE - Local Development in the AI Era
kdubois
0
140
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.5k
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
890
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
650
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
910
Migration to Signals, Resource API, and NgRx Signal Store
manfredsteyer
PRO
0
110
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.8k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
620
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
910
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
800
Featured
See All Featured
Music & Morning Musume
bryan
46
6.9k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Building an army of robots
kneath
305
46k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Context Engineering - Making Every Token Count
addyosmani
8
300
How GitHub (no longer) Works
holman
315
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Mobile First: as difficult as doing things right
swwweet
225
10k
Designing Experiences People Love
moore
142
24k
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.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ
ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠