Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Blueprint

More than 3 years have passed since last update.

仕事で使っているblueprintというUIツールキットが良い感じなのでアドベントカレンダーに合わせて紹介記事を書いてみました。

特徴

  • スタイリッシュなreactコンポーネント+cssを提供している
    • reactコンポーネントのインターフェースは特定のデータ構造を想定していない
    • なので、Immutable.jsでも普通のjsオブジェクトでも、ClojureScriptのオブジェクトでも動かすことが出来る
  • デスクトップアプリを想定している
    • not mobile first
  • TypeScriptで書かれており、型情報を利用することができる
  • ドキュメントが充実してる

入っている物を一部紹介

配色

image.png

アイコン

image.png

デートピッカー

image.png

デートレンジピッカー

image.png

table

image.png

  • エクセルに非常に近い操作性が実現できるのが魅力的

インストール方法

  • npmでインストール & ビルド
  • cdn

の2通りがある。

まとめ

  • 使っていて生産性高くクオリティの高いUIを書けているように感じている 一部しか機能を紹介していないので、興味が湧いたようであれば公式ドキュメントが良い。 コード例と共に記載されていて非常にわかりやすくなっている。
xcoo
ゲノムおよび生体情報解析のトータルソリューション「Chrovis」の開発をしています。
https://xcoo.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away