기술이 디자이너, 개발자 및 마케터 간의 힘의 역학 관계를 형성한 방법

WordPress는 올해로 20주년을 맞이합니다. 이는 개발자, 디자이너 및 마케팅 담당자가 20년 동안 웹 사이트용 콘텐츠를 구축, 디자인 및 제작하기 위해 뒤에서 작업해 왔다는 것을 의미합니다. 콘텐츠 소비의 지속적인 변화와 WordPress에서 작업하는 중요한 팀 간의 긴장은 웹 사이트를 만드는 것이 항상 쉬운 것은 아니며 확실히 고유한 문제가 있음을 의미합니다.

이 세션에서 WP Engine 설립자이자 최고 혁신 책임자인 Jason Cohen은 2003년 초부터 시작하여 당시 웹사이트 생성과 WordPress가 디자이너, 개발자 및 마케팅 담당자 간의 워크플로우를 형성하는 방식을 살펴봅니다.

세션 슬라이드:

성적 증명서:

JASON COHEN: 안녕하세요. WP Engine이 주최하는 가상 개발자 컨퍼런스인 DE{CODE} 2023에 오신 것을 환영합니다. 제 이름은 제이슨 코헨입니다. 저는 WP 엔진의 설립자입니다. 오늘 일을 시작하겠습니다. 그러나 우리는 WordPress 개발 세계 전체에서 흥미롭고 현대적인 주제에 대한 수십 개의 세션이 있는 놀라운 이벤트를 가지고 있습니다. 그러니 하루 종일 지켜봐주십시오. 최근에 일어나고 있는 많은 기술 발전에 대해 많은 것을 배우고 흥분하게 될 것이라고 생각합니다.

그래서 저는 지난 13년 동안 WP Engine을 운영하면서 변화, 발전, 전개를 보았고 이것이 우리 모두에게 매우 흥미롭고 관련이 있다고 생각한다는 흥미로운 주제로 시작하겠습니다. 웹사이트를 만드는 사람들, 디자이너, 개발자, 마케터 사이의 힘의 역학. 그리고 시작하기 위해 저는 여러분 중 일부는 아마도 살아 있지 않았을 때로 여러분을 데려가고 싶습니다. 하지만 살아있는 여러분은 이런 종류의 쓰레기를 기억할 것입니다. 이들은 90년대의 웹사이트였습니다.

Amazon이 수영장이었던 때를 기억하십니까? 제가 보기에는 수영장 같습니다. 그것은 나에게 아마존 강처럼 보이지 않습니다. 하지만 모든 웹사이트는 이런 배경색을 가지고 있었고 항상 Times Roman 글꼴이 있었습니다. 보세요, 그들은 백만 개의 사이트를 가지고 있습니다. 꽤 좋은 것 같아요.

그리고 우리는 이런 형편없는 도구로 웹을 검색하곤 했습니다. [웃음] 9개의 검색 결과, 그 당시에는 많았습니다. 당시 구글은 꽤 귀여웠습니다. 2,500만 페이지, 와우, 많네요. 10개 이상의 결과를 선택할 수 있습니다. 나는 또한 그것이 스탠포드에서 나온 것을 좋아합니다. 아직 Google이 적절하지 않습니다. 스탠포드만의 일입니다. 그들이 그걸로 돈을 벌었는지 궁금합니다. 아마도 그렇게 생각합니다.

이 놀라운 웹사이트의 배후에 있는 기술은 어떻습니까? 글쎄, 당신이 나와 같다면 옷장에 서버가 있었을 것입니다. 팬을 포함하여 말 그대로 벽장에 서버가 있었습니다. 물론 내부가 뜨거웠기 때문입니다. 뜨거운 공기를 불어서 물건이 녹지 않도록 해야 했습니다. 클라우드 이전의 세계도 기억합니다. 웹사이트를 변경해야 한다면 여기 의자에 앉아 키보드와 작은 모니터를 연결하고 웹사이트를 변경하면 됩니다.

우리가 그런 일을 했다는 게 믿기지 않지만 우리는 해냈습니다. 정말 좋았고 우리 엔터테인먼트도 꽤 많이 변했습니다. 가끔 상황이 돌아오는 것 같아요. 하지만 제가 가장 좋아하는 부분은 마이클 조던의 삼두근입니다. 제 말은, 이 사진에서 그는 이 삼두박근이 포스터 같은 곳에 있을 거라는 걸 알면서 거기에 몸을 구부리고 앉아 있는 것 같았습니다. 왜냐하면 당신이 마이클 조던이라도 근육 같은 것이 있다는 것을 보여줘야 하기 때문입니다. 그렇게. 모르겠습니다.

