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
72k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
7
5k
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
330
ブラウザのデフォルトスタイルを見てみよう
ixkaito
3
1.5k
Other Decks in Programming
See All in Programming
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
6
4k
Linux && Docker 研修/Linux && Docker training
forrep
24
4.5k
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
560
Amazon Bedrock Multi Agentsを試してきた
tm2
1
290
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
320
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.4k
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
Domain-Driven Transformation
hschwentner
2
1.9k
SpringBoot3.4の構造化ログ #kanjava
irof
2
990
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
900
技術を根付かせる / How to make technology take root
kubode
1
250
DROBEの生成AI活用事例 with AWS
ippey
0
130
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Practical Orchestrator
shlominoach
186
10k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How STYLIGHT went responsive
nonsquared
98
5.4k
Music & Morning Musume
bryan
46
6.3k
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