公平性とコミュニティの力

以下は、Josepha が書いた WordPress.org 公式ブログの記事「Equity and the Power of Community」を訳したものです。

誤字脱字誤訳などありましたらフォーラムまでお知らせください


この一週間、ジョージ・フロイド (George Floyd)、ブレオナ・テイラー (Breonna Taylor)、アマド・オーブリー (Ahmaud Arbery) についてたくさん考えていました。白人至上主義、世界中で黒人女性や男性が立ち上がっている不当な仕打ち、そして私が知らない、見ていないすべての不平等について考えてきました。

WordPress のミッションはパブリッシングを民主化することであり、私にとって常にそれは、「自身を表現する自由」という以上の意味を持っています。パブリッシングの民主化とは、声なき人々に声を与え、不公平性に反対する人々の声を増幅させることを意味します。民主的なパブリッシングがなければ知り得なかったことを知ることを意味します。人種、富、権力、機会に関係なく、すべての声が耳を傾けられる可能性を与えられることを意味すると私は思います。WordPress は商業活動へのポータルであり、アイデンティティのキャンバスであり、変化のためのカタリストです。

オープンソースプロジェクトとしての WordPress には、不公平な司法制度を再構築したり、構造的な不平等を上書きしたりする力はないかもしれません。でもそれは、私たち WordPress コミュニティが無力であることを意味しているわけではありません。WordPress は白人至上主義を根絶することはできませんが、WordPress コミュニティは、代表者が少ない (= underrepresented) グループに対してリソースを投資し、公平に雇用することはできます。WordPress は偏見を根絶することはできませんが、WordPress コミュニティは、コミュニティ内の疎外された声のためにスペースを用意することができます。

闘わなければならない人種的、社会的、制度的な不公平はたくさんあります。時には、変化は不可能に思えるかもしれませんし、今までの動きがあまりにも遅いものだったことは確かです。しかし、WordPress コミュニティは世界を変えることができることを、私は心の中で知っています。

自分のコミュニティで変化をもたらす方法についてもっと知りたい方のために、皆さんと同じような WordPress コミュニティメンバーから集めたリソースをいくつかここに紹介します。

State of the Word: Gutenberg ベースのプレゼンスライド

以下は、Ella van Durpe が書いた WordPress.org 公式ブログの記事、「State of the Word: the story of the slides」を @mimitips@nao@nukaga@atachibana で訳したものです。

誤字脱字誤訳などありましたらフォーラムまでお知らせください


WordCamp US 2019 で行われた マット・マレンウェッグ (Matt Mullenweg) 氏による State of the Word (訳注: マット・マレンウェッグが毎年行う基調講演) の中で、プレゼンテーションに使用したスライドが、Slides プラグインを使用した Gutenberg で作られていることが明かされました。WordPress を使ってスライドを作成するのは誰にでも当たり前の選択肢とは言えないので、この記事では、その過程を紹介し、Gutenberg を使ってスライドのレイアウトを作成するためのコツを提供したいと思います。

この記事は エラ (Ella) と タミー (Tammie) の共同執筆によるもので、2人は今年の State of the Word スライドの作成に (MelMarkEnriqueQ 、そしてサポーターとともに) 協力しました。

はじまりの経緯

エラ・ヴァン・ドゥールプ (Ella Van Durpe)JSConf と ReactEurope で登壇者として選出され、プレゼンのスライドを作りたいと考えました。

過去には Reveal.js を使ってスライドを作ったことがあり、HTML/CSS/JavaScript を使って何でも作れる自由さを楽しく感じていました。エラにとってこれらの言語は使いやすく、手慣れていましたし、ネイティブな形式で Web に公開することができるからです。

新たにプレゼンを作るにあたって Reveal.js をまた使おうと思ったものの、HTML を手書きで書きたくはありませんでした。「コードを実際にまったく書くことなく、Web 上にネイティブな形で公開できるコンテンツブロックを視覚的に作る」というのは、まさに Gutenberg が作られた目的でした。

エラは、スライド内にスタイルをハードコードし、追加設定はできないというプロトタイプのプラグインをすばやく作りました。各プレゼンの最後に、Gutenberg ベースのスライドについての簡単なデモを含めると、観客は驚きました。

WordCamp US 2019 が近づいてきたとき、エラはプラグインを State of the Word で使うように勧めました。これまでの登壇で、彼女の観客の反応がとても良かったので、WordPress コミュニティ全体にもこれを共有するのはいい機会だと思ったのです。

Gutenberg スライドの仕組み

技術情報

