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
oc.pdf
Search
岡田 大誠
April 15, 2018
0
450
oc.pdf
岡田 大誠
April 15, 2018
Tweet
Share
More Decks by 岡田 大誠
See All by 岡田 大誠
ブロックエディタで運営する 実店舗Webサイトの裏側
webda
1
550
Gutenbergが従来のエディタとどう変わるのか?
webda
0
1.4k
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
webda
2
2.7k
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
970
ひらばオープン・キャンパス10/9
webda
1
280
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Rails Girls Zürich Keynote
gr2m
94
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
GitHub's CSS Performance
jonrohan
1031
460k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Pragmatic Product Professional
lauravandoore
35
6.7k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Writing Fast Ruby
sferik
628
62k
Designing for humans not robots
tammielis
253
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Transcript
Βͳ͍͋ͳͨ ؒҧ͍ͩΒ͚ͷ ϗʔϜϖʔδӡӦ ͍ͯ͠Δʂ 損 8&#%"σβΠϯԬాେ
None
ࣗݾ հ ˞ຊͷεϥΠυ'BDFCPPLɺ5XJUUFSͰΓ·͢
Ԭాେʢ͓͔ͩͻΖͳΓʣ σβΠχετɾ8FCσβΠφʔ ຕํࡏॅ΄Ͳ ݩόϯυϚϯ ʮຕํϗʔϜϖʔδ੍࡞ʯݕࡧҐ *POJDษڧதɾɾɾʂ
͍ͬͯΔ͜ͱ
None
ࣗ ༝ ͳ બ Ͱ ੈ ք Λ
͛ Δ
͢Ͱ ʹ )1Λ࣋ͬͯ ͍Δਓ ࣄۀऀ ͚
ؒҧ͍ ͦͷ ϗʔϜϖʔδͷ໊শ
ϗ ʔϜϖʔδ 8FCα Πτ ͦͷϗʔϜϖʔδͷ໊শ
ؒҧ͍ ͦͷ త͕ ͳ͍8F CαΠτ
ͦͷత͕ͳ͍8FCαΠτ తΛͭʹߜΓɺతʹԊͬͨαΠτʹ͠Α͏ʂ ͓͍߹Θͤ ݟࠐΈ٬ू٬ ݟੵΓ ϑϩϯτΤϯυ ϒϥϯσΟϯά ׆ಈใࠂ
ؒҧ͍ ͦͷ σβΠϯʹؾΛΒͳ͍
ͦͷσβΠϯʹؾΛΒͳ͍ ͔͍͍ͬ͜σβΠϯ ചΕΔσβΠϯ ຊʹͦΕ͚ͩͰ͍͍Ͱ͔͢ʁ
ͦͷσβΠϯʹؾΛΒͳ͍ ใ͕ஔ͍ͯ͋Δ͚ͩͰ͍͍ʁ ͨͩ࡞Ε͍͍ɺ͋Ε͍͍ͱ͍͏࣌ऴΘ͍ͬͯΔ ۀԽ࣌ܕͷൃ ݟ͑ͳ͍ʮҹʯήʔδΛ͍ͬͯΔ σβΠϯແͯ͘͠ޭͨ͠ྫͳ͍ ใͱͯ͠ɺͲ͏ΘΔ͔ʁ
খؠҪϨʔζϯόλʔ ύοέʔδͷมߋ͚ͩͰ ഒ
8FCαΠτ͔Βͷใɺ ΄ͱΜͲ͕ ࢹ͔֮Βͷใ
ؒҧ͍ ͦͷ ͱΓ͋ ͑ͣߋ ৽
ͦͷͱΓ͋͑ͣߋ৽ Γͨ͘ͳ͍ใͷߋ৽ແҙຯ ϥϯν৯ʹߦ͖·ͨ͠ ͱ͔ɺͲ͏Ͱ͍͍ɻ ΒΜ͕ͳɻ
ͦͷͱΓ͋͑ͣߋ৽ ͪΌΜͱͨ͠ϒϩάͷ ॻ͖ํԬຊ͞Μʹʂ
ؒҧ͍ ͦͷ Α͘Θ͔ΒΜͷʹ4&0ରࡦ
ͦͷΑ͘Θ͔ΒΜͷʹ4&0ରࡦ 4&0ରࡦͷҙຯɺΘ͔͍ͬͯ·͔͢ʁ αΠτͷதΛม͑ͣʹ ॱҐΛ͋͛Δ͜ͱࢸ
ͦͷΑ͘Θ͔ΒΜͷʹ4&0ରࡦ ѱಙۀऀʹؾΛ͚ͭͯʂ ࠔͬͨΒڥా͞Μʹʂ
ؒҧ͍ ͦͷ Ͱ͖͠ͳ͍4/4ΞΧϯτ
ͦͷͰ͖͠ͳ͍4/4ΞΧϯτ ੑ࣭͕ͥΜͥΜҧ͏ ͷʹಉ͡༰ɻ ͦͯ͠खΛ͚ͳ͍ɻ ' B D F C PPL
5X JU U FS * O TU B H S BN Ξϝ ϒϩ
ؒҧ͍ ͦͷ ΞΫηεղੳΛ͍ͯ͠ͳ͍
ͦͷΞΫηεղੳΛ͍ͯ͠ͳ͍ ·ͣঢ়گΛ Ζ͏ʂ (PPHMFΞφϦςΟΫε 4FBSDI$POTPMF ώʔτϚοϓ
ؒҧ͍ ͦͷ γϯϓϧ͕͔Γ͍͢͜ͱͰͳ͍
ཧ͕ඈ༂͢Δͱ Θ͔Γʹ͍͘
ؒҧ͍ ͦͷ જࡏސ٬ͱݟࠐΈ٬͕ࠞࡏ
ͦͷݟࠐΈ٬ͱજࡏސ٬͕ࠞࡏ ݟࠐΈ٬ͷૌٻͱ જࡏސ٬ͷૌٻ ·ͬͨ͘ผɻ .͕߹͍ͬͯ·͔͢ʁ
8&#ɾ*5ɾΫϦΤΠςΟϒͷ εΩϧΛʹண͚͍ͨਓ
None
8J[DPʹ͍ͭͯ ঁ ੑ ଟΊ શ һ ૉਓ ͔Βͷ ελʔτɻ
ί ϛ ϡχ ςΟܗ ࣜͰεΩϧɺ ߟ͑ํΛʹ͚ͭΔɻ ༷ ʑ ͳಛ య͋Γ σ βΠ ϯ ɾϚʔέ ɾ8 FCͳͲ૯߹తͳֶश ݄ ԁɹମݧ͋Γ ˞৹ࠪ͋Γ
ͬͱৄ͘͠Λ ฉ͍ͯΈ͍ͨʂ
ͬͱৄ͍͠ηϛφʔ͋ΔΑʂ ݄ʢʣʙ ݸਓࣄۀओͷͨΊͷ *5ɾϗʔϜϖʔδ׆༻ ηϛφʔ ຊࢀՃऀ ԁҾ͖
·ͱΊ ਖ਼ ͠ ͘ 8FCαΠτ σ βΠ ϯॏཁ
త Λܾ ΊΑ͏ ϒ ϩ άߋ ৽͢Ε ͍͍ ͬͯ Μ͡Όͳ͍ 4 &0 ର ࡦͷ ΈΛͪΌΜͱΖ͏ 4 / 4 Ξ Χ ϯτͰ͖ͳ͍ͳΒ ։ઃ ͠ͳ͍
·ͱΊ ΞΫηεղੳΛ͠Α͏ γϯϓϧ͕͔Γ͍͢͜ͱͰͳ͍ Ͳͷސ٬ʹૌٻ͢Δ͔ߟ͑Α͏ 8FCɺ*5ɺΫϦΤΠςΟϒʹڧ͘ͳΓ͍ͨͳΒͲ͏ͧ ༵ͬͱৄ͍͠ηϛφʔΔΑʂ
ษڧʹ ͳΓ·͠ ͔ͨʁ
ษڧʹͳΓ·͔ͨ͠ʁ ೦ͳ͕Β ໌ʹΕ͍ͯ·͢ ˞ϥʔχϯάϐϥϛουͷݪཧ
ษڧʹͳΓ·͔ͨ͠ʁ ॻ͘ɺ͢ɺٞ͢ΔͳͲ ඞͣΞτϓοτΛ͠·͠ΐ͏ʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ ͪ ͳΈ ʹೣ Α Γݘ Ͱ ͢ɻ 8
FCͰ ࠔ ͬͨΒ ૬ ஊ ʹ Γ· ͢