今Reactを使うならピュアなCSSをサポートするUIフレームワークやライブラリを選定するのがマルそうと思った話

2024/11/09 129 users React ライブラリ マル

最近個人開発でNext.jsの環境を立ち上げた際に、スタイリングをどうやってやろうかなと迷ったので初心に帰って最近のスタイリングについて調べ直してみました。結構面白かったので、記事にまとめることにしたので、よかったら読んでみてください。 本記事では以下に触れます。 React界隈におけるスタイリング方法の歴史... 続きを読む

Python Web UIフレームワーク Streamlitの基本 | gihyo.jp

2024/10/29 115 users Streamlit stream デスクトップアプリ 寺田

寺田 学（@terapyon）です。2024年10月の「Python Monthly Topics」は、Python Web UIフレームワークの1つであるStreamlitの基本的な使い方を紹介します。 2024年4月には、「⁠Python Web UIフレームワークで作るデスクトップアプリ」と題し、Steamlitを使ってデスクトップアプリ化をする紹介を行いました。 今回はStream... 続きを読む

Googleが開発したPythonのUIフレームワーク「Mesop」の特徴を開発チームが解説

2024/06/10 27 users Python github.io カスタマイズ Blog 解説

Googleのチームが開発したPython用のUIフレームワーク「Mesop」の特徴や使い方について、開発チームがブログに投稿しています。 Why Mesop? - Mesop https://google.github.io/mesop/blog/2024/05/13/why-mesop/ 多くのPython用UIフレームワークは簡単に使い始められるものの、標準的な使用方法を超えてカスタマイズを行... 続きを読む

Python Web UIフレームワークで作るデスクトップアプリ | gihyo.jp

2024/04/30 89 users デスクトップアプリ Colaboratory MacOS

寺田 学（@terapyon）です。2024年4月の「Python Monthly Topics」は、Python Web UIフレームワークの1つであるStreamlitを使ってWindowsやmacOSのデスクトップアプリを作る方法を解説します。 目的⁠・モチベーション Pythonで自動化のスクリプトを作ったり、JupyterLabやColaboratoryでデータの可視化を行うことがあり... 続きを読む

VanJS で素のDOM操作をリファクタしたら最高だった

2023/08/17 24 users バンドルサイズ gzip圧縮 トランスパイル DOM操作 特徴

VanJSを試してみたら開発体験が良かったので紹介します。 🍦 VanJSとは？ VanJSは、数ヶ月前にメジャーバージョンがリリースされた比較的新しいReactive UIフレームワークです。軽量、非依存、トランスパイル不要、シンプルなAPIという特徴があります。 gzip圧縮で0.9kbと非常に軽量で、バンドルサイズの肥大化を気にす... 続きを読む

JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に

2023/06/27 130 users 大幅縮小 正式リリース Svelte パッケージサイズ 3MB

JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に JavaScriptのUIフレームワーク「Svelte」の最新版となる「Svelte 4」が正式にリリースされました。 https://t.co/9qz0sDglCe — Svelte 4 Ever (@SvelteSociety) June 22, 2023 Svelte... 続きを読む

React for Web/Reat Native両対応のUIフレームワーク「Tamagui 1.0」正式リリース。最適化コンパイラで高速なレンダリングなど実現

2023/01/04 13 users レンダリング 最適化コンパイラ 正式リリース web 実現

React for Web/Reat Native両対応のUIフレームワーク「Tamagui 1.0」正式リリース。最適化コンパイラで高速なレンダリングなど実現 React for WebとReact Nativeの両方に対応しオープンソースで開発されているクロスプラットフォーム対応のUIフレームワーク「Tamagui 1.0」が正式にリリースされました。 Tamaguiを用いる... 続きを読む

マイクロソフト、「.NET MAUI」がリリース候補版に到達。単一コードでWin/Mac/Android/iOSのUIを記述可能に

2022/04/13 72 users iOS デスクトップアプリ モバイルアプリ WIn 単一コード

マイクロソフト、「.NET MAUI」がリリース候補版に到達。単一コードでWin/Mac/Android/iOSのUIを記述可能に マイクロソフトは、デスクトップアプリからモバイルアプリまで単一のソースコードでクロスプラットフォーム対応を可能にするUIフレームワーク「.NET Multi-platform App UI」（以下、.NET MAUI）がリリース候補... 続きを読む

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発