지금이 더 나은가요? 이 영화가 좋아졌나요? 좋은 적이 있었나요? 모르겠습니다. 하지만 전화기처럼 많은 것이 변했습니다. 스네이크를 플레이하는 것은 꽤 재미있었던 것 같습니다. 적어도 우리는 서로 더 많은 이야기를 할 것입니다. 그래서 어쩌면 더 나을 수도 있습니다.

이제 우리 주머니에는 노트북보다 더 나은 컴퓨터가 있습니다. 좋은 일이라고 생각합니다. 확실히 흥미로운 발전입니다.

그래서 과거에, 이 이상한 세상에서, 웹사이트를 만드는 이들 명백히 중요한 플레이어들 사이의 관계는 무엇이었습니까? 어떻게 보이는지 디자인하는 디자이너. 하지만 당시에는 선택의 여지가 많지 않았습니다. 개발자, 사이트를 만드는 괴짜, 사이트 소유자, 사이트가 어떤 식으로든 효과적일 필요가 있는 사람들. 대답은 개발자가 모든 권한을 가졌다는 것입니다. 마케터가 오타를 수정하기 위해 About Us 페이지의 일부 텍스트를 변경하려는 경우 개발자와 티켓을 열어야 하고 개발자는 옷장에 들어가야 하기 때문입니다. 변경하십시오.

따라서 효과적으로 개발자는 모든 권한과 모든 제어 권한을 가지며 이는 좋지 않습니다. 좋지 않은 개발자라도 소프트웨어 개발자라면 코드를 작성하고 재미있는 것을 만들고 싶기 때문입니다. 티켓이 있는 사람을 위해 텍스트를 편집하고 싶지 않을 것입니다. 마찬가지로 이것은 재미있는 일이 아닙니다. 따라서 개발자가 모든 권한을 가질 뿐만 아니라 아무도 이러한 상황에 만족하지 않습니다. 그러나 처음에는 그것이 새로운 것이었고 새로운 기술은 종종 접근할 수 없었기 때문입니다.

그래서 시간이 지남에 따라 마케팅 담당자는 마침내 WordPress와 같은 것 때문에 점점 더 많은 통제권을 갖게 되었습니다. 이제 Matt Mullenweg는 아마도 이 버전의 WordPress를 기억할 것입니다. 1.0.1입니다. 그리고 이것이 명백히 단순하고 버전 1.0.1의 모든 것이 단순해질 것이기 때문에 마케터가 방금 가졌던 것과 비교할 때 이미 엄청난 양의 힘이 있습니다.

텍스트 상자가 있고 텍스트를 변경할 수 있습니다. 대담하고 우스꽝스럽고 단순하게 만들 수도 있습니다. 특히 현대 표준에 따라 단순하다고 생각합니다. 이제 개발자와 대화하지 않고도 About Us 페이지에서 오타를 변경할 수 있기 때문에 매우 강력합니다. 그것은 당신이 가진 것과 비교할 때 놀라운 양의 힘입니다. 1.0.1 버전은 거의 아무것도 하지 않았고 WordPress가 할 수 있는 최소한의 작업만 수행했습니다.

따라서 WordPress의 초기 단계에서도 누가 무엇을 할 수 있고 누가 무엇을 제어할 수 있는지에 대한 역동성을 변화시키기 시작합니다. 현재와 미래를 관통하는 흥미로운 역학이라고 생각합니다. 그것이 어떻게 변하고 있는지, 그것은 때로는 좋은 쪽으로, 그러나 실제로는 때로는 나쁜 쪽으로 변하고 있습니다. 그것은 우리가 그것에 대해 해야 할 일이 있다는 것을 의미합니다.

과거를 보는 것이 재미있기 때문에 미리 살펴보겠습니다. 물론 WordPress는 테마와 플러그인 시스템을 통해 마케터와 디자이너를 완전히 새로운 시각으로 인도했으며 WordPress는 올해 20주년을 기념합니다. 경이롭고 상상할 수 없으며 우리가 WordPress 커뮤니티와 얼마나 오래 있었는지에 관계없이 기술, 확실히 기술을 위해 여기에 얼마나 오래 있었는지 생각할 때마다 여전히 기절 할 것입니다. 일반적으로. 인간으로서 20년은 누구에게나 많은 인생입니다. 정말 놀랍습니다.

