空間コンピューティングの将来におけるCMSの可能性

公開: 2019-10-24

WP Engineでの私の役割では、WordPressの新しくて興味深い使い方の大使として、世界中を旅する機会があります。私は最近、ノースカロライナ州ローリーのAll Things Openで、空間コンピューティングの将来におけるCMSの可能性について話していました。これは45分間の講演では高尚なトピックだったので、ヘッドレスアプローチを使用してWordPressでエクステンデットリアリティ（XR）エクスペリエンスを構築する新しい方法について、より詳細に検討したいと思いました。

ヘッドレスクレイズ

私たちの多くは、ヘッドレスを主にサイトを高速化し、コンテンツを制御するCMSから切り離す方法と見なしていると思います。場合によっては真実ですが、これがネイティブアプリと拡張現実、仮想現実、複合現実、より広義には拡張現実として何を意味するかを考えると、これはおそらくこの概念を見るのに最も説得力のあるレンズではありません。

WordPressがXRエクスペリエンスをどのように強化できるかを理解するには、一歩下がって、開発者と設計者がインタラクティブアプリケーションに求める主要な機能を理解する必要があります。

CMSの核となる魅力は何ですか？

ズームアウトしてCMSの核となるものを見ると、将来を見据えた想像力を競ういくつかの重要な機能が浮き彫りになります。 CMSは、大まかに次のように定義できます。

投稿/ページデータ
ユーザーや投稿などのデータに関連付けられたメタ
安全なユーザーシステム
リッチコンテンツエディタ
プラグイン/テーマなどによる拡張性。

WordPressはこのスペクトル全体で明るく輝いており、オープンソースの柔軟性と組み合わせることで、夢のようなものを構築できます。ユーザーシステムとコンテンツは、XRなどのインタラクティブでメディアが豊富なアプリケーションの重要な要件です。 WordPressのようなオープンソースソリューションは、開発者にソースコードとソフトウェアのより大きな自由とより多くの制御を提供します。つまり、ライセンスに制限されることなく、開発者が望むように実行するように調整できます。新しいGutenbergエディターがWordPress5.0に統合され、世界で最も人気のあるCMSのパワーをさらに民主化することで、もう1つの自由度が達成されました。

新しいWordPressエディターの可能性

ブロックを使用してマークアップを制御するための統一された方法で、フロントエンドの利点について考えることに多くの時間を費やしてきました。フロントエンド開発でほとんど見過ごされてきた新しいWordPressエディターの1つの側面は、ブロック自体のデータ構造だと思います。

通常、REST APIを介してデータをプルすると、投稿の最終的なマークアップが返されます。これにより、非HTMLベースのアプリケーションがデータを解析または使用することが困難になります。最終的な出力を確実にサニタイズすることはできますが、それは将来の自信を提供せず、重要なコンテキストを削除することがよくあります。

投稿がフロントエンドでマークアップをレンダリングする前に、その最終的なマークアップを決定するために使用される貴重な属性があります。これらのオプションは、多くの場合、ブラウザーベースのエクスペリエンスの場合と同じように、ブラウザー以外のアプリケーションにも役立ちます。コンテンツが目的に合わせてサニタイズされていることを確認するだけです。

src 、 loop 、 autoplayなどの属性を持つオーディオブロックがあると想像してみてください。これらの属性は、実行時に同じ決定が行われることを期待する非ブラウザアプリケーションにとっても同様に重要です。グーテンベルクの投稿をクエリすることで、オーディオファイルとその動作の属性を取得し、アプリケーションをブラウザの動作と統合することができます。

それほど遠くない将来、物理的な世界とデジタルの世界は融合し続けるでしょう。若い世代がスクリーン、キーボード、マウス以外の方法で相互作用することが増えているので、おそらくその未来を念頭に置いてコンテンツを作成し始める必要があります。本当にすべてのマークアップを保存したいですか？それも重要ですか？そうである場合は、その属性を保存し、キーを設定し、JSONを介して公開する必要があります。マークアップは、実際にはフロントエンドレンダリングにのみ役立ちます。

サウンドのみのARブログリーダーのコンセプト

ボーズは、拡張現実への興味深いアプローチを開拓しています。彼らは製品の提供を急速に更新し、ヘッドホンとサングラスの中に6自由度（6DoF）センサーを組み込んで、音声のみのAR体験に電力を供給しています。これにより、XRの3つの重要なメカニズムが得られます。 6DoFヘッドトラッキング、プライベートサウンドエクスペリエンス、およびジェスチャ認識。このテクノロジーを使用して、グーテンベルクブロックのデータ構造の可能性を説明することにしました。

