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
What's New in Twenty Seventeen
Search
Kite
January 21, 2017
Programming
3
7.3k
What's New in Twenty Seventeen
WordPress 4.7 では 多くの新機能が追加されました。
最新のデフォルトテーマ Twenty Seventeen を使って それらを最大限に体験してみよう。
Kite
January 21, 2017
Tweet
Share
More Decks by Kite
See All by Kite
個人からチームまで、情報・タスク管理の一元化はNotionにお任せ!
ixkaito
13
71k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
7
5k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
22
7.5k
タイポグラフィベーシック (+ デザインアイデア)
ixkaito
13
3.7k
WordPress の今とこれから
ixkaito
1
1.7k
世界で一人しかできない WordPress コアを写経する話 ― 修行の先に見たものとは?
ixkaito
5
14k
WordPress の今とこれから
ixkaito
4
2.5k
Let's Think about Right Answers of Design and UI/UX
ixkaito
0
300
ブラウザのデフォルトスタイルを見てみよう
ixkaito
3
1.5k
Other Decks in Programming
See All in Programming
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.2k
Realtime API 入門
riofujimon
0
150
Amazon Qを使ってIaCを触ろう!
maruto
0
390
EventSourcingの理想と現実
wenas
6
2.3k
距離関数を極める! / SESSIONS 2024
gam0022
0
210
subpath importsで始めるモック生活
10tera
0
210
RubyLSPのマルチバイト文字対応
notfounds
0
110
Snowflake x dbtで作るセキュアでアジャイルなデータ基盤
tsoshiro
2
510
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
1
230
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
1
520
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.1k
現場で役立つモデリング 超入門
masuda220
PRO
15
3.1k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Building an army of robots
kneath
302
42k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
830
Code Review Best Practice
trishagee
64
17k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Transcript
IN TWENTY SEVENTEEN WHAT’S NEW ࠷৽ͷσϑΥϧτςʔϚ Twenty Seventeen ͔ΒݟΔ WordPress
ͷ৽ػೳ
Kite KITERETZ inc. CEO & Founder ! kite.koga " ixkaito
# ixkaito Web & graphic designer Programmer WordPress core contributor Ruby on Rails contributor React contributor Wocker developer Bathe developer Frasco developer
8PSE1SFTTͰ ଟ͘ͷ৽ػೳ͕Ճ͞Ε·ͨ͠ɻ ࠷৽ͷσϑΥϧτςʔϚ 5XFOUZ4FWFOUFFOΛͬͯ ͦΕΒΛ࠷େݶʹମݧͯ͠ΈΑ͏ɻ 4.7& TWENTY SEVENTEEN
CONTENTS 8PSE1SFTTͷਪಈ࡞ڥ 0 5XFOUZ4FWFOUFFOͱ 1 ॳΊͯGSPOUQBHFQIQΛ࠾༻ 2 ςʔϚελʔλʔίϯςϯπ 3 ฤूγϣʔτΧοτ
4 ಈըϔομʔ 5 ΧελϜ$44 6 1%'αϜωΠϧϓϨϏϡʔ 7 ϢʔβʔผμογϡϘʔυݴޠ 8 get_theme_file_uri() 9
8PSE1SFTTͷਪಈ࡞ڥ ˙ 1)1όʔδϣϯҎ্ ˙ .Z42-όʔδϣϯҎ্·ͨ.BSJB%#όʔδϣϯҎ্ ˙ )5514αϙʔτ ͳ͔ͥIUUQTKBXPSEQSFTTPSHʹͳ͍ ඞਢͰ͋Γ·ͤΜ͕ɺΑΓྑ͍ηΩϡϦςΟͷͨΊʹਪ͠·͢ɻ
5XFOUZ4FWFOUFFOͱ 8PSE1SFTTʹՃ͞ΕͨσϑΥϧτςʔϚɻ σϑΥϧτςʔϚͱͯ͠ ॳΊͯຊ֨తϏδωεαΠτ͚ʹ࡞ΒΕ͍ͯ·͢ɻ
5XFOUZ4FWFOUFFOͰݻఆϖʔδΛϑϩϯτϖʔδͱͯ͠ར༻͘͢͠ͳΓ·ͨ͠ɻϑϩϯτϖʔδηΫγϣϯػ ೳΛར༻͢Δ͜ͱʹΑͬͯɺ࠷େͭͷݻఆϖʔδΛՃͰϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱ͕ՄೳͰ͢ɻߘϖʔδ ͱͯ͠ઃఆͨ͠ݻఆϖʔδΛϑϩϯτϖʔδηΫγϣϯʹՃ͢Δ͜ͱʹΑͬͯɺݻఆϑϩϯτϖʔδΛઃఆ্ͨ͠ Ͱ࠷৽ߘͷҰ෦Λϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱՄೳͰ͢ɻͳ͓ɺϑϩϯτϖʔδʹݻఆϖʔδΛઃఆ͍ͯ͠ ͳ͍߹ɺ5XFOUZ4FWFOUFFOJOEFYQIQΛ͏Α͏ʹ͍ͯ͠·͢ GVODUJPOTQIQߦ͋ͨΓ ɻ σϑΥϧτςʔϚͰ ॳΊͯGSPOUQBHFQIQΛ࠾༻
ςʔϚελʔλʔίϯςϯπ ৽نαΠτͷΧελϚΠζΛ࢝ΊΔ ͱɺ࠷ॳͷ͔ͬ͠Γͨ͠ܗͱͯ͠ ςʔϚ͝ͱʹελʔλʔίϯςϯπ ͕ఏڙ͞Ε·͢ɻελʔλʔίϯς ϯπɺ࠷దͳॴʹϏδωεใ ΟδΣοτΛஔ͢Δͷ͔Βɺ ඒ͍͠ը૾ͷ੩తϑϩϯτϖʔδʹ ϦϯΫ͢ΔιʔγϟϧΞΠίϯ͖ ͷαϯϓϧϝχϡʔ·ͰଟذʹΘͨ
Γ·͢ɻͨͩ҆͠͝৺Λɻ࠷ॳͷςʔ ϚઃఆΛอଘ͠ެ։͢Δ·Ͱɺ࣮ࡍ ͷڥʹө͞Ε·ͤΜɻ
ฤूγϣʔτΧοτ ϥΠϒϓϨϏϡʔ࣌ɺαΠτͷதͰΧελ ϚΠζՄೳͳॴʹγϣʔτΧοτΞΠί ϯ͕දࣔ͞Ε·͢ɻΞΠίϯΛΫϦοΫ͢ Εɺ͙͢ʹฤूΛ࢝ΊΒΕ·͢ɻελʔ λʔίϯςϯπͱͷΈ߹ΘͤʹΑΓɺ͜ Ε·ͰҎ্ʹૉૣ͘αΠτΛΧελϚΠζ Ͱ͖·͢ɻ
ಈըϔομʔ ࣌ʹɺಈ͘ϔομʔը૾ͱͯ͠ͷɺ େ͖ͳಠಛͷงғؾ͕͋Δಈը࠽ ೳͷݟͤॴʹͳΓ·͢ɻ5XFOUZ 4FWFOUFFO Λ͓ࢼ͍ͩ͘͠͞ɻಈ ըͷΠϯεϐϨʔγϣϯ͕ඞཁͰ͢ ͔ μϯϩʔυͰ͖Δಈըϔομʔ ͷ͋ΔαΠτΛݕࡧ͠ɺͬͯΈͯ
͍ͩ͘͞ɻ
εϜʔζͳϝχϡʔ࡞ αΠτͷଟ͘ͷϝχϡʔʹݻఆ ϖʔδͷϦϯΫΛؚΉͷͰ͢ ͕ɺ·ͬͨ͘ݻఆϖʔδ͕ͳ͔ͬ ͨͱͨ͠ΒͲ͏ͳΔͰ͠ΐ͏͔ ࠓͰϝχϡʔΛ࡞͢Δؒʹɺ ΧελϚΠβʔ͔ΒΕɺมߋΛ ഁغ͢Δ͜ͱͳ͘ɺ ݻఆϖʔδΛ
Ճ͢Δ͜ͱ͕Ͱ͖·͢ɻΧελ ϚΠζͨ͠༰Λެ։͢Δͱɺί ϯςϯπͰ͍ͬͺ͍ʹ͢Δ४උ͕ Ͱ͖ͨ৽نݻఆϖʔδ͕ग़དྷ্͕ Γ·͢ɻ
ΧελϜ$44 ࣌ʹαΠτΛᘳʹ͢ΔͨΊʹϏδϡΞϧ ͷඍௐ͕ඞཁͱͳΓ·͢ɻ8PSE1SFTT ʹΑΓɺΧελϜ $44 ΛՃͯ͠ɺ͙͢ʹα Πτ͕ͲͷΑ͏ʹมߋ͞ΕΔͷ͔ΛݟΔ͜ͱ ͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ϥΠϒϓϨϏϡʔ
ͰɺϖʔδΛϦϑϨογϡͯ͠εϐʔυΛ མͱ͢͜ͱͳ͘ɺ͘͢࡞ۀ͢Δ͜ͱ͕Ͱ ͖·͢ɻ
1%'αϜωΠϧϓϨϏϡʔ υΩϡϝϯτίϨΫγϣϯͷཧ 8PSE1SFTTͰΑΓ؆୯ʹͳΓ·͢ɻ1%' ΛΞοϓϩʔυ͢ΔͱαϜωΠϧը૾͕࡞ ͞Εɺͯ͢ͷυΩϡϝϯτͷதͰΑΓ༰қ ʹ۠ผͰ͖ΔΑ͏ʹͳΓ·͢ɻ
Ϣʔβʔผ μογϡϘʔυݴޠ αΠτ͕ͻͱͭͷݴޠͰ͋Δ͔Βͱ ݴͬͯɺͦͷαΠτΛཧ͢Δ୭ ͕ཧը໘ͷͦͷݴޠΛΜͰ͍Δ ͜ͱΛҙຯ͠·ͤΜɻαΠτʹΑΓ ଟ͘ͷݴޠΛՃ͢ΔͱɺϢʔβʔ ϓϩϑΟʔϧʹϢʔβʔݴޠઃఆ͕ දࣔ͞Ε·͢ɻ
get_theme_file_uri() wp_enqueue_script( 'my-script', get_theme_file_uri( 'js/my-script.js' ) ); ্هͷίʔυɺࢠςʔϚʹ js/my-script.js ͕ଘࡏ͢Δ߹ɺͦͷ
URL Λऔಘ͠ɺଘࡏ͠ͳ͍߹ ςʔϚͷ js/my-script.js ͷ URL Λऔಘ͠·͢ɻ͜ΕʹΑΓɺςʔϚͰಡΈࠐΉϑΝΠϧΛࢠ ςʔϚͰ؆୯ʹ্ॻ͖Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ɻͪΖΜɺࢠςʔϚ͕ΘΕ͍ͯͳ͍߹ςʔ Ϛͷ URL Λऔಘ͠·͢ɻ
THANK YOU