Reactの状態を理解して適切にHooksを利用する

2024/02/03 89 users hooks React コンポーネントベース 状態 フック

Reactと状態は切っても切れない関係です。なぜなら、Reactは状態に基づいて画面を更新するコンポーネントベースのUIライブラリだからです🤝🏻 そんなReactの状態を管理・操作しやすくしてくれているのが、React 16.8から登場したフックです。それゆえ、フックを正しく利用するにあたってReactの状態の理解は非常に重要であ... 続きを読む

シンプルなUIライブラリを使おう2023 - Qiita

2023/12/04 29 users 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... 続きを読む

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... 続きを読む

30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」:phpspot開発日誌

2013/04/03 45 users ＺＥＢＲＡ ツリービュー phpspot開発日誌 グリッド

| HTML5 Canvas Rich UI JavaScript Library 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 グリッド、ツリービュー、タブ、フォーム等のリッチコンポーネントが詰まっていてスマホも対応しているUIライブラリ UIに若干クセがありますが、テーマ機能もあるので、今後に期待したいライブラリです 関連エントリ jQuery用のよく使うU... 続きを読む