WordPress는 물론 대부분의 CMS 또는 CMS를 사용하는 대부분의 대규모 웹사이트가 WordPress를 사용하는 인터넷을 계속 먹어치웁니다. 그리고 WordPress가 한 일은 – 그리고 우리 모두가 이것을 알고 있습니다 – 마케팅 담당자, 디자이너, 개발자 사이에 힘의 균형을 만들었고 물론 약간의 서식이 있는 간단한 텍스트 상자로 시작했습니다. 많은 것들에 갔다. 우리는 그들 모두를 나열할 필요가 없습니다.

하지만 마케터로서 메뉴를 제어할 수 있다면 페이지를 만들고 내 탐색을 구성할 수 있으며 실제로 전체 사이트 또는 다중 사이트를 구축할 수 있습니다. 여기에서 개발자와 대화하지 않고도 여러 사이트, 전체 사이트 또는 놀라운 SEO를 시작할 수 있습니다. 오늘날 웹에서 SEO를 수행하는 방법의 선두주자인 도구는 마케터가 개발자와 대화하거나 사람들이 작성할 수 있는 양식을 만들지 않고도 가능한 한 똑똑하게 사용할 수 있도록 내장되어 있습니다. 그리고 분명히 이것은 개발자의 권한을 박탈하지 않는 방식으로 시장에 힘을 주는 WordPress에 있는 수십 개의 주제 중 4개에 불과합니다. 개발자는 여전히 이를 수행하는 도구를 만드는 것과 같은 모든 종류의 일을 만들고 디자이너는 물론 원하는 대로 만들 수 있으므로 모든 사람이 가져야 할 권한을 갖기 시작하여 모든 사람이 작업을 더 잘 수행할 수 있습니다. 그리고 WordPress는 이러한 기능을 통해 이를 용이하게 합니다.

그리고 그것은 이제 지난 몇 년 동안 블록 편집기와 전체 사이트 편집에서 절정에 이르렀습니다. 우리는 일반적으로 또 다른 도약을 이루었습니다. 특히 개발자, 디자이너, 사이트 소유자의 역동성, 이것은 의미합니다. 저는 블록 편집기(전체 사이트 편집에서 절정에 달함)가 이를 다음 단계로 끌어올린다고 생각합니다. 개발자는 힘을 잃지 않습니다. 그들은 여전히 ​​사이트가 어셈블되는 방법을 제어하지만 이제 새로운 도구를 갖게 되었습니다.

그래서 우리는 플러그인과 단축 코드 같은 것을 가지고 있었습니다. 우리는 테마와 같은 것을 가지고 있었고 지금은 또 다른 도구가 있습니다. 물론 도구는 블록이며 이것은 개발자가 시각적인 기능을 만들고 다른 것들과 혼합할 수 있는 기능을 만드는 또 다른 방법입니다. 다양한 구성을 가질 수 있는 레이아웃에 포함되어 마케터에게 특정 유형의 변경을 수행할 수 있는 권한을 부여합니다.

그러나 블록은 재사용이 가능합니다. 테스트 가능합니다. 회사 내에서 재사용하든, 에이전시 내에서 재사용하든, 인터넷에서 나눠주든, 인터넷에서 판매하든, 이 기능을 사용하여 우리가 지금까지 해왔던 것처럼 다양한 방식으로 작업을 수행할 수 있습니다. 오랫동안 플러그인과 테마를 사용해 왔습니다. 이는 개발자가 대화형 및 시각적 구성 요소를 만드는 또 다른 방법일 뿐이므로 개발자에게 환상적입니다.

이제는 새로운 기술을 배워야 하는 것이 사실입니다. React와 같은 것이 있습니다. JavaScript와 같은 것이 있습니다. 그것은 사실입니다. 하지만 물론 개발자로서의 삶에서 우리의 몫은 때때로 새로운 기술을 배우는 것입니다. 당신은 할 필요가 없습니다. 당신은 COBOL 개발자가 될 수 있으며 그들은 COBOL 개발자로서 많은 직업 안정을 가지고 있습니다. 그렇게 할 수 있습니다. 진로 중 하나입니다.

그러나 대부분 개발자로서 우리는 기술이 발전하는 것처럼 발전하기 위해 때때로 기술을 배워야 합니다. 그래서 나에게 블록은 네, 배울 새로운 것이 있고 그것을 할 때 큰 이점이 있고 웹에서 무언가를 디자인하기 위한 플랫폼으로서 일반적으로 WordPress에 도움이 되는 것들 중 하나일 뿐입니다.