2021/10/11 187 users jQuery本体 jQuery Mobile 移行 開発

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery Mobileにつ... 続きを読む

KotlinでAndroid/Web/DesktopアプリのUI開発を統一するフレームワーク「Compose Multiplatform」がアルファ版に － Publickey

2021/08/18 19 users Publickey Kotlin JetBrains ベース

プログラミング言語のKotlinを開発するJetBrainsは、KotlinでAndroidアプリ、Webアプリ、Desktopアプリを統一的に記述できるフレームワークとなる「Compose Multiplatform」がアルファ版に到達したことを発表しました。 Compose Multiplatformは、Android用のUIフレームワークである「Jetpack Compose」をベースに、Web... 続きを読む

ウェブアプリ開発で使えるUIフレームワークのコンポーネントをまとめて確認できる「Open UI」 - GIGAZINE

2020/03/31 13 users GIGAZINE ウェブアプリ コンポーネント 普及 テーブル

インターネットの普及に伴い、ウェブアプリの開発はますます盛んになっていますが、クリックするボタンやテーブルといったウェブアプリのコンポーネントはUIフレームワーク間で標準化が十分とは言えず、同じコンポーネントを再構成するのに開発現場の時間が取られることもあります。「Open UI」では、複数のUIフレームワ... 続きを読む

styled-components（CSS in JS）をやめた理由と、不完全なCSS Modulesを愛する方法 - Qiita

2020/03/11 19 users styled-components Problem CSS

Help us understand the problem. What is going on with this article? styled-components 画像は styled-components ツライっていう顔です。 Angularのようにスタイリングまで面倒を見てくれるUIフレームワークならまだしも、Reactの場合はコンポーネントのスタイリング方法も自身で選択しなければいけません。CSSのス... 続きを読む

宣言的UIフレームワーク 「SwiftUI」と「Flutter」を比較してみた - dely engineering blog

2019/10/28 78 users Flutter SwiftUI

こんにちは！クラシルiOSアプリを開発しているknchstです。 昨今のモバイルアプリケーション開発では様々な要件があり、それらを満たすよう実装するには数々の苦難がありました。その一つとしてUIの状態、所謂State管理が難しくなってきています。ネットワークに接続し、またUIをアニメーションさせたりと、データとUIを... 続きを読む

Apple、新フレームワーク「Swift UI」発表。簡潔なコードとドラッグ＆ドロップでUIを構築、デバイスでの即時プレビュー。WWDC19 － Publickey

2019/06/04 50 users Publickey UIKit ユーザーインターフェイス

米Appleは6月3日（日本時間6月4日未明）にカリフォルニア州サンノゼで開催したイベント「WWDC19」にて、Swift言語を用いて効率的にユーザーインターフェイスを定義できるUIフレームワーク「Swift UI」を発表しました。 例えば、こうしたよくあるUIを従来のObjective-CとUIKitで記述すると、多くのコードが必要です。 こ... 続きを読む

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

2019/04/18 280 users Lottie Vue.js フレームワーク スマートキャンプ

デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という... 続きを読む

なんとなくVue.jsのUIフレームワークを紹介する - Qiita

2019/03/05 91 users Qiita Vuetify フレームワーク コンポーネント

概要 僕が今まで使ってきたVue.jsのUIフレームワークを紹介していきたいと思います。 Vuetify 難易度 ★★★☆☆ ドキュメントの読みやすさ ★★☆☆☆ コンポーネントの数 ★★★★★ 汎用性 ★★★★★ おすすめ度 ★★★★☆ 感想 コンポーネントも多いし、デザインも綺麗なのでおすすめのフレームワークです。 でもドキュメントがすごく読みに... 続きを読む

GoogleがモバイルUIツールFlutterを刷新、アプリや機能のオンデマンド配信も可能に | TechCrunch Japan

2019/02/26 46 users 刷新 TechCrunch JAPAN Flutter 機能

米国時間2月26日、バルセロナで開催中のMWC 2019でGoogleはクロスプラットフォームのUIフレームワーク「Flutter」をバージョン1.2にアップデートした。 今回のアップデートでFlutterはAndroid App Bundleをサポートする。これはアプリや機能をオンデマンド配信するためのGoogleの最新テクノロジーだ。Androidアプリを効... 続きを読む

