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.4k
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
73k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
7
5.1k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
22
7.6k
タイポグラフィベーシック (+ デザインアイデア)
ixkaito
13
3.8k
WordPress の今とこれから
ixkaito
1
1.8k
世界で一人しかできない WordPress コアを写経する話 ― 修行の先に見たものとは?
ixkaito
5
14k
WordPress の今とこれから
ixkaito
4
2.5k
Let's Think about Right Answers of Design and UI/UX
ixkaito
0
370
ブラウザのデフォルトスタイルを見てみよう
ixkaito
3
1.5k
Other Decks in Programming
See All in Programming
AI時代の開発者評価について
ayumuu
0
150
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
170
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.4k
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
150
Exit 8 for SwiftUI
ojun9
0
130
スモールスタートで始めるためのLambda×モノリス(Lambdalith)
akihisaikeda
2
280
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
3
840
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
kubode
1
130
AHC045_解説
shun_pi
0
530
サービスレベルを管理してアジャイルを加速しよう!! / slm-accelerate-agility
tomoyakitaura
1
180
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
440
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Agile that works and the tools we love
rasmusluckow
328
21k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Thoughts on Productivity
jonyablonski
69
4.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Visualization
eitanlees
146
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
104
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
4 Signs Your Business is Dying
shpigford
183
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
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