따라서 개발자는 여전히 권한이 있습니다. 디자이너는 어떻습니까? 아, 디자이너 여러분, 한편으로는 이제 막 시작하는 단계이고 디자이너에게 도움이 될 모든 종류의 흥미로운 미래가 있다고 생각합니다. 이에 대해서는 마지막에 이야기하겠습니다. 그러나 이미 상황은 좋습니다. 디자이너가 다시 이러한 블록이 무엇인지, 이러한 구성 요소가 무엇인지 설계하는 데 도움을 줄 수 있기 때문입니다.

또한 이전에는 없었던 몇 가지 새로운 컨트롤과 도구가 이제 블록 편집기에서 지원됩니다. 예를 들어, 이것은 분명히 WordPress이고 Full Site Editing과 블록 편집기를 사용하는 인트라넷 사이트의 실제 스크린샷입니다. 여기서 보고 있는 것은 마케터가 아니라 회사 인트라넷이기 때문에 사이트 소유자입니다. 실제로, 이 작업을 수행하는 것은 직원 경험입니다.

어쨌든, 텍스트 색상, 배경색, 테두리 색상 등을 위해 아무 색상이나 선택할 수 있다고 말할 수 있습니다. 하지만 색상을 고를 수 있다면 한편으로는 무엇이든 고를 수 있는 힘이 되는 것 같고 다른 한편으로는 브랜드에 속하지 않는다는 뜻입니다. WP 엔진 브랜드 색상.

따라서 한편으로는 마케터에게 색상을 선택할 수 있는 권한을 주고 싶습니다. 반면에 브랜드 팔레트 안에 머물고 싶거나 거의 항상 그 팔레트 안에 머물고 싶거나 확실히 팔레트에서 색상을 쉽게 고를 수 있도록 하고 싶을 수 있습니다. 이것은 브랜드 팔레트로 블록 편집기를 구성한 것입니다.

따라서 디자이너도 개발자도 아닌 사람들이 보기 좋고 브랜드에 맞는 훌륭한 콘텐츠를 만드는 것은 매우 쉽습니다. 따라서 다른 사람들이 그렇게 할 수 있도록 권한을 부여하면서도 브랜드를 유지하는 것은 디자이너의 꿈입니다. 정말로 디자이너를 괴롭히고 싶다면 브랜드에서 벗어나십시오. 나도 배웠어. 그건 그렇고, 그들은 옳습니다. [웃음]

그렇다면 마케터들은 어떨까요? 글쎄요, 다시 말하지만 WordPress가 마케터에게 권한을 부여하는 황금 시대를 아직 열지 않았다면 블록 편집기와 전체 사이트 편집이 분명히 훨씬 더 낫다고 생각합니다. 다르게 배치되었습니다. 반면 이전에는 개발자가 테마 또는 이와 유사한 내부에 새 템플릿을 만들어야 할 수 있습니다.

따라서 사용자 지정 머리글 및 바닥글, 사이드바, 콘텐츠 영역, 레이아웃이 다른 완전히 새로운 페이지 등 모든 것이 중요하며 그게 핵심입니다. 그들이 모든 일을 할 수 있기 때문에 그것이 그렇게 힘이 되는 이유입니다. 오후에 20개의 랜딩 페이지를 드래그 앤 드롭 등으로 직접 만든 다음 A/B 테스터에 로드하면 모든 작업을 혼자서 수행할 수 있습니다. 개발자가 코딩할 때까지 기다릴 필요가 없습니다. 디자이너가 모형을 만들 때까지 기다릴 필요조차 없습니다.

WP Engine에서는 물론 이 작업을 수행합니다. 어느 정도 규모의 대부분의 회사는 물건에 대한 랜딩 페이지를 만들고 테스트하며 디자인하고 개발한 다음 WordPress 등에 로드하는 데 몇 주가 걸렸습니다. 20을 만드십시오. 그리고 그것은 믿을 수 없을 정도로 힘을 실어줍니다.

그래서 우리는 지금 이 나이에 와 있고 훌륭합니다. WordPress는 세 명의 페르소나가 함께 최고의 작업을 수행할 수 있도록 정말 힘을 실어주었습니다. 그러나 일반적으로 웹 개발과 특히 WordPress 개발에서 일어나고 있는 또 다른 추세가 있습니다. 그것은 우리가 작년에 WP 엔진과 DevRel 및 DE{CODE]에서 많이 이야기한 헤드리스 개발입니다. 계속되는 추세이기 때문에 올해는 더 많습니다.

현재 인터넷에서 가장 큰 웹사이트의 3%는 헤드리스이며, 관점에서 보자면 Drupal보다 크고 Shopify와 거의 같은 크기이며 매우 빠르게 성장하고 있습니다. 그래서 이 광장은 점점 더 커질 것입니다. 하지만 이미 의미가 있고 중요한 발전 추세입니다.

