$30 off During Our Annual Pro Sale. View Details »

WordPress の今とこれから

Kite
June 24, 2017

WordPress の今とこれから

2016年12月6日に WordPress 4.7 がリリースされ、それと同時に最新のデフォルトテーマ Twenty Seventeen が同梱されました。さらに、2017年6月8日にはバージョン4.8もリリースされました。

どちらのアップデートにもユーザや開発者にとって魅力的な新機能が多く、Twenty Seventeen もこれまでのデフォルトテーマとは一線を画し、ビジネスサイト向けにデザインされており、WordPress の新たな可能性を提案してくれる存在となっています。

これらの最新機能をまとめて紹介したうえで、WordPress の向かう先を一緒に見据えましょう。

Kite

June 24, 2017
Tweet

More Decks by Kite

Other Decks in Programming

Transcript

  1. NOW & THE FUTURE
    WORDPRESS
    8PSE1SFTTͷࠓͱ͜Ε͔Β

    View Slide

  2. 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

    View Slide

  3. ੈքҰΘ͔Γ΍͍͢
    8PSE1SFTT
    ಋೖͱ
    αΠτ੍࡞ͷ
    ڭՊॻ
    ൃച
    ஶऀɿ҆౻ಞ࢙ɼԬຊलߴɼݹլւਓɼਂ୔޾࣏࿠
    https://www.amazon.co.jp/dp/4774190292/

    View Slide

  4. CONTENTS
    8PSE1SFTT
    1
    5XFOUZ4FWFOUFFO
    2
    ίΞϦϦʔεαΠΫϧͷมߋ
    3
    8PSE1SFTT
    4
    ࠓޙͷಈ޲
    5

    View Slide

  5. ೥݄೔ʹϦϦʔε͞Εɺ
    ೥ʹ޲͚ͯɺଟ͘ͷ৽ػೳ͕௥Ճ͞Ε
    ·ͨ͠ɻ
    4.7
    WORDPRESS
    1

    View Slide

  6. 8PSE1SFTT͔Βͷਪ঑ಈ࡞؀ڥ
    ˙ 1)1όʔδϣϯҎ্
    ˙ .Z42-όʔδϣϯҎ্·ͨ͸.BSJB%#όʔδϣϯҎ্
    ˙ )5514αϙʔτ ͳ͔ͥIUUQTKBXPSEQSFTTPSHʹ͸ͳ͍

    View Slide

  7. ςʔϚελʔλʔίϯςϯπ
    ৽نαΠτͷΧελϚΠζΛ࢝ΊΔ
    ͱɺ࠷ॳͷ͔ͬ͠Γͨ͠਽ܗͱͯ͠
    ςʔϚ͝ͱʹελʔλʔίϯςϯπ
    ͕ఏڙ͞Ε·͢ɻελʔλʔίϯς
    ϯπ͸ɺ࠷దͳ৔ॴʹϏδωε৘ใ
    ΢ΟδΣοτΛ഑ஔ͢Δ΋ͷ͔Βɺ
    ඒ͍͠ը૾ͷ੩తϑϩϯτϖʔδʹ
    ϦϯΫ͢ΔιʔγϟϧΞΠίϯ෇͖
    ͷαϯϓϧϝχϡʔ·ͰଟذʹΘͨ
    Γ·͢ɻͨͩ҆͠͝৺Λɻ࠷ॳͷςʔ
    ϚઃఆΛอଘ͠ެ։͢Δ·Ͱɺ࣮ࡍ
    ͷ؀ڥʹ͸൓ө͞Ε·ͤΜɻ

    View Slide

  8. ฤूγϣʔτΧοτ
    ϥΠϒϓϨϏϡʔ࣌ɺαΠτͷதͰΧελ
    ϚΠζՄೳͳ৔ॴʹγϣʔτΧοτΞΠί
    ϯ͕දࣔ͞Ε·͢ɻΞΠίϯΛΫϦοΫ͢
    Ε͹ɺ͙͢ʹฤूΛ࢝ΊΒΕ·͢ɻελʔ
    λʔίϯςϯπͱͷ૊Έ߹ΘͤʹΑΓɺ͜
    Ε·ͰҎ্ʹૉૣ͘αΠτΛΧελϚΠζ
    Ͱ͖·͢ɻ

    View Slide

  9. ಈըϔομʔ
    ࣌ʹ͸ɺಈ͘ϔομʔը૾ͱͯ͠ͷɺ
    େ͖ͳಠಛͷงғؾ͕͋Δಈը͸࠽
    ೳͷݟͤॴʹͳΓ·͢ɻ5XFOUZ
    4FWFOUFFO Λ͓ࢼ͍ͩ͘͠͞ɻಈ
    ըͷΠϯεϐϨʔγϣϯ͕ඞཁͰ͢
    ͔ μ΢ϯϩʔυͰ͖Δಈըϔομʔ
    ͷ͋ΔαΠτΛݕࡧ͠ɺ࢖ͬͯΈͯ
    ͍ͩ͘͞ɻ

    View Slide

  10. εϜʔζͳϝχϡʔ࡞੒ αΠτͷଟ͘ͷϝχϡʔʹ͸ݻఆ
    ϖʔδ΁ͷϦϯΫΛؚΉ΋ͷͰ͢
    ͕ɺ·ͬͨ͘ݻఆϖʔδ͕ͳ͔ͬ
    ͨͱͨ͠ΒͲ͏ͳΔͰ͠ΐ͏͔
    ࠓͰ͸ϝχϡʔΛ࡞੒͢Δؒʹɺ
    ΧελϚΠβʔ͔Β཭ΕɺมߋΛ
    ഁغ͢Δ͜ͱͳ͘ɺ ݻఆϖʔδΛ
    ௥Ճ͢Δ͜ͱ͕Ͱ͖·͢ɻΧελ
    ϚΠζͨ͠಺༰Λެ։͢Δͱɺί
    ϯςϯπͰ͍ͬͺ͍ʹ͢Δ४උ͕
    Ͱ͖ͨ৽نݻఆϖʔδ͕ग़དྷ্͕
    Γ·͢ɻ

    View Slide

  11. ΧελϜ$44
    ࣌ʹ͸αΠτΛ׬ᘳʹ͢ΔͨΊʹϏδϡΞϧ
    ͷඍௐ੔͕ඞཁͱͳΓ·͢ɻ8PSE1SFTT
    ʹΑΓɺΧελϜ $44 Λ௥Ճͯ͠ɺ͙͢ʹα
    Πτ͕ͲͷΑ͏ʹมߋ͞ΕΔͷ͔ΛݟΔ͜ͱ
    ͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ϥΠϒϓϨϏϡʔ
    Ͱ͸ɺϖʔδΛϦϑϨογϡͯ͠εϐʔυΛ
    མͱ͢͜ͱͳ͘ɺ͢͹΍͘࡞ۀ͢Δ͜ͱ͕Ͱ
    ͖·͢ɻ

    View Slide

  12. 1%'αϜωΠϧϓϨϏϡʔ
    υΩϡϝϯτίϨΫγϣϯͷ؅ཧ͸
    8PSE1SFTTͰΑΓ؆୯ʹͳΓ·͢ɻ1%'
    ΛΞοϓϩʔυ͢ΔͱαϜωΠϧը૾͕࡞੒
    ͞Εɺ͢΂ͯͷυΩϡϝϯτͷதͰΑΓ༰қ
    ʹ۠ผͰ͖ΔΑ͏ʹͳΓ·͢ɻ

    View Slide

  13. Ϣʔβʔผ

    μογϡϘʔυݴޠ
    αΠτ͕ͻͱͭͷݴޠͰ͋Δ͔Βͱ
    ݴͬͯɺͦͷαΠτΛ؅ཧ͢Δ୭΋
    ͕؅ཧը໘ͷͦͷݴޠΛ޷ΜͰ͍Δ
    ͜ͱΛҙຯ͠·ͤΜɻαΠτʹΑΓ
    ଟ͘ͷݴޠΛ௥Ճ͢ΔͱɺϢʔβʔ
    ϓϩϑΟʔϧʹϢʔβʔݴޠઃఆ͕
    දࣔ͞Ε·͢ɻ

    View Slide

  14. get_theme_file_uri()
    wp_enqueue_script( 'my-script', get_theme_file_uri( 'js/my-script.js' ) );
    ্هͷίʔυ͸ɺࢠςʔϚʹKTNZTDSJQUKT͕ଘࡏ͢Δ৔߹ɺͦͷ63-Λऔಘ͠ɺଘࡏ͠ͳ͍৔
    ߹͸਌ςʔϚͷKTNZTDSJQUKTͷ63-Λऔಘ͠·͢ɻ͜ΕʹΑΓɺ਌ςʔϚͰಡΈࠐΉϑΝΠϧ
    ΛࢠςʔϚͰ؆୯ʹ্ॻ͖Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ɻ΋ͪΖΜɺࢠςʔϚ͕࢖ΘΕ͍ͯͳ͍৔߹͸
    ਌ςʔϚͷ 63- Λऔಘ͠·͢ɻ΋͏΄ͱΜͲ get_stylesheet_directory_uri() ΍

    get_template_directory_uri()Λ࢖͏ඞཁ͕ͳ͍͔΋͠Ε·ͤΜɻ

    View Slide

  15. 2
    5XFOUZ4FWFOUFFOͱ͸
    8PSE1SFTTʹ௥Ճ͞ΕͨσϑΥϧτςʔϚɻ
    σϑΥϧτςʔϚͱͯ͠͸

    ॳΊͯຊ֨తϏδωεαΠτ޲͚ʹ࡞ΒΕ͍ͯ·͢ɻ

    View Slide

  16. 5XFOUZ4FWFOUFFOͰ͸ݻఆϖʔδΛϑϩϯτϖʔδͱͯ͠ར༻͠΍͘͢ͳΓ·ͨ͠ɻϑϩϯτϖʔδηΫγϣϯػ
    ೳΛར༻͢Δ͜ͱʹΑͬͯɺ࠷େͭͷݻఆϖʔδΛ௥ՃͰϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱ͕ՄೳͰ͢ɻ౤ߘϖʔδ
    ͱͯ͠ઃఆͨ͠ݻఆϖʔδΛϑϩϯτϖʔδηΫγϣϯʹ௥Ճ͢Δ͜ͱʹΑͬͯɺݻఆϑϩϯτϖʔδΛઃఆ্ͨ͠
    Ͱ࠷৽౤ߘͷҰ෦Λϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱ΋ՄೳͰ͢ɻͳ͓ɺϑϩϯτϖʔδʹݻఆϖʔδΛઃఆ͍ͯ͠
    ͳ͍৔߹ɺIPNFQIQ͕͋Ε͹IPNFQIQɺͳ͚Ε͹JOEFYQIQΛ࢖͏Α͏ʹ͍ͯ͠·͢ GVODUJPOTQIQߦ
    ໨͋ͨΓͷهड़Λࢀߟ
    ɻ
    σϑΥϧτςʔϚͰ
    ॳΊͯGSPOUQBHFQIQΛ࠾༻

    View Slide

  17. 3ίΞϦϦʔεαΠΫϧͷมߋ
    ͜Ε·Ͱɺ8PSE1SFTT ίΞͷϝδϟʔόʔδϣϯͷϦϦʔε͸͓͓
    Αͦʙϲ݄ͱεέδϡʔϧ͕ܾ·͍ͬͯ·ͨ͠ɻ
    ͔͠͠ɺ4UBUFPGUIF8PSEʹͯɺ.BUU͸͜ͷํ਑ͷมߋΛ
    ൃද͠·ͨ͠ɻࠓޙ͸ɺUPEP Ϧετʹ͋Δ͍͔ͭ͘ͷେ͖ͳ߲໨
    ʹऔΓ૊Έɺͦͷػೳ͕׬੒ͨ͠Βϝδϟʔόʔδϣϯͱͯ͠ϦϦʔ
    ε͢ΔɺϓϩδΣΫτϕʔεͷϦϦʔεαΠΫϧʹมߋ͞Ε·ͨ͠ɻ

    View Slide

  18. ೥݄೔ʹϦϦʔε͞Ε·ͨ͠ɻ
    ͞Βʹ௚ײతʹ8PSE1SFTTΛ࢖͑Δ
    Α͏ɺϢʔβʔͷ͜ͱΛ೦಄ʹஔ͍ͨ
    ΞοϓσʔτʹͳΓ·ͨ͠ɻ
    4.8
    WORDPRESS

    View Slide

  19. *OUFSOFU&YQMPSFS ͷαϙʔτऴྃ
    .JDSPTPGU͕೥݄ʹ*& ͷαϙʔτΛऴྃͨ͜͠ͱΛ͏͚ɺ
    8PSE1SFTTҎ߱ͷ৽͍͠ػೳɺͨͱ͑͹৽͍͠ΤσΟλͳͲ͸ɺ͜
    ΕΒͷݹ͍*&Ͱͷςετ͸ߦΘΕͳ͘ͳΓ·ͨ͠ɻ

    View Slide

  20. ը૾ɺಈըɺԻ੠ɺϦονςΩετ΢ΟδΣοτ
    ΢ΟδΣοτ΁ͷը૾ɺಈըɺԻ
    ੠ͷ௥Ճ͕ɺ8PSE1SFTTϢʔβʔ
    ͷ୭΋͕ߦ͑Δγϯϓϧͳ࡞ۀͱ
    ͳΓ·ͨ͠ɻ΢ΟδΣοτઃఆ಺
    ͰϑΝΠϧΛૠೖ͢Δ͚ͩͰ͢ɻ
    ͞ΒʹɺϦονςΩετฤूػೳ
    ͕ɺςΩετ΢ΟδΣοτʹඪ४
    ૷උͱͳΓ·ͨ͠ɻϦετΛ࡞੒
    ͨ͠ΓɺڧௐΛ௥Ճͨ͠Γɺ؆୯
    ʹ͢͹΍͘ϦϯΫΛૠೖͨ͠ΓͰ
    ͖·͢ɻ

    View Slide

  21. ϦϯΫڥք
    ϦϯΫ΍ϦϯΫલޙͷςΩετΛ
    ߋ৽͠Α͏ͱͯ͠ɺ͏·͘ฤूͰ
    ͖ͳ͔ͬͨ͜ͱ͕͋Γ·ͤΜ͔ɻ
    ϦϯΫͷޙʹ୯ޠΛ௥Ճ͠Α͏ͱ
    ͯ͠৽͍͠ςΩετ΋ϦϯΫ͞Ε
    ͯ͠·ͬͨΓɺϦϯΫ಺ͷςΩε
    τΛ૿΍ͦ͏ͱͨ͠ͷʹϦϯΫ֎
    ʹ௥Ճ͞Εͯ͠·ͬͨΓɻΠϥΠ
    ϥ͠·͢ΑͶɻ৽͍͠ϦϯΫڥք
    ػೳʹΑͬͯϓϩηε͕εϜʔζ
    ʹͳΓɺϦϯΫ͕͏·͘ಈ࡞͢Δ
    Α͏ʹͳΓ·ͨ͠ɻ

    View Slide

  22. ۙྡͷ8PSE1SFTTͷΠϕϯτ
    ߋ৽ΛߦͬͨΓ౤ߘΛॻ͍ͨΓ͢Δ࣌ʹμο
    γϡϘʔυʹ͍Δؒɺࠓޙۙ͘Ͱ։࠵༧ఆͷ
    8PSE$BNQ΍ษڧձ͕දࣔ͞Ε·͢ɻ
    ίϛϡχςΟʹࢀՃ͢Δ͜ͱͰɺ8PSE1SFTT
    εΩϧΛߴΊͨΓɺීஈ͸ग़ձΘͳ͍ਓͨͪ
    ͱͷωοτϫʔΫΛ޿ΊͨΓͰ͖·͢ɻ͜Ε
    ͔Β͸μογϡϘʔυʹϩάΠϯͯ͠৽͍͠
    ʮΠϕϯτͱχϡʔεʯ΢ΟδΣοτΛݟΔ
    ͚ͩͰ஍ҬͷΠϕϯτΛݟ͚ͭΒΕΔΑ͏ʹ
    ͳΓ·ͨ͠ɻ

    View Slide

  23. 5
    8PSE1SFTTͷࠓޙͷಈ޲

    View Slide

  24. ίΞͰར༻͢Δ
    #BDLCPOFKTͷ୅ΘΓͱͳΔ
    +BWB4DSJQUϑϨʔϜϫʔΫͷબఆ
    બఆʹ͸ɺ҆ఆੑɺϑϨʔϜϫʔΫͷण໋ɺ੒ख़౓ɺΞΫηγϏϦ
    ςΟɺͳͲΛج४ʹධՁ͠·͢ɻϛʔςΟϯάʹࢀՃͨ͠ଟ਺ͷํ
    ͸ɺ͍͔ͭ͘ͷ 8PSE1SFTT ͷϓϩδΣΫτɺͨͱ͑͹ $BMZQTP
    +FDUQBDL (VUFOCFSHͳͲͰ͢Ͱʹར༻͞Ε͍ͯΔ3FBDUΛࢧ࣋͠
    ͍ͯ·͢ɻҰํͰɺֶशίετͷ௿͞΍֦ுੑͷߴ͔͞Βɺ7VFKT
    Λࢧ͍࣋ͯ͠Δํ΋͍·͢ɻ

    View Slide

  25. ৽ΤσΟλ(VUFOCFSH
    ϒϩοΫΤσΟλͰ͋Δ (VUFOCFSH ͕໨ࢦͯ͠
    ͍Δ͸ɺ͜Ε·Ͱγϣʔτίʔυɺಠࣗ )5.-ɺ
    ΋͘͠͸ʠಘମͷ஌Εͳ͍Կ͔ʡͰ͔࣮͠ݱͰ͖ͳ
    ͔ͬͨϦονίϯςϯπΛɺ౤ߘ΍ϖʔδʹ༰қʹ
    ௥ՃͰ͖ΔΑ͏ʹ͢Δ͜ͱͰ͢ɻ

    View Slide

  26. THANK YOU

    View Slide