プラグインはカスタム投稿タイプ “presentation” と新しいブロック “slide” を登録します。slide ブロックは拡張 “Group” ブロックの一種です。投稿のルートにしか配置できませんが、内部にはどのブロックでも置くことができます。結果、投稿のルートにはスライドがあり、スライドにはコンテンツがあります。この構造は HTML セクション要素内にコンテンツを必要とする Reveal.js マークアップと完璧に合致します。

それぞれのスライドには固有のデザインがあるため、テーマのスタイルは無効化され、各スライドからスタイルを設定しています。プラグインで提供されるカスタムプレゼンテーションテンプレートが、フロントエンドにカスタム投稿をレンダリングします。

ここでエラは、スライドをスタイリングするオプションを追加しました。例えば、ドキュメント全体、または個々のスライドレベルで背景やフォントを設定するオプションや、スライドの遷移方法や速度を変更可能な Reveal.js オプションを追加しました。最後にスタイルを上書きするカスタム CSS フィールドを追加しました。

また State of the Word 用にスピーカーノートとスピーカービューも追加しました。

デザインの過程

スライドデザインのインスピレーションは、Blue Note のアルバム・ジャケットから生まれました (2011年の State of the Word スライドのインスピレーションでもありました)。これらのアルバム・ジャケットは、WordPress コアの最近の “About” ページと、新しい Twenty Twenty テーマのスターターコンテンツに影響を与えました。このスタイルは、力強く幾何学的な形状と、明瞭なラインのシンプルなフォームで構成されています。写真と大胆なタイポグラフィは、この意匠の本質です。

プレゼンテーションに最適な組み合わせを選択する前に、さまざまなカラーパレットとフォントの組み合わせが検討されました。

スライドには強力な写真の要素が必要でした。過去の WordCamp は優れた写真のソースなので、適切な写真を見つけるために何年ものフォトギャラリーを掘り下げました。色、フォント、写真を使用し、一連のプレゼンスライドを構築するための基礎を築きました。

Gutenberg スライドを作る上でのコツ

コツその1: カラムと仲良くなろう

正確なレイアウトのスライドが必要な場合は、カラムを活用しましょう。以下の例では、3列レイアウトを使ってスライド内のコンテンツを中央に配置しました。

コツその2: スペーサーブロックの便利さを知る

カラムを最大限に活用するには、スペーサーブロックと組み合わせましょう。以下のスライドでは、スペーサーブロックを使って背景画像の上にコンテンツを配置しました。

コツその3: 大画面でテストする

スライドをプレビューしながら進めていくことが大切です。使用するプロジェクターのサイズとアスペクト比に合わせて設計し、時々プレゼンテーションモード上で視覚的に確認してください。

コツその4: 動画を確認

新機能を紹介するにはよくできたデモ動画が欠かせません。ヨエン・アスムッセンが効果的なデモ動画についての記事を書いています。

学んだこと

アートディレクションを適用した構成をもっと簡単に作れるようにできればいいのに!

メル・チョイス-ドゥワン (Mel Choyce-Dwan)

Gutenberg の進化にともなった大きな改善点のひとつとして、「アートディレクション」が簡単になったということが挙げられます。しかし、今年の間に加えられた改善をもってしても、Gutenberg でいくつかのレイアウトを作成することは予想以上にトリッキーでした。より複雑な構成については、SVG に依存しました。将来、最終的にはこういったハックの必要性は解消され、わくわくする可能性の新しい世界がすべての人に開かれるでしょう。

ブラウザーを通して、例えば (多くの人が使うツールである) Keynote や Powerpoint を使用する場合よりも、このプレゼンテーションにおける最大の学びを得ることができました。多くの場合、フルスクリーンで表示すると、エディターで作成したものとは表示が異なることが分かりました。ブラウザーウィンドウ全体を使う代わりに、固定サイズを使用するようにプラグインをアップデートすることで、これを和らげることができました。

まとめ

もし State of the Word をチェックしたい方がいましたら、ぜひ録画を見て記事を読んでください。

Slides プラグインはプラグインリポジトリから利用できるだけでなく、コードを GitHub から入手できますし、翻訳の手助けをすることもできます。

四半期レポート | Q2 2018

以下は、Josepha が書いた WordPress.org 公式ブログの記事、「Quarterly Updates | Q2 2018」を訳したものです。

誤字脱字誤訳などありましたらフォーラムまでお知らせください