그리고 우리는 헤드리스 WordPress 사이트가 헤드리스 사이트의 미래라고 믿으며 물론 WP Engine에서 Atlas 제품을 사용하는 데 전념하고 있습니다. 다시 말하지만, 나중에 다른 세션에서 그것에 대해 훨씬 더 많이 듣게 될 것입니다. 하지만 바로 지금 저는 헤드리스가 가지고 있는 문제에 대해 이야기하고 싶습니다. 헤드리스는 우리가 방금 이야기한 이 맛있는 것들을 모두 망가뜨리기 때문입니다. 헤드리스는 모든 프런트 엔드 항목을 제거하기 때문에 웹 사이트의 모양, URL이 구문 분석되는 방식, 실제로 일어나는 일, WordPress에서 테마라고 부르는 것, WordPress 외부에서 일어나는 모든 일을 의미합니다. 그리고 그것은 WordPress가 구성한 이 역동성과 훌륭한 것들을 깨뜨리는 결과를 낳습니다.

따라서 특히 개발자에게는 여전히 권한이 부여됩니다. 사실, 그들은 압도적입니다. 사실 모든 일에 개발자가 필요한 1997년과 같습니다. 좋은 소식은 개발자가 이 모든 최신 개발 도구인 JavaScript와 개발 파이프라인, 개발 도구, 테스트 항목, React 및 기타 구성 요소 네트워크의 세계, Gatsby의 세계, 그리고 웹사이트 구축을 위한 Next.js 및 기타 프레임워크에는 놀랍고 놀라운 것들이 있습니다.

모든 종류의 놀라운 작업을 수행하는 데 사용할 수 있는 라이브러리가 있습니다. 다른 서비스를 통합하기 위해 다른 곳에서 말 그대로 모든 종류의 호스팅 서비스에 대한 API 액세스를 쉽게 얻을 수 있습니다. 사람들이 코딩 아카데미 및 대학에서 배우는 현대 언어이며 일반적으로 가장 인기 있는 프로그래밍 언어입니다. 개발자가 그것에 대해 좋아할 것이 많고 좋습니다.

하지만 문제는 현재 사이트 소유자와 디자이너까지 비용이 발생한다는 것입니다. 왜냐하면 마케터가 이런 말을 했기 때문입니다. 잠깐만요, 저는 콘텐츠를 편집하고 원하는 모든 작업을 수행하는 데 익숙했습니다. 개발자는 이렇게 말합니다. 이제 JavaScript에서 발생하므로 그렇게 할 수 없습니다. 하지만 잠깐, 내가 메뉴를 설정하고 페이지를 만들면 JavaScript 개발자가 "아니요, 우리가 메뉴를 만들고 페이지를 만듭니다."라고 말합니다. 그리고 갑자기 1997년으로 돌아갑니다. 사진을 왼쪽으로 5픽셀 이동하고 티켓을 엽니다. 물론 이것은 나쁘다. 1997년에 나빴던 것과 같은 이유로 나쁩니다.

이에 대한 우리의 비전은 헤드리스가 추세라는 것입니다. 계속 될 것입니다. 이점이 있지만 이 역학 관계에 대해 조치를 취해야 합니다. 그래서 WP Engine은 오늘 나중에 듣게 될 소프트웨어, 인프라, Atlas, Faust와 같은 것들을 구축하는 데 우리의 역할을 하고 있습니다. 그러나 나는 그것이 무엇인지에 대해 높은 수준에서 이야기하고 미래에 어떤 일이 올지 내다보고 싶습니다.

그래서 우리는 개발자들이 행복하다는 것을 알고 있습니다. 좋아요, 훌륭합니다. 디자이너는 어떻습니까? 글쎄요, 디자이너들에게 정말 좋은 소식이 있습니다. React와 같은 JavaScript 프레임워크를 위한 훌륭한 디자인 시스템이 많이 있다는 것이 밝혀졌기 때문입니다. 예를 들어 이것은 우리가 WP 엔진에서 사용하는 디자인 라이브러리입니다. 그래서 우리는 이것을 만들었습니다. 우리는 그것을 유니콘이라고 부릅니다. 일종의 내부 제품 이름입니다. 그러나 이러한 종류의 작업에 사용할 수 있는 무료 도구 또는 오픈 소스 및 폐쇄 소스 도구가 있습니다.

