PatternFlyの日本語資料が非常に少ないので、紹介記事を書いてみる。
PatternFlyとは
PatternFlyはRed Hatがスポンサーをしている、オープンソースのWeb UIフレームワーク。Bootstrap 3をベースにしている。
Bootstrapは、Webの汎用コンポーネントを集めたCSSライブラリだが、とくにWeb系のB2Cなサービスで使われているように思う。PatternFlyはRed Hatがスポンサーしているだけあって、エンタープライズ向けに特化していて、B2BなサービスやWebアプリケーションで使われることを想定した、一段高レベルのウィジェットやレイアウトがライブラリとして提供される。
なお、名前からも分かるように、元々はアプリケーションサーバのWildFlyの管理コンソールなどで使われていたUI部品を統合して再利用しようという試みから生まれた。
パターンライブラリ
というわけで、PatternFlyがどんなUIライブラリを提供しているかを紹介してみる。
バージョン 3.17.0 現在であるライブラリのカテゴリは、以下の8つ。
- アプリケーションフレームワーク
- カード
- ユーザとのコミュニケーション
- コンテンツの表示
- ダッシュボード
- データ可視化
- フォームとコントロール
- ナビゲーション
アプリケーションフレームワーク
ログインページ
カード
状態集計
トレンド
使用状況バー
使用状況トレンド
ユーザとのコミュニケーション
初期状態
インライン通知
ポップアップ通知
システム情報
通知センター
ウィザード
コンテンツの表示
カード
リスト
表
ダッシュボード
ダッシュボード要素
ダッシュボードレイアウト
データ可視化
曲線グラフ
棒グラフ
ドーナツグラフ
温度分布図
直線グラフ
円グラフ
スパークライン
使用状況バー
フォームとコントロール
日付入力
項目ヘルプ
検索
時間入力
フォーム
ナビゲーション
垂直ナビゲーション
水平ナビゲーション