WordPress コントリビューターチーム全体の大きなプロジェクトや取り組みを皆さんに知ってもらうため、各チームの担当者に連絡を取りました。チームの最優先事項と完了希望期日、懸念していることや成功したことを共有してもらうよう頼みました。見出しに各チームのサイトへのリンクが含まれていますので、質問がある場合はご利用ください。


アクセシビリティ

  • 担当者@rianrietveld@joedolson@afercia
  • 優先事項: コアへのマージより前に、Gutenberg がある程度アクセシブルになることを確実にするために作業中。予定期限はバージョン5.0リリース前です。
  • 懸念事項: マイルストーンイシューのテストやコードを書くための、開発者とアクセシビリティ専門家の不足。この問題を解決するためにチームはアウトリーチを行っている。
  • 成功事項: Gutenberg のコードレビューとテストツールを手伝うために、Paciello Group や Tenon.io のような企業から興味をもってもらえた。

CLI

  • 担当者: @danielbachhuber, @schlessera
  • 優先事項: 最初のグローバルハックデイが7月20日に行われます。バージョン2.0.0はまだ開発中 (新しい予定期限は7月末) 。
  • 懸念事項: チームは継続的に新しいコントリビューターを必要としている。現在のチームはとても小さいが、タフでもある。
  • 成功事項: WordCamp ヨーロッパの「サマーアップデート」で言及されたとおり、WP-CLI は現在 WordPress プロジェクトの4つのメインフォーカスとなっている。

コミュニティ

  • 担当者@francina@hlashbrooke
  • 優先事項: ボランティアチームを強くし、物事をうまく運用するために必要なツールを確立することで、コミュニティ管理におけるプロセスを円滑にすることに焦点を当てています。期限はなく、進行中です。
  • 懸念事項: 現時点での2つの最大の懸念事項は、何をする必要があるかをトラッキングすることと、物事を最終決定することです。進行状況のトラッキングを助けるのに使えるツールに関する作業を現在行っています。
  • 成功事項: コミュニティーチームの貢献者を増やす努力をした後、代理人および WordCamp メンターとして働いてくれているボランティアグループの人員がかなり増えました。

コア

  • 担当者@jeffpaul
  • 優先事項: WordCamp ヨーロッパでの「サマーアップデート」 (およびこちらの関連記事) に続き、チームは Gutenberg (新しい WordPress エディター) をバージョン5.0でのリリースに向けてしっかりした状態になるよう作業しています。完了の可能性がある予定期日は8月です。
  • 懸念事項: より多くの貢献者が時間を提供してくれるようになるにつれ、チームの勢いと方向性をコーディネートすること。WordCamp ヨーロッパでの「サマーアップデート」 (およびこちらの関連記事) に続き、チームは Gutenberg (新しい WordPress エディター) をバージョン5.0でのリリースに向けてしっかりした状態になるよう作業しています。完了の可能性がある予定期日は8月です。まだ、未解決の問題に取り組んでいます。チームは、問題をより迅速かつ透明性を持って処理するため、毎週何度かのバグ・スクラブ (バグ解決の集中作業) をはじめました。
  • 成功事項: 4.9.6でかなりのリリースがありました。コアのプライバシーツールと機能に関する主要なアップデートが含まれます。

デザイン

  • 担当者@melchoyce@karmatosed@boemedia@joshuawold@mizejewski
  • 優先事項: 新しいコントリビューターを迎える手助け。特に、より良いドキュメンテーションを作成すること。予定期限は7月末。
  • 懸念事項: 初めてコントリビュートする方に、適度に小さなタスクを見つけるのが難しい。
  • 成功事項: チームは現在、以前よりもはるかに良い組織になっており、それがデザイン関連の未処理のタスクをクリアし、新しいコントリビューターを迎え入れ、現在のコントリビューターも引き続き活動してもらうのに役立っています。さらに、Joshua Wold 次回のリリースを共同でリードする予定です。

ドキュメンテーション

  • 担当者@kenshino
  • 優先事項: HelpHub の作業を新しいコントリビューターへオープンにし、開始プロセスをより簡単にすること。期限は特になく、現在進行中。
  • 懸念事項: https://wordpress.org/support/ でのローンチに対し、コードとデータベースの準備ができているようブロッカーを確認すること。
  • 成功事項: HelpHub の最初のフェーズの作成は完了した。コンテンツの更新 (情報の更新、可読性や情報の見つけやすさの向上)、内部検索、デザイン改善、REST API エンドポイント。