Xamarin と React Native と Flutter の違いを正しく理解しよう - Qiita

2018/03/01 165 users Qiita Flutter Xamarin React 以下

DroidKaigi2018 でもセッションがあった Flutter がβ版になりました。 グーグル、Android/iOS対応のUIフレームワーク「Flutter」ベータ版を公開 - CNET Japan これでまた、にわかにクロスプラットフォーム開発ツール(以下 "X-Plat Tool" と略)が盛り上がってる気がします。 Flutter が出たからと言って、Xamarin や React ... 続きを読む

Vue.js製のUIフレームワーク「Element」の使い方 - SCOUTER開発者ブログ

2017/11/14 129 users Element ryotakodaira コンポーネント

2017 - 11 - 14 Vue.js製のUIフレームワーク「Element」の使い方 Vue.js Element Tweet 株式会社SCOUTERの小平( id:ryotakodaira ) です。 弊社では、フロントエンドの開発にVue.jsを導入しており、現場では主にVue.jsのUI コンポーネント 集「 Element 」を使用して、ページの見ためを表現しています。 先日、「 E... 続きを読む

おじさんが若者たちにモテるためのモダンなHTML/CSSマークアップ - Qiita

2017/05/20 457 users jQuery Qiita React TypeScrip 取捨

タイトルに含まれる語に関する補足 おじさん： 筆者の便宜上、30歳前後のフロントエンドエンジニア、マークアップエンジニア等を指す。性別は問わない。 なぜ「モテ」なければいけないのか 「モテる」とは、最先端の流行を知り取捨選択することで、自由意志を謳歌することで実現する。 PHPとjQueryの時代は廃れ始め、AngularやReactに代表されるUIフレームワーク、ES2015やTypeScrip... 続きを読む

F8：Facebook、React Fiberを発表―JavaScriptのUIフレームワークを完全リニューアル | TechCrunch Japan

2017/04/18 224 users Facebook Fiber React インターフェイス

Facebookはユーザー・インターフェイスを書くために利用されているJavaScriptライブラリ、 React を根本的にリニューアルしたことを F8デベロッパー・カンファレンス で発表した。これまでFacebookからまったく発表がなかったが、React Fiber（これが新しいReactのプロジェクト名）はしばらく前からFacebookのインターフェイスを動かしていた。Fiberについての... 続きを読む

JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ

2016/12/09 71 users モバイルアプリ CSS anatoo HTML アーキテクチャ

2016 - 12 - 09 JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ Onsen UI Advent Calendar の12/9の記事です。 Onsen UI は、モバイルアプリのネイティブライクなUIをHTML + CSS + JavaScriptで簡単に構築することを目的としたUIライブラリです(UIフレームワークともたまに呼ばれます)... 続きを読む

マイクロソフト、OfficeのUIフレームワークを「Office UI Fabric」としてオープンソースで公開 － Publickey

2015/09/02 266 users fabric Publickey ローカライゼーション 公開

マイクロソフトは、Office 365などのWebサイトで実際に使われているOffice UIを構成するフレームワークを「Office UI Fabric」としてオープンソースで公開しました。 フレームワークが備えているのは、タイポグラフィ、テーマカラー、アイコン、アニメーション、レスポンシブグリッドレイアウト、ローカライゼーションなど。 真ん中がOffice UI Fabricを用いたWeb版の... 続きを読む

レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」 - かちびと.net

2015/07/01 41 users ミニマル レスポンシブWebデザイン net

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介 Kudos for About This Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。 Kachibito.net is a community-based ... 続きを読む

Onsen UIをWebサイトで使ってみよう : アシアルブログ

2015/04/06 48 users Onsen UI アシアルブログ Monaca みよう 描画

HTML5のUIフレームワークであるOnsen UIはMonacaとの相性を考えて開発されていますが、必ずしもハイブリッドアプリ専用という訳ではありません。Webサイト開発にも利用が可能です。 GoogleがWebサイトのモバイル対応が行われているかどうかを検索順位に反映することを発表していたり、HTML5によってWebもどんどん多機能になっている中、Onsen UIを使うことで高速な描画で使いや... 続きを読む