Drupal8用のGutenbergコンテンツエディターのライブデモを最初に見てください

公開: 2018-08-08

Drupal Europeは、9月10〜14日にドイツのダルムシュタットで開催されるイベントのプログラムを発表しました。この会議では、1,600人を超えるDrupalの専門家と愛好家が、162時間のセッションと9つの詳細なワークショップで開催されます。

AutomatticはOpenWeb Loungeネットワーキングスペースを後援しており、MattMullenwegはDriesBuytaertとBarbPalserに参加して、オープンWebとオープンソースの将来について議論するパネルに参加します。

プログラムに関する興味深いWordPress関連のセッションの1つは、Drupal 8用のGutenbergコンテンツエディターの紹介というタイトルです。この新しいモジュールは、WordPressのGutenbergエディターをDrupalに移植します。これは、ノルウェーに拠点を置くデジタルサービスエージェンシーであるPer AndreRnsenと彼のチームFrontkomによって作成されました。

Drupal Gutenbergプロジェクトは、WordPressのGutenbergエディターに基づいた新しいパブリッシングエクスペリエンスを提供することを目的としています。このサイトのライブデモは現在、wordpress.org / gutenbergにあるWordPressの「Frontenberg」デモと同様に、Drupal内にGutenbergのフロントエンドインタラクティブ実装を提供しています。モジュールの最新の実装がそこに表示されますが、過去数週間にグーテンベルクで多くのことが起こったため、Rnsenは現在改良中であると述べました。

DrupalGutenbergプロジェクトがどのように生まれたか

Rnsenは、2017年に初めてグーテンベルクを見たと語り、Frontkomのメディアクライアントの1つにそれを使用するように促されました。

「Googleデジタルニュースイニシアチブが後援するフロントページビルダーを作成するためのライブラリとしてグーテンベルクを使用することを検討したとき、それをフォークするという考えは2017年半ばに起こりました」とRnsenは言いました。「私たちはそれを使用することになりました、そしてDrupalモジュールは自然なスピンオフです。」

Frontkomは、メディア業界向けにグーテンベルクベースのページビルダーを調整しました。 Gutenbergに追加機能を追加して、ユーザーがオンライン新聞のトップページの記事を配置および微調整できるようにします。 Rnsen氏は、プロジェクトは順調に進んでおり、彼のチームはそれをオープンソース化する予定ですが、現時点で何かを共有するには時期尚早であると述べました。

クライアントにグーテンベルクを使用したこの成功した経験に続いて、Frontkomは2018年1月初旬にDrupalグーテンベルクプロジェクトの作業を開始しました。

「作業の主な部分は、グーテンベルクをCMSにとらわれないようにすることでした」とRnsen氏は述べています。「最初にそれをフォークし、フォークを維持しました。その後、依存関係としてグーテンベルクを使い始め、より保守しやすいアプローチをテストしました。」

RnsenはGitHubでチケットを開き、GutenbergチームがプロジェクトをCMSにとらわれないように構成することを検討するように要求しました。チケットは、「プロジェクトで進行中の作業とその目標に直接関係しない」という説明で、かなりすぐに締め切られました。

「これまでのところ、WPの中心的な関心は、WPのニーズに応えることだけであったため、これまでのところ、上流でのコミットはほとんどありません」とRnsen氏は述べています。「しかし、それはちょうど変わった。」

グーテンベルクは、WordPressの外で使いやすくする方向に向かっています。チームは、すべてのReactモジュールをnpmパッケージとして公開することに取り組んでいます。 Rnsen氏は、グーテンベルクを機能させるために必要なグローバルの数を減らすことは、他のCMSにとって大きな助けになると予想していると述べました。

これまでのところ、Drupal Gutenbergプロジェクトは広く共有されていませんが、Rnsen氏は、彼のチームはDrupal技術コミュニティから多くの関心を集めていると述べました。

「英語で詳細なブログ投稿があります。休暇の後のためにそれを保存したのです」とRnsenは言いました。「しかし、それは爆発し、開発者は助けを求めて私たちに連絡し続けます。」

