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
最近のWordPressの開発環境について調べてみた
Search
▲
July 06, 2021
Programming
1
240
最近のWordPressの開発環境について調べてみた
社内勉強会で使った資料です
▲
July 06, 2021
Tweet
Share
More Decks by ▲
See All by ▲
サーバーレスでフロントエンドも個人開発
mismith0227
0
370
見落としがちな想定漏れ
mismith0227
0
140
Variable Font を使ってみた
mismith0227
1
160
gulpをやめてnpm scriptを使う
mismith0227
0
130
Tailwindcssを使ってみる
mismith0227
0
170
カンパイ本町を支える技術
mismith0227
0
2.8k
WP REST APIとReact Nativeを使ってマガジンアプリを作る
mismith0227
1
1.8k
Material - UI v1が 出そうなので使ってみた
mismith0227
0
2.2k
なんか作ってサーバーレスに触れてみた
mismith0227
0
360
Other Decks in Programming
See All in Programming
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.2k
初めてDefinitelyTypedにPRを出した話
syumai
0
420
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
1
260
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
광고 소재 심사 과정에 AI를 도입하여 광고 서비스 생산성 향상시키기
kakao
PRO
0
170
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
Snowflake x dbtで作るセキュアでアジャイルなデータ基盤
tsoshiro
2
520
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
RubyLSPのマルチバイト文字対応
notfounds
0
120
Amazon Qを使ってIaCを触ろう!
maruto
0
410
受け取る人から提供する人になるということ
little_rubyist
0
250
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Automating Front-end Workflow
addyosmani
1366
200k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Being A Developer After 40
akosma
87
590k
What's new in Ruby 2.0
geeforr
343
31k
How STYLIGHT went responsive
nonsquared
95
5.2k
Writing Fast Ruby
sferik
627
61k
BBQ
matthewcrist
85
9.3k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Optimizing for Happiness
mojombo
376
70k
It's Worth the Effort
3n
183
27k
The Language of Interfaces
destraynor
154
24k
Transcript
࠷ۙͷ8PSE1SFTTͷ ։ൃڥʹ͍ͭͯ ௐͯΈͨ
8PSE1SFTTͱͷ͖߹͍ ɾ͜ͷۀքʹೖͬͨͱ͖ʹඞཁͩͱࢥͬͯ ɹݸਓϒϩάͰͬͯΈΔ ɾ͔͠͠ɺࣄͰͬͨͷยखͰ͑Δఔ͔͠ͳ͘ ɹௐͳ͕ΒͩͬͨΒԿͱ͔Ͱ͖Δఔ
։ൃڥ͍Ζ͍Ζ
.".19".11
.".19".11 ɾ.".1͕.BDɺ9".11͕8JOEPXT ɾ8FC։ൃʹඞཁͳڥ͕·ͱ·͍ͬͯΔ ɾ͕ࣗ͜ͷۀքʹೖͬͨͱ͖ʹ8PSE1SFTTͷ ɹ։ൃڥͱ͍͑͜Εͩͬͨ ɾࠓͲ͏ΘΕ͍ͯΔͷ͔Βͳ͍͕ ɹ໊લ΄ͱΜͲฉ͔ͳͬͨ
7$$8
7$$8 ɾ7BHSBOUɺ$IFGɺ$FOU04ɺ8PSE1SFTTͷ಄จࣈΛ ɹͱ͍ͬͯΔ7BHSBOUϕʔεͷ։ൃڥ ɾίϚϯυૢ࡞ ɾαΠτΛ࡞Δ߹αΠτ͝ͱʹ7JSUVBM.BDIJOFΛ ɹ্ཱͪ͛Δ͜ͱʹͳΔͷͰ༰ྔΛѹഭ͢ΔهԱ
8PDLFS
8PDLFS ɾ%PDLFSϕʔε ɾαΠτ͝ͱʹίϯςφΛ࡞ΓΓସ͑Δ ɾ্ཱͪ͛·Ͱૣ͍ ɾෳͷςʔϚʢαΠτʣΛ࡞ΔͳΒ7$$8ΑΓ ɹ8PDLFSͱ͍͏Πϝʔδʁ
-PDBM
-PDBM ɾ͝ΖʹʹͳͬͯΘΕग़ͨ͠ ɾ%PDLFSϕʔεͷ(6*πʔϧʢॳ.BD͚ͩͩͬͨʣ ɾΤϯδχΞ͡Όͳͯ͑͘Δ ɾ(6*πʔϧ͚ͩͲίϚϯυૢ࡞ʢXQDMJʣͰ͖Δ ɾศར
-PDBM αΠτ໊ઃఆΛೖྗ
-PDBM 1)1ͷόʔδϣϯͷઃఆͱ͔
-PDBM ϩάΠϯใͷઃఆ
-PDBM ʂ ϑΝΠϧಛʹࢦఆ͠ͳ͚Ε-PDBM4JUFTҎԼʹੜ͞ΕΔ
XQFOW
XQFOW ɾ͍ͭʹެ͕ࣜग़ͨ͠ ɹʹͳͬͨͷࠓ͡Ίࠒʁ ɾ%PDLFSϕʔε ɾ%PDLFSͱOQN͕ඞཁ
XQFOW %PDLFSΞϓϦΛΠϯετʔϧ͓ͯ͘͠
XQFOW ίϚϯυଧͭʢ ͔͔Δʣ $ mkdir wp-test-site $ cd wp-test-site $
npm init -y $ npm i @wordpress/env —save-dev
XQFOW QBDLBHFKTPOΛॻ͖͑ͯɺTUBSU "scripts": { “wp-env": “wp-env", }, $ npm run
wp-env start $ npm run wp-env stop
XQFOW MPDBMIPTUͰදࣔ XQBENJO͔Βཧը໘ʹϩάΠϯͰ͖Δ
XQFOW ςʔϚϓϥάΠϯ։ൃɺͦͷଞઃఆΛ͢Δ߹XQFOWKTPOΛ࡞Δ ςʔϚϑΝΠϧσΟϨΫτϦԼͰ0, { “themes": “./theme-name“, }, $ npm run
wp-env start -update
ͲΕ͕͍͍ͷ͔ ɾ͍׳ΕͯΔͷͰ0, ʢ5XJUUFSͰϫʔυݕࡧ͢Δͱҙ֎ͱͲΕΘΕͯΔʣ ɾָͳͷ-PDBM ɾίϚϯυ͑ΔͳΒXQFOWɺ8PDLFSɺ7$$8͋Γ ɾࠓޙXQFOWʹͳ͍ͬͯ͘ͷ͔ ʢͪΐͬͱ৮ͬͨײ͡ศརͦ͏ͩͬͨ
ྑ͍͓Λ