ホスティング

  • 担当者@mikeschroder@jadonn
  • 優先事項: ホスティングサービスが Gutenberg への準備ができた状態にすること。特に、「Gutemberg を試してみよう」というコールアウトがダッシュボードに表示されるようになった後に寄せられるであろうサポート関連の質問に関して。期限は7月31日、その後は WordPress 5.0。
  • 懸念事項: 少数のボランティアチームによって、ほとんどのコントリビュートが行われています。さらに数人が参加してはいますが、歩みは遅いです。
  • 成功事項: 新しいチームメンバーとホスティング会社が #hosting-community チームに参加し、コントリビュートを開始しました。

マーケティング

  • 担当者@bridgetwillard
  • 優先事項: コミュニティからのケーススタディの作成と公開を継続。期限は特になく、現在進行中。
  • 懸念事項: 特になし。
  • 成功事項: 短いコントリビューターデイ向けのオンボーディングカード (初心者向けの手引き) を執筆、デザイン。WCEU のコントリビューターデイで使われ、オンボーディングの時間が3時間から1時間に短縮できた。

メタ (WordPress.org サイト)

  • 担当者@tellyworth@coffee2code
  • 優先事項: コントリビュータエリア (テーマレビュー、GDPR /プライバシー、プラグインレビュー) を中心に手動の作業を減らすこと。細かい部分の期限は四半期の終わりであり、その後の大きな部分に手を付けます。
  • 懸念事項: チケットの勢いを維持すること。また、メタ Tracシステムを使用っているチーム間でのチケット管理プロセスの更新に関する議論も行われている。
  • 成功事項: 新しい「About」ページが立ち上げられ、ほとんどのロケールサイトで翻訳が完了した。

モバイル

  • 担当者@elibud
  • 優先事項: モバイルアプリに Gutenberg を導入すること。期限は12月後半。
  • 懸念事項: ReactNative アプリで直接 Gutenberg のソースを消費すること。詳細はこちら
  • 成功事項: WordPress モバイルアプリは、RTL (右から左へ書く言語) を完全にサポートし、アクセシビリティに関する最新規格に準拠しています

プラグイン

  • 担当者@ipstenu
  • 優先事項: 8,000個以上の使われていないプラグインをキューから削除すること。見込み期限は9月。
  • 懸念事項: GDPR への準拠を提供するプラグインに関する多くの誤った主張をトリアージする必要があった。
  • 成功事項: 4.9.6をリリースし、プラグイン作成者の期待を更新しました。そのために尽力してくれたコアプライバシーチームに感謝します。

翻訳

  • 担当者@petya@ocean90@nao@chantalc@deconf@casiepa
  • 懸念事項: 新しい PTE のトレーニングに時間がかかり、ツールやシステムが複雑である。全体として、承認待ちの文字列が大量にある。
  • 優先事項: WordPress コアリリースを100%に翻訳した上で、トップ100のプラグインとテーマに集中すること。期限は特になく、現在進行中。

サポート

  • 担当者@clorith
  • 優先事項: Gutenberg コールアウトの準備を整えること (前四半期から先延ばしされた) 。公式サポートフォーラムでのさらに活発な参加が必要であり、そのための支援・教育活動が進行中です。期限は7月末です。
  • 懸念事項: コントリビューターデイ/ドライブの後も貢献者の参加を継続させること。この件についての洞察を得るため、コントリビューターデイの後にアンケートを作ることを検討している。
  • 成功事項: 週次ミーティングへの国際リエゾン担当者の参加増加により、より広範なサポートコミュニティを団結させることができるようになった。

テーマレビュー

Tide

  • 担当者@valendesigns (but usually @jeffpaul)
  • 優先事項: PHPCompatibilty の結果を WordPress.org API 内に保存し、その結果を表示する UI を構築すること。また、この作業が継続できるよう監査をリクエストするエンドポイントを追加すること。
  • 懸念事項: チームメンバーが休暇中だったり、内部クライアント業務に引き込まれている間、開発が大幅に減速中。
  • 成功事項: Amazon Web Services (AWS) から Google Cloud Platform (GCP) への移行が完了し、監査サーバーはすべて Go 言語で書き直されました (これにより、より大きな容量とより少ないコストで、さらなる高速化が可能になります) 。

トレーニング

  • 担当者@bethsoderberg@juliek
  • 優先事項: レッスンプランの作成。予定期限はなく、現在進行中。
  • 懸念事項: ワークフローが少し複雑なため、プロセスを動かすのに十分な貢献者を募集し訓練することが大変。
  • 成功事項: WordCamp Europe のコントリビューターデイはとても生産的でした。新しいツールやワークフローが整備され、2人のチーム代表が先導や手助けをしました。

今年の第1四半期のレポートに興味がある方は、こちらをご覧ください。