OOUI/ja

ウィキメディア財団のプロジェクト群 OOUI グループ: Contributors 開始: 2013-10

OOUI
はじめに
ライブラリについて OOjs primer
始めてみよう
Creating interfaces programmatically PHP の例 MediaWiki での OOUI の使用
Working with widgets
Elements GroupElements FlaggedElements LookupElements DraggableElements Widgets Icons, Indicators, and Labels Buttons and Switches Selects and Options Inputs Popups Progress bars Layouts Fields and Fieldsets Forms Stacks and Panels Menus Booklets and Pages Index and TabPanels Windows 単純なメッセージ ダイアログ Process Dialogs メッセージ ダイアログ ウィンドウ マネージャー Toolbars Themes その他の概念
関連項目
スクリプトやガジェットの修正

OOUI は、開発者がレスポンシブな Web ユーザー インターフェイスとアプリケーションを作成できるようにします。

国際化は左書き言語への完全なサポートをそなえ、アクセシビリティはWeb Content Accessibility Guidelines に準拠、多数のブラウザで一貫して動作します。

OOUI ライブラリには以下が格納されます:

• すぐに使えるウィジェットとレイアウトに加え、直接インスタンス化するか、簡単に拡張できる表示枠。
• JavaScriptがサポートされていない場合の、PHP サーバー側で互換性のある出力
• カスタムのユーザーインターフェイスの作成に使う要素で、簡単に組み合わせができる。

OOUI はMediaWiki Coreにあるほか、npm、Composer、cdnjs経由で入手できます。 OOUI は「WikimediaUI」テーマを実装し – ウィキメディア財団のデザインスタイルガイドに準拠します。 MediaWiki のインターフェイスは既定でこのテーマを使用しますが、MediaWiki の別の外装でこれを上書き可能で実際に上書きします。 MediaWikiでOOUIを使う方法の説明文書もご参照ください。 ウィキメディア財団ならびにボランティアの開発者が作成した40件以上のウェブ製品で、正常に使用中です。 Community-created TypeScript definitions for OOUI exist (they work in JavaScript projects as well in popular IDEs).

注意点として、ライブラリは本来OOjs primer (OOUIの旧称はObject-Oriented JavaScript の略語「OOjs UI」)専用ではなく、VisualEditor向けのすべてのユーザーインターフェイス用に作成されています。 その後の経過でMediaWiki Core向けに拡張され、改訂版モバイル寄稿プロジェクトではPHPを備えたウィジェットまたはレスポンシブインターフェイスを実装し使われるようになりました。

OOUIはオー・オー・ユー・アイと発音します。

ソースコードはGerritにホストされ、GitHubにミラーが提供されています。

Future of OOUI alongside Codex

Codex's toolkit will replace OOUI as the default user interface library. Currently development at the Wikimedia Foundation is focused on Codex, the design system for Wikimedia. It features guidelines and a set of tools: design tokens, components, and icons.

New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.

Note that in JS-only gadgets and userscripts, Codex can't replace OOUI as of September 2023, at least not in any practical way. For gadget/userscript developers, there is currently no successor for OOUI available. You can participate in the discussion about enabling Codex for gadgets and userscripts.

説明文書

説明文書を載せた下位ページの総覧は、サイドバーをご参照ください。

関連項目

• doc.wikimedia.org上のソースコードから生成されたAPI 説明文書
• オンラインの対話式デモおよびプロジェクトの demos ディレクトリ内での試用
• OOUIを利用して段階的にやることリスト・アプリケーションを構築するチュートリアル
• OOJS/OOUI kick starter — Ready to code and demo user interface.