FrontkomはDrupalコミュニティに10年以上、WordPressは過去3年間関わってきました。 Rnsenと彼のチームは、GutenbergがDrupalスペースのギャップを埋めると信じています。

「Drupalには、これらの派手なWordPressページビルダーがすべて揃っているわけではありません」と彼は言いました。「つまり、これは単なる新しい投稿編集UIよりも本当に興味深いものです。複雑なレイアウトを構築するための統一された方法が必要です。」

Drupalは、Reactを使用して管理UIを刷新するイニシアチブをすでに持っており、Rnsenは、GutenbergがDrupalコアでこれがどのように発生するかに貢献すると考えていると述べました。理想的な世界では、多くのオープンソースプロジェクトがCMSにとらわれないグーテンベルクから大きな恩恵を受ける可能性があり、それらすべてが協力してその改善に貢献しています。

「企業としての私たちにとって、CMS間で簡単に移動できるフロントエンドを構築することは非常に興味深いことです」とRnsen氏は述べています。「一般的なオープンソースCMSの場合、実装プロセスから学ぶことがたくさんあると思います。たとえば、D8には「すべてがブロックである」という概念があります。これにより、GutenbergでDrupalコアブロックを簡単に利用できるようになりました。ブロック設定を公開するには、魔法をかけるだけです。」

Frontkomチームは、グーテンベルクのインターフェースの熱狂的なファンであるだけでなく、プロジェクトの実行方法にも感謝しています。 Rnsenは、最新のGutenbergテストに対するコミュニティの反応を追跡していませんが、「そこにあるほとんどのページビルダーには問題がある」ため、WordPressユーザーは長期的にそれを気に入ると考えていると述べました。

「Drupalは、WordPressから多くのことを学ぶことができます。これは、Gutenbergプロジェクトを実際に構築した方法です。透過的な設計プロセス、多くのコラボレーション、そしてそれでも非常に効率的です」とRnsen氏は述べています。「つまり、WordPressは、管理UI / JSの作業に関してDrupalよりも確実に進んでいます。 Drupalコミュニティには、似たようなことをすることにすでに多くの関心が寄せられているので、誰かがそれを通り抜けて成功するのを見るのは非常に新鮮です（うまくいけば）。」

PantheonのリードデベロッパーアドボケイトであるStevePerschは、2018年ナッシュビルのDrupalConで、WordPress 5.0で何が可能かについて話し、Twin Cities Drupal Campで「すべてがブロック：WordPressがWYSIWYGを書き直した方法」というタイトルのセッションを行いました。 Drupal Gutenbergセッションに関するTwitterの話題に応えて、Perschは、Drupalが競争力を維持するために編集上のUXの改善が必要であると述べましたが、必ずしもGutenbergを採用する必要はありません。

「私たちはその目的に向けて進行中のイニシアチブを持っています」とPerschは言いました。「グーテンベルク自体がその仕事から気を散らすものになる可能性があります。両方の[プレゼンテーション]で、段落またはレイアウトビルダーがグーテンベルクのような機能のより良いデータモデルの出発点になる可能性があることにも言及しました。 WordPressとまったく同じものを提供することは、自滅的です。構造化されたコンテンツはDrupalの心臓部です。グーテンベルク（またはそのようなもの）は、Drupalサイトが長年持っていたデータモデルのコーナー（段落部分）のより良いUIだと思います。」

さまざまなオープンソースコミュニティがグーテンベルクにどのようにアプローチし、WordPressの外部からのより多様なフィードバックがプロジェクトにどのように影響するかを見るのは興味深いでしょう。

Drupal Gutenbergモジュールは、プロジェクトページからダウンロードできます。現在、実験モジュールとしてマークされており、開発者のみが使用することをお勧めします。プロジェクトのライブデモは、グーテンベルクの最新のアップデートを反映するように間もなく改良されます。 GitHubでプロジェクトの開発をフォローすることもできます。