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
ブロガー勉強会〜HTML+CSSの超基礎編〜
Search
okutani
November 22, 2015
Programming
0
1.5k
ブロガー勉強会〜HTML+CSSの超基礎編〜
ブロガーのためのHTML+CSSの勉強会資料
okutani
November 22, 2015
Tweet
Share
More Decks by okutani
See All by okutani
Webエンジニアが 副業・フリーランスで活躍するために知っておくべき10のこと
okutani_t
1
310
Git勉強しよう会 #3
okutani_t
0
390
Git勉強しよう会 #2
okutani_t
0
690
約3年間WordPressで運用したブログで使い倒したプラグイン紹介
okutani_t
1
480
年末商戦に向けてCSとエンジニア間で取り組んだこと 〜Last Winter〜
okutani_t
0
360
フリーランスのWebエンジニアが月100万円稼ぐまでに読んだ参考書7選
okutani_t
0
190
Git勉強しよう会 #1
okutani_t
0
550
ブログ運営から学ぶ 『読まれる記事』とバズの話
okutani_t
0
77
Other Decks in Programming
See All in Programming
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2k
CSC509 Lecture 06
javiergs
PRO
0
260
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
230
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
10
6.6k
チームの境界をブチ抜いていけ
tokai235
0
160
止められない医療アプリ、そっと Swift 6 へ
medley
1
150
CSC305 Lecture 02
javiergs
PRO
1
270
Swift Concurrency - 状態監視の罠
objectiveaudio
2
510
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
140
Software Architecture
hschwentner
6
2.3k
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
690
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Automating Front-end Workflow
addyosmani
1371
200k
How STYLIGHT went responsive
nonsquared
100
5.8k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Speed Design
sergeychernyshev
32
1.2k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
ϒϩΨʔษڧձ ʙ)5.- $44ͷجૅฤʙ
ࣗݾհ ✤PLVUBOJ wࡀ wϒϩάWEFFQӡӦ wࣄͰ)5.-ͱ͔1)1ͱ͔ wझຯ٢ࣉ८Γ
ࠓͷͳ͕Ε ᶃ8FCαΠτͷ͘͠Έ ᶄ)5.-ʜ$44ʜ ͬͯͳʹ ᶅϒϩάαΠτΛͭͬͯ͘ΈΑ͏
ΞΠεϒϨΠΫ͍ͨΉʂ
ΞΠεϒϨΠΫ ͙Β͍ ᶃ͔ΜͨΜͳࣗݾհ ᶄ͜ΜͳϒϩάͬͯΔ PSΓ͍ͨ ᶅ࠷ۙ͏Ε͔ͬͨ͠ɾͨͷ͔ͬͨ͜͠ͱ
ᶃ WebαΠτͷ͘͠Έ
8FCαΠτ͕ݟ͑Δ͘͠Έ
8FCαΠτ͕ݟ͑Δ͘͠Έ 8FCαΠτΛ࡞Δ
8FCαΠτ͕ݟ͑Δ͘͠Έ
8FCαΠτ͕ݟ͑Δ͘͠Έ Πϯλʔωοτ্ Ξοϓϩʔυ
8FCαΠτ͕ݟ͑Δ͘͠Έ Πϯλʔωοτ্ Ξοϓϩʔυ αʔόʔ
8FCαΠτ͕ݟ͑Δ͘͠Έ
8FCαΠτ͕ݟ͑Δ͘͠Έ 8FCαΠτ͕ΈΕΔ ͓ΘΓ
ᶄ HTMLͱCSS
)5.- ✴)ZQFS5FYU.BSLVQ-BOHVBHF ✴8FCαΠτͷʰߏʱΛද͢ ✴ίϯϐϡʔλ͕ཧղͰ͖Δ ✴จࣈͱ͔ը૾ͱ͔Ϧετͱ͔ʜ
)5.- ✴)ZQFS5FYU.BSLVQ-BOHVBHF ✴8FCαΠτͷʰߏʱΛද͢ ✴ίϯϐϡʔλ͕ཧղͰ͖Δ ✴จࣈͱ͔ը૾ͱ͔Ϧετͱ͔ʜ ࠓΔͷ )5.-
$44 ✴$BTDBEJOH4UZMF4IFFUT ✴8FCαΠτͷʰݟͨʱΛܾΊΔ ✴จࣈͷ৭ɺӨΛ͚ͭͨΓʜ
$44 ✴$BTDBEJOH4UZMF4IFFUT ✴8FCαΠτͷʰݟͨʱΛܾΊΔ ✴จࣈͷ৭ɺӨΛ͚ͭͨΓʜ ࠓΔͷ $44
ͨͱ͑
)5.-ͱ$44
CSS͕ແ͍ͱ…ʁ
)5.-ͱ$44
)5.-ͱ$44
)5.-ͱ$44 ݟ่͕ͨΕͯ͠·͏
ٯʹɺࠓͬͨͷ͕ ʮHTMLʯͱ͍͏͜ͱ (+JavaScriptͳͲ)
͏͢͜͠ৄ͍͠આ໌ ↓ ษڧձ༻ࢿྉ+ϚχϡΞϧ
ᶅ ϒϩάαΠτΛͭͬͯ͘ΈΑ͏
ϩοΫΫϥΠϛϯά
͔ͬͯΒ ֮͑Δ΄͏͕ ͍֮͑͢
ԿࣄͬͯΈΔ (ཧղ͋ͱͰOK)
ϒϩάαΠτ࡞ ͜ͷαΠτΛ ͔Βͭͬͯ͘Έ·͠ΐ͏
αϯϓϧαΠτΛ֬ೝ ษڧձ༻ࢿྉࢀর
JOEFYIUNMΛΤσΟλͰ։͍ͯ࡞ۀʂ
ଓ͖WebߨٛͰ
WordPressͰHTMLΛ ॻ͘ʹ… ↓ DEMO
Կ͔͋Γ·ͨ͠ΒWebͰʂ ຊ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