그러나 기본적으로 아이디어는 블록과 마찬가지로 구성 요소 라이브러리가 있다는 것입니다. 그러나 React의 경우 이러한 각 구성 요소는 특정 방식으로 설계되고 특정 방식으로 작동합니다. 활성 또는 비활성, 선택 또는 비활성화, 다른 언어 또는 다른 컨텍스트 등 다양한 상태를 가질 수 있습니다. 마케팅 사이트의 시각적 요소인지 또는 컨트롤인지 여부는 마케팅 사이트, 양식, 가격 페이지 또는 이와 유사한 것 또는 일종의 상태 또는 제어판이나 사용자 포털과 마케팅 사이트 간의 더 나은 통합과 같은 것이 필요합니다. 그것들이 하나가 될수록 고객 경험은 더 좋아집니다.

어쨌든 이와 같은 시스템이 있습니다. 디자이너에게 아주 좋습니다. 디자이너가 이 모든 것을 만들고 거의 단위 테스트 시스템처럼 사용하여 볼 수 있기 때문입니다. 그러나 개발자는 이를 선택할 수 있습니다. 이들은 모두 React 구성 요소입니다. 블록을 선택하고 넣을 수 있습니다. 그래서 우리가 블록을 사용하는 마케팅 담당자에 대해 이야기한 것처럼 개발자는 블록을 가져가서 사용하면 됩니다. 모든 브라우저와 사물 등에서 테스트를 거쳤기 때문에 디자이너가 자신의 물건을 소유하고 개발자가 이를 재사용할 수 있는 훌륭한 결합입니다. 따라서 디자이너가 할 수 있는 일에 관해서는 정말 좋은 소식이 있습니다.

그렇다면 웹 사이트 소유자는 어떻습니까? 마케팅 담당자는 어떻습니까? 아마도 가장 중요한 사람일 것입니다. 왜냐하면 그들은 웹사이트가 잘 작동하고 그게 무엇을 의미하든지 간에 필요하기 때문입니다. 광고 수익 창출을 의미할 수 있습니다. 전자 상거래를 의미할 수 있습니다. 훌륭한 브랜딩을 의미할 수 있습니다. 그것은 회사에 대한 입소문을 내거나 세상에서 중요한 것을 전달하는 것을 의미할 수 있습니다. 어쨌든 그들은 수행할 사이트가 필요합니다.

그래서 그들은 어떻습니까? 마케터에게 헤드리스의 첫 번째 좋은 점은 성능입니다. 여기 Super Bowl 광고가 있는 Super Bowl을 방금 통과한 고객 중 한 명에 대한 그래프가 있습니다. Super Bowl 동안 어떤 종류의 트래픽이 발생하는지 확인하는 것이 재미있죠?

그래서 그들은 두 개의 광고를 실행했고 이것은 두 개의 작은 표시 또는 오른쪽에서 볼 수 있는 두 개의 얇은 표시입니다. 그 첫 번째 신호는 1분 동안 조회수가 500만 건에 불과한 첫 번째 광고였습니다. 그리고 두 번째 광고는 3분 동안 2,500만 조회수를 기록한 두 번째 광고였습니다. 정말 경이로운 규모입니다. 사이트에는 문제가 없었습니다. 그 동안 우리는 거기에 앉아 직접 사이트를 새로 고쳤습니다. 그것은 지옥처럼 빨랐다. 처음 물린 평균 시간은 해당 스파이크 동안 150밀리초였습니다.

따라서 헤드리스 웹사이트는 정말 빠르고 확장 가능할 수 있으므로 정말 보기 좋습니다. 또한 처음에 심장 모니터와 같은 이상한 세 개의 신호를 여기에 표시하는 것은 정말 재미있습니다. 그것이 부하 테스트였습니다. 물론 고객은 "당신이 우리 트래픽을 처리할 수 있는지 모르겠습니다. 그래서 우리는 부하 테스트를 했습니다." 보시다시피 부하 테스트를 해도 Super Bowl 중에 발생하는 트래픽을 재현할 수는 없습니다. 그래서 다행스럽게도 모든 것이 괜찮았고, 모든 것이 확장되었으며, 모두 좋았습니다. 그러나 시뮬레이션할 수 없기 때문에 테스트할 가치조차 거의 없습니다.

암튼 좋아요, 그래서 좋습니다. 당신이 사이트 소유자라면 예라고 대답할 것입니다. 이것은 제가 지금까지 원했던 종류의 기술입니다. 하지만 내가 무력화되는 것은 어떻습니까? 이것이 우리가 Atlas와 Faust로 바꾸고 있는 것입니다. 그래서 오늘 나중에도 이것을 보게 될 것입니다. 직접 가지고 놀 수 있습니다.

