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.4k
ブロガー勉強会〜HTML+CSSの超基礎編〜
ブロガーのためのHTML+CSSの勉強会資料
okutani
November 22, 2015
Tweet
Share
More Decks by okutani
See All by okutani
Webエンジニアが 副業・フリーランスで活躍するために知っておくべき10のこと
okutani_t
1
270
Git勉強しよう会 #3
okutani_t
0
360
Git勉強しよう会 #2
okutani_t
0
620
約3年間WordPressで運用したブログで使い倒したプラグイン紹介
okutani_t
1
450
年末商戦に向けてCSとエンジニア間で取り組んだこと 〜Last Winter〜
okutani_t
0
350
フリーランスのWebエンジニアが月100万円稼ぐまでに読んだ参考書7選
okutani_t
0
170
Git勉強しよう会 #1
okutani_t
0
510
ブログ運営から学ぶ 『読まれる記事』とバズの話
okutani_t
0
57
Other Decks in Programming
See All in Programming
Modern Functional Fluent CFML REST by Luis Majano
ortus24
0
140
AWS CDKを用いたセキュアなCI/CDパイプラインの構築 / Build a secure CI/CD pipeline using AWS CDK
seike460
PRO
3
610
tsconfig.jsonの最近の新機能 ファイルパス編
uhyo
6
1.7k
Iteratorでページネーションを実現する
sonatard
3
710
dbt-ga4パッケージを実業務に導入してみた話
t_tokumaru_feedcorp
0
130
2024-10-01 dev2next - Observability for Modern JVM Applications
jonatan_ivanov
0
110
게임 개발하던 학생이이 세계에선 안드로이드 개발자?
pangmoo
0
110
Micro Frontends for Java Microservices - dev2next 2024
mraible
PRO
0
200
sqlcを利用してsqlに型付けを
kamiyam
0
240
ROS 2のZenoh対応とZenohのROS 2対応
takasehideki
2
300
"noncopyable types" の使いどころについて考えてみた
andpad
0
150
個人開発で使ってるやつを紹介する回
yohfee
1
700
Featured
See All Featured
Visualization
eitanlees
143
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
39
2.1k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Testing 201, or: Great Expectations
jmmastey
38
7k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
46
4.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4.1k
Building Your Own Lightsaber
phodgson
102
6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
29
1.7k
Fireside Chat
paigeccino
32
3k
The Cost Of JavaScript in 2023
addyosmani
43
5.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
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Ͱʂ ຊ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