【イベントレポート】UI Lab #1「ノブ」
イベント概要 開催日:2025/12/3 テーマ:「ノブ」をテーマにUIを作って持ち寄る"UI大喜利” 参加人数:22人(オフライン：8人/オンライン：14人) イベントページ:https://studio.connpass.com/event/373723/ レポート 2025年12月3日に、Studioオフィスで、テーマに合わせたUIを作成し持ち寄る「UI LAB#1」を開催しました。 UI Lab #1 (2025/12/03 19:00〜) これまではStudio社内に限定して開催していたUI Lab。今回からは社外のUIラバーにも一緒に楽しんでいただきたいと思い、社外公開することにしました。 今回の記事では、UI LAB#1の様子を、参加者のみなさんが実際に作ってくれたUIとともにレポートします。 #1のテーマは「ノブ」のUI UI LABはUIの可能性を追求し、批評は一切なしで
React Query Builder
(firstName like 'Stev%' and lastName in ('Vai', 'Vaughan') and age > '28' and (isMusician = TRUE or instrument = 'guitar') and groupedField1 = groupedField4 and birthdate between DATE '1954-10-03' and '1960-06-06') Export/importConvert to and from SQL, MongoDB, and several other query formats. The code block reflects the query above converted to the selected format.
Dialog と Popover #9 | blog.jxck.io
Intro ここまで解説した仕様を踏まえ、いくつかの代表的なユースケースの実装について考えていく。 あくまで仕様の組み合わせ方についての解説であり、実装そのものの推奨ではない。 また、ここで紹介する仕様はまだ変更の可能性があり、かつ実装も揃っていないものがある点に注意 Toast 次は、Popover の源流にもなった、画面端にメッセージを表示するいわゆる Toast UI について考えてみる。想定するのは以下のようなものだ。 メッセージの性質によって、色やアイコンのスタイルを変えられ、同時に複数積み上げて表示できるといった仕様が一般的だ。 HTML 基本は <div popover> となる。また、複数のメッセージがあった場合に、他のが表示されても消えないよう、manual を指定する。 <div popover="manual"> </div> もし内容のレイアウトで Flex や G
「GUI操作のPC」はもう限界？ 本当は何が必要なのか
関連キーワード 業務効率 本記事は、ジェフ・シュチェパンスキー氏と、プログラミングQAサイトの「Stack Overflow」のOBチームが共同で執筆した寄稿を基にしたものだ。シュチェパンスキーはワークスペースオーケストレーションツールのベンダーReframe Technologiesの創業者兼CEOを務めており、過去にはStack Overflowと、「X」（旧Twitter）が2021年に買収したチャットアプリケーションベンダーSphereでCOO（最高執行責任者）を務めた経歴を持つ。 「グラフィカルユーザーインタフェース」（GUI）搭載のデスクトップPCの登場は、コンピューティング分野における画期的な飛躍だった。これはコンピュータでのマルチタスクを容易にし、業務の生産性向上に大いに貢献した。 しかし現代の仕事は、当時は想像できなかったほど複雑化している。企業はさまざまなアプリケーショ
React でゼロからフローチャートUIを実装する
最近、AIのワークフローを簡単に組める OSS「Dify」が注目を集めています。 Difyではブラウザ上でフローチャートを構築してLLMのワークフローを設計できます。 今回はこのUIの実装を理解するためにReactでフローチャートUIを実装してみようと思います。DifyではフローチャートUIの構築に「React Flow」を使用しています。React Flow は React で使えるフローチャートUIライブラリです。本記事の実装でも React Flow を参考にしてきます。 本記事はフローチャートUIの仕組みを理解することを目的にしています。 フローチャートUIの要素 フローチャートは主に、ノードとエッジから構成されます。ノード同士はエッジで繋ぐことができます。 この記事ではエッジ接続部分をコネクターと呼びます。 つくるもの シンプルなフローチャートUIを実装します。 今回作るフローチ
Scrapboxの複雑GUI - guiland
https://gyazo.com/343caf0f14cc565ce656a43e9a02aad2https://gyazo.com/471d8cab15bf364febe29e6f2cafb5ad
The Wails Project | Wails
Wails v2 turns what used to be tedious and painful into a delightfully simple process. Use the tools you know to create cross-platform desktop apps. Everyone wins!— Brian Ketelsen Co-author of "Go In Action" Feature RichBuild comprehensive cross-platform applications using native UI elements such as menus and dialogs.
Builder.io: AI Frontend Engineer
Announcing Visual Copilot - Figma to production in half the time
富豪的プログラミング
ちょっと貧しいGUI ユーザインタフェースのプログラムといえばすっかり グラフィカルユーザインタフェース(GUI)があたりまえになりました。 ところが最近の計算機はメモリもディスクも大量に装備しているし CPUパワーも従来とは比べものにならないのに、 意外と貧乏臭いインタフェースが生き残っているようです。 よく見られる以下のようなインタフェースはちょっと貧しい と思われます。 ウィンドウ枠のドラッグ マウスでウィンドウを動かそうとするとき、 ウィンドウの枠だけマウスに追随し、中身はドラッグ終了後に 再描画されるというシステムがあります。 画面描画が遅かった時代はこういう工夫も仕方がなかったかもしれませんが、 今でもこういうインタフェースを使っているのは貧しいでしょう。 排他的論理和で枠を書いたりもとに戻したりしていれば貧しさ度アップです。 でも調べてみたら同僚のほとんどが 枠だけドラッグの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mmulet/term.everything: Run any GUI app in the terminal❗
GitHub - onlook-dev/onlook: The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
GitHub - ant-design/x: Craft AI-driven interface effortlessly🤖
GitHub - orca-app/orca: A Wasm environment for cross-platform, sandboxed graphical applications.
GitHub - webui-dev/webui: Use any web browser or WebView as GUI, with your preferred language in the backend and modern web technologies in the frontend, all in a lightweight portable library.
複雑GUI会
GitHub - sakihet/dnd-tree-todo: 🌲 Preact Todo app using localStorage. You can use DnD to reorder tasks and change the hierarchy.
GitHub - area9innovation/flow9: Platform for safe, easy and productive programming of complex, multi-platform apps with a modern user interface
GitHub - linebender/druid: A data-first Rust-native UI design toolkit.
GitHub - fjvallarino/monomer: An easy to use, cross platform, GUI library for writing Haskell applications.
Airbnb's Server-Driven UI Platform