그건 그렇고, 이것은 모두 오픈 소스, GPL, 모든 좋은 것입니다. WordPress 구성 요소와 JavaScript 구성 요소는 모두 오픈 소스이며 무료입니다. 그래서 이것은 커뮤니티 프로젝트입니다. 우리는 당신이 그것을 시도하고 싶습니다. 우리는 당신이 그것에 기여하도록 할 것입니다. 따라서 이것을 확인하십시오.

하지만 이 빠른 데모를 제공하기 위해 왼쪽에 보이는 것은 일반 WordPress 블록 편집기이고 이미지에서 이상한 배경색으로 텍스트를 편집하는 사람을 볼 수 있으며 오른쪽에는 머리가 없는 Faust 기반 블록 편집기가 있습니다. 헤드리스 WordPress 사이트와 보시다시피 블록 편집기의 모든 설정과 구성이 그곳으로 전송되었습니다.

그러나 여기에 마법 같은 부분이 있습니다. 오른쪽에 있는 것은 기본적이고 일반적인 React 구성 요소이며 이상하고 특별한 것이 아니라 일반적인 것입니다.

이것이 의미하는 바는 블록 편집기의 세계를 차지했다는 것입니다. 블록 편집기에는 우리가 말한 모든 이점이 있으며 계속해서 더 좋아질 것입니다. 그러나 우리는 또한 React 생태계의 모든 이점과 프런트 엔드의 기본 JavaScript 항목을 유지하여 일반 React JavaScript 개발자가 "좋아, 이것들은 React 구성 요소입니다."라고 말할 수 있습니다. 나는 그것을 엉망으로 만드는 방법을 알고 있습니다. 끝났습니다.

그래서 그것은 양 당사자에게 일종의 완벽한 상황이고 다시 한 번 그런 종류의 태도입니다. 양 당사자에게 완벽한 상황은 모두가 자신의 영역을 통제하고 모두가 만족하는 헤드리스 상태에서도 이 문제로 돌아가는 방법입니다. 기술이 어떻게 전개되는지 등등. 이것이 헤드리스에 대한 우리의 비전입니다. 그러나 또한 WordPress의 비전과 웹 사이트를 만들 때 전 세계 모든 사람을 위해 수행되는 작업을 계속하고 있다고 생각하며 헤드리스도 수행하고 있습니다.

그렇다면 앞으로 어떻게 다시 좋아질 수 있을까요? 몇 가지, 그리고 이 중 일부는 우리가 작업하고 있고 일부는 우리가 하지 않거나 일부는 미래에 있을 수 있지만 커뮤니티가 작업할 것을 권장합니다. 커뮤니티. 우리는 우리의 역할을 다하고 있습니다. 하지만 실제로 이렇게 하려면 우리 모두가 필요합니다.

여기 몇 가지 아이디어가 있습니다. 우선, 그것은 디자인 시스템이었습니다. React와 통합된 디자인 시스템을 갖는 것은 정말 멋진 일이지만 블록 편집기는 어떻습니까? 둘 다여야 하지 않습니까? 디자이너가 물건을 만든 다음 블록이 되고 React 구성 요소가 되어 모든 것이 항상 연결되고 의미가 있어야 하지 않습니까? 나는 그것이 믿을 수 없을 것이라고 생각하고 모두를 더욱 하나로 묶기 위해 갈 분명한 장소라고 생각합니다.

테스트는 약간 임시방편적인 또 다른 것입니다. 이를 수행하는 하나의 표준 방법은 없습니다. 특히 블록과 프런트 엔드 React 구성 요소를 모두 고려할 때 통합 테스트 스위트가 있다는 것은 무엇을 의미합니까? 아마도 디자인 시스템과 통합될 수도 있습니다. 정말 견고하게 들리기 시작합니다. 그리고 견고한 구성 요소가 있으면 매우 빠르고 고품질로 제품을 만들 수 있는 것처럼 들립니다. 나는 그것이 탐험하기에 매우 흥미로운 영역이라고 생각합니다.

이미 블록 편집기 로드맵에 있는 또 다른 하나는 블록이 다중 언어, 다중 로케일 준비가 되었는지 확인하는 것입니다. 오늘날 WordPress의 대부분은 영어가 아닙니다. 그리고 전 세계에 영어를 못하는 사람들이 더 많아지고 더 많은 사람들이 온라인에 접속함에 따라 대부분의 사람들이 영어를 하지 못하기 때문에 시간이 지남에 따라 워드프레스의 점점 더 많은 비율이 영어가 아닐 것이라고 생각합니다.

