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の状態の理解は非常に重要であ... 続きを読む

React脳によるUIライブラリ書きやすさランキング - Qiita

2022/07/17 106 users Qiita React 摂理 おさらい 実務

前回のおさらい 前回の記事では、Reactに有利なベンチマークでUIライブラリに競ってもらいました。 こういうベンチマークに対しては、「実務では〜」みたいな反応が一定数出てくるのが自然の摂理です。 書きやすさランキング そこで、シリーズのまとめとして、より実務に近い指標として「書きやすさ」で競ってもらおうと... 続きを読む

Reactに有利なベンチマークを作ってみた - Qiita

2022/07/12 107 users Qiita React 論争 信者 ライブラリ

皆さんこんにちは。現在、フロントエンドでは宣言的UIが大流行しており、そのためのライブラリもReactを筆頭に複数存在しています。 ライブラリが複数存在するところには当然のように比較や論争が起こるものですが、UIライブラリの場合はパフォーマンスがよく焦点となります。 筆者はReactの信者ですが、Reactは古株とい... 続きを読む

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

2019/08/18 257 users Qiita React styled-components

はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライ... 続きを読む

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は普通に動くでしょ、という方もい... 続きを読む

FlatなUIが美しいJSレスなUIライブラリ「TopCoat」​:phpspot開発日誌

2013/04/22 83 users TopCoat Bootstrap レスポンシブ CSS 特徴

TopCoat FlatなUIが美しいJSレスなUIライブラリ「TopCoat」。 デスクトップ、モバイル対応でレスポンシブ、CSSで作られたUIライブラリです。 Bootstrapよりフラットなデザインが特徴でしょうか。Bootstrapのライバルとなるような物が出てきて、それぞれよい面を取り入れていってほしいですね 関連エントリ フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「Fl... 続きを読む

まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/03/03 414 users ネイティブ w2ui エンジニア ソフトウェア グリッド

w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ... 続きを読む

jQueryベースの軽量UIライブラリ・w2ui - かちびと.net

2013/02/16 74 users jQueryベース jQuery依存 w2ui net デモ

jQueryベースの軽量なUIライブ ラリ・w2uiのご紹介。軽量な理 由が、IE8以下に非対応にしてい る、との事なので、利用シーン はやや限られるかもしれません が、これはこれで。 軽量なUIライブラリ。jQuery依存ですが選択肢の一つとして。 w2ui 軽さが売りのUIライブラリです。最小で37KBだそうです。サイズの割に、かなり機能が充実している印象でした。 ↑ デモ。上記はデータテーブ... 続きを読む

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌

2011/07/19 1012 users jQueryベース phpspot開発日誌 jQuery

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現で... 続きを読む

Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ「Ninja UI」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/06/04 272 users ボタ コンポーネント 見栄え ライブラリ MOONGIFT

アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 0 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタ... 続きを読む

使いこなすとスゴそうなJavaScriptによるUIライブラリ『UKI』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/12/29 339 users インタフェース App UKI デモ シンプル

これ、なんだかスゴそうですよ。今風のインタフェースを作るためのJavaScriptのライブラリです。EXT.jsの凄い奴、って感じかな。 ↑ こういう部品群が用意されています。 ↑ デモとして用意されている『Google Wave』風インターフェース。こんなのもできちゃうってすごすぎじゃね？ ちなみにWave風インターフェースのコードはこちら。思ったよりシンプル・・・おそろしい・・・。 » app... 続きを読む