タグ UIライブラリ
人気順 10 users 50 users 100 users 500 users 1000 users今アツい（気がする）UIライブラリ...?ではないらしい shadcn/uiを使ってみる - Nealle Developer's Blog
2024/12/10
28 users
shadcn
ニーリーアドベントカレンダー2024
アツい
この記事はニーリーアドベントカレンダー2024の10日目の記事です。 はじめまして、Nealleのデザイナー音部です。 profile.unotovive.io アドカレでデザインチームのことを書くつもりが、全然思いつかずにフロントエンドの話をします。 タイトルにある通り、shadcn/uiというモノの紹介と、実際に使ってみたレポートです。... 続きを読む
Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita
2024/05/11
58 users
Qiita
shadcn
RSC
Reactコンポーネント
Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも... 続きを読む
Reactの状態を理解して適切にHooksを利用する
2024/02/03
89 users
hooks
React
コンポーネントベース
状態
フック
Reactと状態は切っても切れない関係です。なぜなら、Reactは状態に基づいて画面を更新するコンポーネントベースのUIライブラリだからです🤝🏻 そんなReactの状態を管理・操作しやすくしてくれているのが、React 16.8から登場したフックです。それゆえ、フックを正しく利用するにあたってReactの状態の理解は非常に重要であ... 続きを読む
シンプルなUIライブラリを使おう2023 - Qiita
皆さんこんにちは。昨今の技術選定においては、「シンプルさ」が重視されることが良くあります。 特に「イージー VS シンプル」という対立軸が持ち出されることが多く、規模の大きなアプリケーションを作る際には「シンプル」側の技術を選定するほうが有利だという論調がよく見られます。 本当にそうなのか、あるいはそ... 続きを読む
「Windows Community Toolkit 8.0」が発表、名前空間を大整理して開発・保守を簡素化／コミュニティ主導で開発されているオープンソースのUIライブラリ
2023/09/11
13 users
保守
コミュニティ主導
簡素化
オープンソース
名前空間
ReactにおけるUI/UXデザインとコンポーネントの基本原則の解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
2023/07/16
7 users
React
コンポーネント
コンポーネントベース
基本原則
Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なア... 続きを読む
マイクロソフト、「.NET MAUI extension for Visual Studio Code」リリース。VSCodeからiOSやAndroidの実機やエミュレータでのデバッグなど可能に
2023/07/12
40 users
iOS
vscode
エミュレータ
Extension
クロス
マイクロソフトは、Visual Studio Codeでクロスプラットフォーム対応のUIライブラリである.NET MAUIを用いたアプリケーション開発を容易にする拡張機能「.NET MAUI extension for Visual Studio Code」（以下、.NET MAUI extension）をリリースしました。 .NET MAUIは、.NETアプリケーションにおいて単一コードでクロス... 続きを読む
いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた
2023/06/11
19 users
ウェブアプリ
世間
需要
プログラミング能力
両方
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大... 続きを読む
Radix UIでコンポーネントを作成する時に意識したこと
2023/05/08
8 users
コンポーネント
Mui
microCMS
ヘッドレスUI
既成
microCMSでプロダクトエンジニアをしています。りゅーそうです。 microCMSでは、UIコンポーネントを作成するのにRadix UIを採用しています。 Radix UIはいわゆるヘッドレスUIと呼ばれるUIライブラリで、UIの機能のみを提供します。 ChakraUIやMUIのようなUIライブラリの場合、既成のコンポーネントセットをそのままイン... 続きを読む
React脳によるUIライブラリ書きやすさランキング - Qiita
2022/07/17
106 users
Qiita
React
摂理
おさらい
実務
前回のおさらい 前回の記事では、Reactに有利なベンチマークでUIライブラリに競ってもらいました。 こういうベンチマークに対しては、「実務では〜」みたいな反応が一定数出てくるのが自然の摂理です。 書きやすさランキング そこで、シリーズのまとめとして、より実務に近い指標として「書きやすさ」で競ってもらおうと... 続きを読む
Reactに有利なベンチマークを作ってみた 【ハードモード】 - Qiita
2022/07/14
9 users
Qiita
React
レンダリング
おさらい
ベンチマーク
前回のおさらい 前回の記事では、同じアプリケーションを6つのUIライブラリで実装し、Reactに有利な状況設定で作られたベンチマークを走らせると当然Reactが勝つという結果をお伝えしました。 そのベンチマークでは、「レンダリングのために高い負荷がかかっている状況でもユーザーが快適に入力を行えるかどうか」を測り... 続きを読む
Reactに有利なベンチマークを作ってみた - Qiita
2022/07/12
107 users
Qiita
React
論争
信者
ライブラリ
皆さんこんにちは。現在、フロントエンドでは宣言的UIが大流行しており、そのためのライブラリもReactを筆頭に複数存在しています。 ライブラリが複数存在するところには当然のように比較や論争が起こるものですが、UIライブラリの場合はパフォーマンスがよく焦点となります。 筆者はReactの信者ですが、Reactは古株とい... 続きを読む
React 18リリース候補版が公開。Automatic BatchingやServer-Side Renderingのストリーミング対応による速度向上、IE対応の終了など
2022/03/14
7 users
React
version
IE対応
速度向上
リリース候補版
React 18リリース候補版が公開。Automatic BatchingやServer-Side Renderingのストリーミング対応による速度向上、IE対応の終了など JavaScript対応のUIライブラリである「React」の最新版、「React 18」のリリース候補版が公開されました。 Our next major version, React 18, is available as a Release Candidate. If... 続きを読む
Kotlin用デスクトップUIライブラリ「Compose for Desktop」が登場、Win/Mac/Linuxアプリ開発対応。JetBrains － Publickey
2020/11/11
29 users
Publickey
JetBrains
Kotlin
WIn
オープンソースのプログラミング言語「Kotlin」の開発元であるJetBrainsは、Kotlinでデスクトップアプリケーションの開発を容易にするUIライブラリ「Jetpack Compose for Desktop」（以下、Compose for Desktop）を発表しました。 We just published Compose for Desktop Milestone 1! It provides a declarative & reac... 続きを読む
社内UIライブラリの変遷 - STORES Tech Blog
2020/07/31
22 users
変遷
STORES Tech Blog
stores
HEY
heyのSTORESでECの開発をしている@nkobaです。 この記事ではフロントエンドで使用しているUIライブラリについて発信していきます！ 社内UIライブラリとは STORESのECではSTORES.jp-Front-Commonというフロントエンドライブラリを作成しています。 その一部としてUIライブラリが含まれており、これを社内プロダクトで利用... 続きを読む
Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita
2019/08/18
257 users
Qiita
React
styled-components
はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライ... 続きを読む
Swift4 PagingMenuControllerでタブを実装する - TaillookTech
2017/10/20
12 users
TaillookTech
Platform
タブ
スワイプ
2017 - 10 - 20 Swift4 PagingMenuControllerでタブを実装する Swift Tweet PagingMenuControllerとは 上部のタブをスワイプで切り替えることが出来るUIライブラリ インストール 今回はCocoaPodsでインストールします． # Uncomment the next line to define a global platform... 続きを読む
JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ
2016/12/09
71 users
モバイルアプリ
UIフレームワーク
CSS
anatoo
目的
2016 - 12 - 09 JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ Onsen UI Advent Calendar の12/9の記事です。 Onsen UI は、モバイルアプリのネイティブライクなUIをHTML + CSS + JavaScriptで簡単に構築することを目的としたUIライブラリです(UIフレームワークともたまに呼ばれます)... 続きを読む
iOS7スタイルのぼかしエフェクトを使用しているハイクオリティなオープンソースUIライブラリ集 - showrtpath - iOSブラウザ開発日記
2013/12/21
117 users
API
iOS7
showrtpath
標準
オープンソース
2013-12-21 iOS7スタイルのぼかしエフェクトを使用しているハイクオリティなオープンソースUIライブラリ集 iOS7がリリースされてから、iOS7のぼかしエフェクトを使用したオープンソースのUIライブラリが多数リリースされています。今回はその中でもハイクオリティなUIライブラリを紹介します。 ちなみにiOS7のAPIでは、ぼかしエフェクトを標準で提供していません。キャプチャしてぼかしエフ... 続きを読む
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも － Publickey
2013/12/12
365 users
Publickey
モバイルアプリケーション
SAP
同社
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブ... 続きを読む
iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
2013/09/30
50 users
iPhone
iPhone風
BSD License
ソース
ChocolateChipはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア（BSD License）です。モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版とも言えるChocolateChipを紹介します。 例えばこちらはiPhone風。iOS 7に似ています。 同じ内容でAndroid風。 こちらはWindows Phon... 続きを読む
HTML/CSS/JavaScriptのUIライブラリを集めた『UI Component Library』 | IDEA*IDEA
2013/08/29
82 users
IDEA
ページング
CSS
HTML
JavaScript
ちとメモ的にエントリーしておきます。HTML/CSS/JSのUIライブラリ集ですね。まだ数は少ないですが、カテゴリーごとにまとまっていていい感じです。 ↑ 例えばページング。 ↑ メニュー。 ↑ 詳細情報も充実しています。 まだあまり充実していないのがあれですが、知っておいてもいいかもですな。 » UIBox – Curated HTML, CSS, JS UI Component Library 続きを読む
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開 | HTML5Experts.jp
2013/08/28
57 users
BRICK
UIコンポーネントライブラリ
Mozilla
Web開発のあり方を大きく変えると期待されている、Web Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました（今回のネタ元になった記事はこちら）。 その名もBrickです。 Brickは、Brickは、X-Tagというフレームワークの上で構築されています。 X-Tagは、Web Components仕様に準拠したカスタムコンポ... 続きを読む
Yahooが作ったピュアCSSのUIライブラリ「Pure」:phpspot開発日誌
2013/06/03
90 users
pure
グリッド
CSSモジュール
phpspot開発日誌
Yahooが作ったピュアCSSのUIライブラリ「Pure」 2013年06月03日- Pure Yahooが作ったピュアCSSのUIライブラリ「Pure」 グリッド、フォーム、ボタン、テーブル、メニュー等を実現するCSSモジュールです。 なんとなくBootstrapっぽい感じがしますが、JavaScriptレスというのが特徴なんでしょうか。 今時JavaScriptは普通に動くでしょ、という方もい... 続きを読む
Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」 - かちびと.net
2013/05/09
43 users
TopCoat
Adobe製
net
Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも素敵でした。ライセンスはApacheライセンスです。 Topcoat Other Links WPデザインギャラリー トピアンテナ ドメイン検索・ドメイチ jQuer... 続きを読む