그래서 저에게는 일반적으로 WordPress가 성장할 수 있는 자연스러운 장소입니다. 가능한 한 많은 사람들이 액세스할 수 있도록 하는 것이 일반적으로 WordPress의 정신과 호환된다고 생각합니다. 그것은 블록으로 와야합니다. 다시 말하지만 그것은 이미 로드맵에 있지만 흥미진진합니다. 그리고 다시 헤드리스 시스템을 통해 유입되어야 합니다.

그런 다음 마케터와 더 많은 권한을 부여하여 할 수 있는 일이 훨씬 더 많습니다. 내 말은, 그들은 너무 많은 힘을 가지고 있지만 그래서 무엇입니까? 그들은 항상 할 일이 더 많습니다. 특히 머리가 없는 경우에는 많은 힘이 제거되고 되돌려 놓을 것이 많습니다. 예를 들어, 사이트를 한 곳에서 다른 곳으로 이동한다고 가정하면 이전 트래픽은 여전히 ​​이전 페이지로 이동하고 다음 페이지로 리디렉션되어야 합니다. 괜찮아요. 워드프레스에는 이를 위한 플러그인이 있습니다.

그러나 헤드리스 컨텍스트에서는 작동하지 않습니다. 헤드리스 구성 요소는 이에 대해 알지 못하기 때문입니다. 따라서 이를 WordPress에서 헤드리스 구성 요소로 다시 가져오면 마케터가 이러한 리디렉션을 호출할 때 다시 제어할 수 있음을 의미합니다. 따라서 마케터에게 더 많은 권한을 부여해야 하는 예가 많이 있습니다. 특히 이러한 권한 중 일부가 제거된 헤드리스 환경에서는 더욱 그렇습니다.

그리고 마지막으로 AI, 그리고 남은 30초 동안 한 가지를 제외하고 AI의 현재와 미래에 대한 모든 최신 정보를 제공하겠습니다. 나는 확실히 30초 안에 그렇게 하지 않을 것이다. 물론 이것은 놀라운 주제이고 모든 것이 매우 흥미진진합니다. 이에 대해 이야기하려면 이 기조연설의 끝보다 더 많은 공간이 필요합니다. 계속 지켜봐 주십시오. 분명히 이것은 놀라운 탐험 영역이 될 것입니다. 그리고 일들이 시도될 것이고, 일들이 실패할 것이고, 일들이 믿을 수 없을 정도로 훌륭해질 것이고, 모든 것이 확실히 펼쳐지는 것을 보는 것은 경이로울 것입니다.

그래서 우리는 약간의 편견을 보일 수 있지만 WordPress는 최고의 CMS 일뿐만 아니라 최고의 헤드리스 CMS라고 생각합니다. 그리고 클라우드와 인터넷의 기술에 무슨 일이 일어나든 우리는 그것을 위해 여기에 있습니다. 다시 한 번 말씀드리지만 WordPress의 강점은 커뮤니티에 있다고 생각합니다. 우리는 세 명의 페르소나 간의 역동성을 가능한 한 강력하게 만들기 위해 노력하고 있습니다. 비전 선언문을 설명하는 것은 개발자, 디자이너 및 사이트 소유자, 마케터가 최선을 다하고 함께 작업할 수 있도록 하는 것입니다.

나는 WordPress가 그 사명 선언문을 훌륭하게 수행했다고 생각합니다. 그리고 우리 모두 함께, 우리는 그것을 점점 더 사실로 만들 수 있습니다. 우리는 그것을 20년 동안 해왔으며, 그것은 여전히 ​​생각하기 어렵습니다. 그리고 우리는 그것을 계속하기 위해 다음 20명을 위해 여기에 있습니다.

그러니 주위에 머물러 라. 모든 종류의 주제에 대해 12개가 넘는 분과 세션이 있습니다. 그들 중 일부는 Atlas와 같은 WP Engine의 헤드리스 제품인 Local, WP Migrate, ACF와 같은 제품에 관한 것입니다. WooCommerce에 대한 주제가 있지만 WordPress 세계의 일반적인 주제에 대한 주제도 있습니다. 그 밖에도 Google의 강연이 있고 Matt Mullenweg의 강연도 있습니다. 따라서 모든 종류의 흥미로운 정보를 계속 지켜봐 주시기 바랍니다. 기억하세요. 모든 세션은 녹화되므로 하나를 놓치거나 두 개를 동시에 보고 싶은 경우 나중에 세션을 시청하세요. 거기서 뵙겠습니다. 감사해요.