RoySivanと寄稿者によってオープンソースで構築されたGutenbergObject Pluginを使用して、RESTフレンドリーな方法で属性データを公開することができました。その後、私は、視覚のないブログを読むために、メカニックとMVPアプリケーションの構築に焦点を移すことができました。アプリケーションは、訪問者の周りの3D空間にボタンを配置します。右側の「次の投稿」ボタン。それらの真正面に、投稿データの読み取りを再生する投稿本文ボタン。音声からテキストへのテクノロジーは、WordPress用のAmazonAIプラグインを使用することで可能になりました。

ポスト本体に向かってメガネのフレームをダブルタップすると、音声が訪問者にうなずきジェスチャーを使用してポストオーディオを再生するように促します。アイデアをスケッチしてから24時間以内に、概念実証が機能しました。これは主に、データの準備方法を理解する必要がなかったためです。ブロックとJSONがすべてをやってくれました！

次の画像は、コンセプトと最終製品のスケッチです。

従来の拡張現実のブロック

ブロックの空間化は私にとって興味深いものだったので、ゲームエンジンの3DプレハブオブジェクトをWebページの2Dブロックに関連付ける方法を示す別の概念実証を作成しました。以下は、私のホテルの部屋の周りにレンダリングされたグーテンベルクの投稿のスクリーンショットです。

ARでのWebページの文字通りの1：1表現は、ブラウザーの内外で設計上の決定を結合できることを示していますが、さらに一歩進むことができると思います。ブロックは多くのことを表すことができます。では、カスタムブロックを使用して3Dアイデアを抽象化してみませんか？

非標準のファイルタイプと3Dオブジェクトの抽象化

HTMLには、すぐに使用できるファイルタイプの有限リストがあります。それは、私たちがそれらのオプションだけに制限されているということではありません。 WordPressは、許可されたタイプを追加するだけで他のユーザーに拡張できる柔軟性を備えています。

私は、プレイヤーがARでリアルタイムの音楽を操作できるBrokenPlaceという音楽ゲームを構築してきました。サウンドエンジンは、Pure Data（PD）と呼ばれるオープンソースのプログラミング言語を実行しています。この言語は、それだけが読み取ることができる非常に特殊なファイルタイプを持っています。 WordPressでは、プレイヤーがPDパッチをアップロードできる「曲」と呼ばれるカスタム投稿タイプで投稿コンテンツを管理しています。プレーヤーは、寄稿者ユーザーの役割としてWebサイトにログインし、パッチをアップロードするだけです。曲の投稿がネイティブアプリからクエリされ、パッチが読み込まれます。

コンテンツ送信オプションは、ユーザーが音楽インターフェイス用に独自のレイアウトを設計できるようにする可能性を開きます。下の図で、写真の3Dノブのそれぞれが「ノブ」と呼ばれるグーテンベルクブロックに関連付けられており、それらのノブのそれぞれがオーディオエンジンに送信されるサウンドメッセージに関連付けられた属性を持っていると想像してください。コンテンツ作成者は、列ブロックを使用して、サウンドメッセージがグリッドにどのようにマッピングされるかを決定できます。列ブロック内にブロックをネストすると、REST応答はブロックの子としてオブジェクトもネストし、JSON構造を使用してロジックを適用できます。

ナラティブデザインの可能性

投稿データでは、ストーリーを語っています。いくつかの情報、いくつかの個人的なものですが、それらは思考のカプセルとして機能します。投稿が画面上のテキストや画像だけではない未来を夢見ています。コンテンツを空間化することは、物語デザインの素晴らしい機会を提供します。私はこの可能性がAMPストーリーに表されているのを見て、構造が3D物理空間内で語られるストーリーを刺激するのに役立つことを願っています。

AMPストーリーと同じポスト構造を想像してみてください。ただし、自宅やオフィスにドロップできる3Dスペースの場合です。 Mozilla Hubsは、すべてのデバイスに開かれたコラボレーティブXRスペースで主導権を握っています。また、Mozilla HubsのWordPressナラティブデザインを組み合わせて、共有ストーリーテリング体験を可能にすることには興味深い可能性があります。

ヘッドレスWordPressを使用してXRエクスペリエンスを強化し、デジタルコンテンツとのやり取りや作成方法のまったく新しい時代の到来を告げるのに役立つ、新しい方法を模索し続けることに興奮しています。