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
WordBench京都3月 WordPress公式テーマを作成してみてからの変化 #wbkyoto
Search
SaoriMiyazaki
March 25, 2018
0
2k
WordBench京都3月 WordPress公式テーマを作成してみてからの変化 #wbkyoto
SaoriMiyazaki
March 25, 2018
Tweet
Share
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
KATA
mclloyd
14
12k
Visualization
eitanlees
135
14k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Designing for Performance
lara
601
67k
Fireside Chat
paigeccino
20
2.6k
The Mythical Team-Month
searls
215
42k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Web Components: a chance to create the future
zenorocha
305
41k
GitHub's CSS Performance
jonrohan
1024
450k
Done Done
chrislema
178
15k
Transcript
8PSE1SFTTެࣜςʔϚΛ ࡞ͬͯΈ͔ͯΒͷมԽ
ࠓ͓͢͠Δ͜ͱ w 8PSE1SFTTͷެࣜςʔϚ࡞Λܦݧͯ͠ΈͯɺΫ ϥΠΞϯτϫʔΫʹ׆͔ͤΔͱࢥͬͨͱ͜Ζɻ w ެࣜσΟϨΫτϦͰςʔϚΛެ։ͨ͠ΒࢥͬͨΑΓ ָ͔ͬͨ͠ʂ
ࣗݾհ w ٶ࡚͓͞Γ w ීஈ໊ݹͷ੍࡞ձࣾͰϚʔΫΞοϓ 8PSE1SFTTΛͬͨ$.4Λߏங͢Δ͓ ࣄΛ͍ͯ͠·͢ɻ w ͖Ͱ͢ɻѪݘμοΫεϑϯυɻ
!NFNPDB@
w 8PSE1SFTTͷΧελϚΠζํ๏ͳͲΛॻ͍ͯΔϒϩάΛӡӦɻ w υϩϫʔϝχϡʔΛ؆୯ʹ࡞ΕΔ8PSE1SFTTͷϓϥάΠϯΛ࡞ͬͨ Γ͠·ͨ͠ɻ
࡞ͬͨςʔϚ ʮNPDBʯϒϩάΛॻͨ͘ΊͷγϯϓϧͳςʔϚ IUUQTXPSEQSFTTPSHUIFNFTNPDB
ςʔϚ໊ͷmocaͱ͍͏ͷѪݘͷ໊લͰ͢ɻ
ϒϩά༻ͷެࣜςʔϚ࡞ͬͯ ΫϥΠΞϯτϫʔΫʹ ׆͔ͤΔͷʁ ެࣜςʔϚ࡞ͬͨ͜ͱ͕ͳͯ͘8PSE1SFTTΛͬͨ $.4ͷߏஙͰ͖Δʜ
w ެࣜςʔϚʹొ͞ΕΔʹ8PSE1SFTTͷنఆʹ Ԋ͍ͬͯΔ͔ϨϏϡʔΛड͚௨ա͠ͳ͍ͱ͍͚ͳ͍ w IUUQTNBLFXPSEQSFTTPSHUIFNFT IBOECPPLSFWJFXSFRVJSFE w ྫʣςʔϚʹػೳతͳ͜ͱΛؚΊ͍͚ͯͳ͍ w ྫʣ8PSE1SFTTͷಠࣗͷΫϥεΛελΠϧγʔτ
ʹઃఆ͓͔ͯ͠ͳ͍͚ͯ͘ͳ͍ͳͲ
w 5IFNF$IFDLͱ͍͏ϓϥάΠϯͰςʔϚ͕نఆʹ Ԋ͍ͬͯΔ͔ΛνΣοΫͰ͖Δ w IUUQTXPSEQSFTTPSHQMVHJOTUIFNFDIFDL
ඞવͱ8PSE1SFTTͷඪ४ػೳ ίʔυͷॻ͖ํΛษڧ͢Δ͜ͱʹ
8PSE1FTT͕༻ҙ͍ͯ͠Δศརؔ ศརඪ४ػೳΛ৽ͨʹΔػձʹ Կؾͳ͘ΧελϚΠζ͖͚ͯͨ͠ͲΒͳ͍ػೳ͚ͬͯͬ ͜͏͋Δ Θ͟Θ͟ίʔυॻ͍ͨΓ͠ͳͯ͘8PSE1SFTT͕༻ҙ͠ ͯ͘ΕͯΔػೳΛ͑Α͔ͬͨΜͩ ˣ
8PSE1SFTTͷඪ४༷ΛΔͨΊʹɺ σϑΥϧτςʔϚଞͷެࣜςʔϚͷίʔ υΛࢀߟʹͨ͠ σϑΥϧτςʔϚଞͷެࣜςʔϚίʔυ͕ప ఈͯ͠ύʔπԽ͞Ε͍ͯͨɻ ύʔπԽ͓ͯ͘͠ͱޙʑͷίʔυཧָ͕ʂ ˣ
ΫϥΠΞϯτϫʔΫͰ͏ͱ ศརͩͳͱࢥͬͨػೳ ͜Μͳػೳ͋ͬͨΜͩʂ͓ࣄͰͬͨΒศརͩͳͱ ࢥͬͨػೳؔΛ͍͔ͭ͘հ
ΧελϜϩΰ ϩΰը૾Λ؆୯ʹొɾݺͼग़͕͠Ͱ͖ΔΑ͏ʹͳΔػೳɻ ςʔϚͷGVODUJPOTQIQʹҎԼͷΑ͏ʹػೳՃ͢Δهड़Λ͢Δ͚ͩ BEE@UIFNF@TVQQPSU DVTUPNMPHP BSSBZ XJEUI
IFJHIU qFYXJEUIUSVF IUUQTDPEFYXPSEQSFTTPSH5IFNF@-PHP
ΧελϚΠβʔ͔Βϩΰը૾͕ ొͰ͖ΔΑ͏ʹ
ϩΰͷݺͼग़͠ DVTUPN@MPHP@JEHFU@UIFNF@NPE DVTUPN@MPHP JNBHFXQ@HFU@BUUBDINFOU@JNBHF@TSD DVTUPN@MPHP@JE GVMM FDIPJNBHF<>
ҎԼͷΑ͏ͳهड़Ͱ ϩΰը૾ͷ63-Λݺͼग़ͤΔΑ͏ʹ
Α͘ཁͷ͋Δཧը໘ͷϩΰΛมߋ͍ͨ͠ͱ͍͏ ΧελϚΠζָʹʂ
GVODUJPODVTUPN@MPHJO@MPHP \ DVTUPN@MPHP@JEHFU@UIFNF@NPE DVTUPN@MPHP JNBHFXQ@HFU@BUUBDINFOU@JNBHF@TSD DVTUPN@MPHP@JE GVMM
JG FNQUZ JNBHF<> \ TUZMFUZQFUFYUDTT MPHJOIB\ CBDLHSPVOEJNBHFVSM QIQFDIPFTD@BUUS JNBHF<> CBDLHSPVOETJ[FDPOUBJO ^ TUZMF QIQ^ ^ BEE@BDUJPO MPHJO@FORVFVF@TDSJQUT DVTUPN@MPHJO@MPHP <ཧը໘ͷϩΰΛมߋ͢Δίʔυ> GVODUJPOTQIQʹҎԼͷΑ͏ͳهड़Λ͠·͢ɻ
αΠτΞΠίϯ ΧελϚΠβʔ͔Βը૾Λొ͢Δ͚ͩͰ ϑΝϏίϯͱΞϓϦΞΠίϯͷઃఆΛͯ͘͠ΕΔ
8PSE1SFTTͷجຊػೳͳͷͰσϑΥϧτͰ༻Մೳ εϚϗ༻ͷΞΠίϯΛදࣔ͢Δίʔυੜ͞ΕΔʂ
QPTU@DMBTT ؔ QIQQPTU@DMBTT ͱॻ͍ͨͱ͜Ζʹɺهࣄ*%Χ ςΰϦεϥοάͳͲͷΫϥεΛදࣔͯ͘͠ΕΔؔɻ ެࣜςʔϚʹඞਢͷؔ IUUQTXQEPDTPTEOKQ&&#&&"$ &#$&&#'&#QPTU@DMBTT
ΧςΰϦهࣄ͝ͱʹσβΠϯΛม͍͑ͨͱ͖ʹศར ΞΠΩϟονը૾Λ͍࣋ͬͯΔ͔ɺߘλΠϓͳͲ۠ผ͢Δ ΫϥεΛදࣔͯ͘͠ΕΔɻৄ͘͠$PEFYΛࢀর
ϒϩάςʔϚͷ࡞Ͱɺ͓ࣄͰ׆͔ͤΔ ͨ͘͞Μͷݟ͕ಘΒΕͨʂ 8PSE1SFTTͬͯΑ͘ߟ͑ΒΕ͍ͯͯ͢͝ͱվΊͯೝࣝ ˣ 8PSE1SFTTͷػೳΛ৽͘͠Δ͜ͱͰΧελϚΠζ ·ָͨ͘͠ͳ͖ͬͯͨ
ςʔϚ͕ެ։͞ΕͨޙͲ͏ͩͬͨͷ͔ ެࣜͰςʔϚΛ͔ͯ͠ΒͷมԽ ͜͜·Ͱ࡞͢Δ͜ͱͰಘΒΕͨ͜ͱʜ
ެ։͞ΕͨΒࠃ֎ɾࠃͷϢʔ βʔ͞Μ͔ΒԠ͕͋ͬͨ ͦΜͳ͙͢ʹͬͯΒ͑Δͱࢥ͍ͬͯͳ͔ͬͨͷͰ ͼͬ͘Γ
Ϣʔβʔ͞ΜͷԠ ެ։͞Ε͙ͯ͢ɺαϜωΠϧ෦ʹදࣔͯ͠ΔͳͲΛ දࣔ͠ͳ͍Α͏ʹͰ͖ΔΑ͏ʹͯ͠΄͍͠ͱ͍͏ɺ ཁΛݟΒ͵֎ࠃͷਓʹΒͬͨΓɺ
Ϣʔβʔ͞ΜͷԠ ެ։ͯ͠͠Βͯ͘͠ɺJ04Ͱද่͕ࣔΕ͍ͯΔͱ͍ ͏ใࠂͷϝʔϧΛݟΒ͵֎ࠃͷਓʹΒͬͨΓɺ ࣗͰؾ͔ͮͳ͔ͬͨ ද่ࣔΕΛڭ͑ͯΒ͑ͨ
Ϣʔβʔ͞ΜͷԠ ςʔϚΛͬͯΈ·ͨ͠ͱπΠολʔͰϦϓϥΠΛ ΒͬͨΓ
͕ࣗ࡞ͬͨͷΛݟΒ͵୭͔͕ͬ ͯ͘ΕͯɺͦͷײཁΛૹͬͯ͘ ΕΔͷ͍ͬͯ͢͝ʂ ˣ ΠϯλʔωοτΛ͡Ίͨࠒͷɺ Βͳ͍୭͔ͱͭͳ͕ͬͯੈք͕ͻΖ͕Δײ͡Λ ͪΐͬͱࢥ͍ग़ͯ͠Θ͘Θ͘ ??
8PSE1SFTTެࣜσΟϨΫτϦͰ ެ։͢Δ͜ͱͷΑ͞ ެࣜςʔϚͰͳͯ͘ެ։ͯ͠Ͱ͖Δ
ެࣜͰެ։͞Εͨ࣌ɺ 8PSE1SFTTPSHͷ্ͷํʹͷͤͯΒ͑ΔͷͰ ੈքதͷͨ͘͞ΜͷਓʹଘࡏΛͬͯΒ͑Δ
͚ͬ͜͏μϯϩʔυͯ͠Β͑Δͷ͕ ͱͯخ͍͠ʢϞνϕʔγϣϯ61ʂʣ ެ։ͱಉ࣌ʹͨ͘͞Μ μϯϩʔυͯ͠Β͑Δ "DUJWF*OTUBMMTݟΕͯ ͬͯ͘ΕͯΔਓ͕͍Δͷ͕ Θ͔ͬͯ͏Ε͍͠
ެࣜσΟϨΫτϦʹొ͞Εͨͱ ϒϩάͱSNSͰใࠂͨ͠Β͍͢͝ͱݴͬͯΒ͑ͨ
8PSE1SFTTͷ͜ͱΛΑ͘Δ ϨϏϡϫʔ͞ΜʹςʔϚΛνΣοΫͯ͠Β͍ɺ मਖ਼ͷΞυόΠεΒ͑Δ
·ͱΊ w Βͳ͍͜ͱΛΔͷָ͍͠ w ৽͍͜͠ͱʹઓ͢Δͱॳ৺Λࢥ͍ग़ͤͯΑ͍ w ઓ͠ͳ͍ͱΘ͔Βͳ͍͜ͱ͕͋ΔͷͰ͍Ζ͍Ζ νϟϨϯδͯ͠Έ·͠ΐ͏ʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