Cloudflare Pages + Functions + Workers KV + vite + preactで簡単なページを作った
今回作ったページは下記。 https://haropuro-shuffle.pages.dev/ 元ネタ リポジトリ YuheiNakasaka/haropuro-shuffle 簡単なルーレットアプリ。ルーレットで出た結果をWorkers KVに保存。保存された文字を都度更新して表示(リアルタイムではない)。結果が1000件を超えるとクリアされる。 開発の流れ Workers KVの設定 vite + preactのアプリ開発 Cloudflare Pages/Functionsにデプロイ Workers KVの設定 Workers KVとは PagesやFunctionsから呼び出せるKey-Valuesストア。ここ見るとわかるけど容量制限など結構厳しいのでDBとして本格的に使える感じではない。 設定方法 まずGUIからだとWorkersのページからnamespace(database
ゼロからはじめるPython(115) 簡単GUIライブラリ「PySimpleGUI 5」の有償化と互換ライブラリについて
先日、手軽に使えるGUIライブラリ「PySimpeGUI」のバージョン5がリリースされ、それに伴って商用利用が有償化された。個人利用はこれまで通り無償だがライセンス登録が必要になる。そこで、本稿ではPySimpleGUIを使い続ける方法と、互換ライブラリ「TkEasyGUI」に乗り換える方法の二つを紹介する。 「PySimpleGUI」と互換ライブラリの「TkEasyGUI」を紹介する 簡単GUIライブラリ「PySimpleGUI」について 本連載の109回目でPySimpleGUIの使い方を紹介した。PySimpleGUIは独自のイベントモデルを採用し、二次元リストを使って手軽にGUIを構築できるライブラリだ。 PySimpleGUIのWebサイト - https://www.pysimplegui.com PythonでGUIを持つデスクトップアプリを開発するには、TkinterやPy
tauri.app Tauri とは Electron代替として作られたRust製のGUIアプリケーション開発ツールキット。 ユーザーは各プラットフォームのWebViewで動くHTML+JavaScriptでUI開発をして、裏側はRustで書いたネイティブバイナリにコンパイルされるプログラムを呼び出す。 実際の実装のイメージが以下で、Electronに使い方は似せられている。 tauri.app Electronは特製ChromiumとNode.jsをユーザーのアプリケーションに同梱することでポータビリティを担保させているのに対して(find /Applications -name "Electron Framework.framework" コマンドを実行してみると大抵どんな環境にもElectronが10匹ぐらい居る) TauriはOSが用意しているWebViewにリンクして、スクリプト
「オブジェクト指向UIのフィロソフィー」を読んでOOPとGUIの認識が変わった - taiyo6060’s diary
「オブジェクト指向UIデザイン」の第6章「オブジェクト指向UIのフィロソフィー」の感想記事です。 www.sociomedia.co.jp めちゃくちゃ面白かったです。 オブジェクト指向が生まれた経緯、背景にある思想、GUIとの関連性について学べました。 以下、印象に残った部分と感想になります。 注：この記事はデザイン未経験の3年目エンジニアによる感想記事です。誤った解釈が含まれる可能性があります。 オブジェクト指向とは オブジェクト指向とは、システムをデザインする際に主体（知覚する者）ではなく客体（知覚される者）をモデル化することに本質があるからです。 今までの私のオブジェクト指向に対する認識は「データとロジックをまとめて部品とする仕組み」くらいのものだったので、かなり視点が変わりました。 客体をモデル化したもの：「オブジェクト」同士の相互作用によって大きな構造体を動かすという思想を改め
1. はじめに ついに ChatGPT-4V が使えるようになりました！ これまでGUIを作成するときには、ChatGPT に 「まず左上にテキストボックスがあって、その右にボタンがあって...」 とちまちま指示する必要があったのですが、GPT-4V により画像を渡せるようになります。 この記事では、ChatGPT-4V を使うと GUI 作成がどのくらい楽になるのかを検証してみたいと思います！ 作成するGUIはこちらのものです。 2. GPT-4V の読み取り精度の確認 2.1. 日本語のポンチ絵 まず、元の記事で使用した日本語のポンチ絵を渡して、どのように読み取れるのかを確認します。 GUIの各要素の位置はなんとなく読み取れている感じがしますが、日本語の読み取り精度はあまり高くないようです。 2.2. 英語のポンチ絵 先ほどのポンチ絵を英語に変換してみます（左下だけ詳しく書き直しました
Gluonjs – Home
Develop desktop apps from websites, using system installed browsers and NodeJS.
From idea to app in minutesAn internal tool or a dashboard for your team, weekend project, data entry form, kiosk app or high-fidelity prototype - Flet is an ideal framework to quickly hack a great-looking interactive apps to serve a group of users. Simple architectureNo more complex architecture with JavaScript frontend, REST API backend, database, cache, etc. With Flet you just write a monolith
GUIの“こちら側”からのデザイン / Designing GUI Face and Face
GUIの“こちら側”からのデザイン（公開版） GUIの表現方法ではなく、ユーザーの操作方法やイベントディスパッチの構造に着目してmacOSネイティブインターフェイスのデザインを考えます。CocoaにおけるResponder Chainの仕組みやUIの表現に触れつつ、macOS “らしい” GUIの…
I recently received a tantalizing email from a reader I’ve never met: Sam Henri-Gold. Sam showed me how you can key in a couple write commands in the macOS terminal: defaults write NSGlobalDomain WebKitDeveloperExtras -bool true defaults write -g WebKitDeveloperExtras -bool YES Which will enable a context menu in a system web view: Which lets you trigger the Safari Web Inspector and inspect elemen
Rust向けGUIツールキット「KAS」の作者が、自身のブログでRust言語で使用できるGUI関連ライブラリの発展具合を振り返った。KASはApache License 2.0で公開しているオープンソース・ソフトウェアだが、少人数で開発しているためバージョンアップのペースは遅く、当初の目標としている機能をすべて実装できているわけではない。現時点での最新バージョンは0.12.0と、バージョン1にも到達していない。 今回のブログ投稿は、Rust向けのGUIツールキットやライブラリの開発が進んでいないのではないかと疑問を投げかける他者のブログ投稿に答えるものだ。ほかのWebサイトには、RustでGUIアプリケーションを作ることはできるが、その方法はElectronを入れてHTMLで記述するか、ラッパーを通してOSのAPIを操作するしかない。Rustの言語仕様をもってすれば、複雑なGUIも記述でき
はじめに お世話になっております。 猫ミームを見すぎて、X(旧Twitter)もYoutubeも猫ミームだらけになってしまい危機感を感じています。 さて、前回書いた記事をもとにReflex、Solara、Taipyを使用して、Webアプリケーションを弄っていましたが、まったく理解できずに 僕「Streamlitしか勝たん。」 と心の中に住んでいるギャルがつぶやいていたところ、コメントでStreamsyncというフレームワークがあることを教えていただきました。 Streamlitのパチモンか？と気になりながら、調べてみるとJuliaのGenieBuilderのようにGUIなどのコンポーネントをビジュアライゼーションで組み立てることができるとのこと。 気になったらやってみる精神のため、とりあえず触ってみたので、簡単にまとめたいと思います。 前回記事↓ Streamsyncとは フロントエンドは
GitHub - toshusai/cmpui: CmpUI is a component library designed for creating complex GUI applications in web browsers.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Stable Diffusion の各種 Web UI を、簡単な操作でインストール / 起動 / 管理 できるようにするソフト。 WebUI reForge、AUTOMATIC1111、Fooocus、SD.Next、InvokeAI、ComfyUI、VoltaML といった Stable Diffusion の各種 GUI を、簡単な操作でインストール / アップデート / 起動 できるようにしてくれます。 LoRA / LyCORIS / ControlNet 等の追加学習ファイルを管理する機能や、Civitai で公開されているモデルを内蔵ブラウザから直接検索＆インストールする 機能なども付いています。 Stability Matrixは、クロスプラットフォーム対応の Stable Diffusion パッケージマネージャーです。 Stable Diffusion WebUI re
Rust の GUI クレートは全体的にまだまだ発展途上で決定版がない状況ではあるものの、 egui が良い感じに進歩しているので、基本的な使い方を書いてみる。 egui の概要と特徴 egui は書き方も見た目も使い勝手も独特なGUIライブラリ。名前の読み方は「エグーイ」だと思う。Emil氏がやっているので。 特徴を知るためにはとりあえずWebブラウザで動くサンプルを触ってみるのが良い。 とにかくクセがすごい。ウィンドウ内のウィンドウなんて今日日見かけないものが普通に存在している。 でも豊富なウィジェットがあるので、それなりに使えそうな感触もあるかとも思う。 egui の特徴をざっくりと列挙してみると、以下のような感じ。 動作もビルドも速い。 色々な環境で動く。上記サンプルみたいにWASMでも動く。 即時モードを採用している。（詳細は後述） ネイティブのような見た目や、複雑なレイアウトは
「Jan」は、大規模言語モデル(LLM)のダウンロードからローカルで動作させて実際にチャットするまでの流れをすべてGUIで実行できるアプリです。便利そうだったので、実際にPCにJanをインストールしてLLMとチャットするまでの手順を確かめてみました。 Jan | Rethink the Computer https://jan.ai/ JanはLLMをダウンロードしてローカルで実行するアプリです。LLMとサクサク会話するには、NVIDIA製GPUを搭載マシンかAppleシリコン搭載Macの使用が推奨されています。今回はGeForce RTX 3090を搭載したWindowsマシンで動作させてみます。 まずは以下のリンクをクリックしてJanのダウンロードページにアクセスします。 Download | Jan | Rethink the Computer https://jan.ai/down
GitHub - DioxusLabs/dioxus: Fullstack app framework for web, desktop, and mobile.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
約6年ぶりのWindows新版「Windows 11」が登場した。Linuxとの連携が強化されているのが特徴だ。Windows 11で具体的にLinuxをどう生かしていくかを解説する。 Windows 11では、Windowsの中でLinuxを動かす「WSL（Windows Subsystem for Linux）」に新機能や変更が加わっています。そうした変更点を解説していきましょう。 インストールが簡単に Windows 11のWSLに関して変わった点として、まずインストールが以前と比べて簡単になったことが挙げられます。 少し前までは、Windows 10でWSLをインストールして使えるようにするには、システム設定の「Windowsの機能の有効化または無効化」からWSLと仮想マシンプラットフォームを有効にしたり、WSL用のLinuxカーネルをインストールしたり、WSL2をデフォルトにした
RustでGUIプログラミング – Icedでtourを触りつつ日本語表示対応をしてみた | DevelopersIO
はじめに Rustを使ってみて、実行ファイル形式はやはり手軽だなーと感じるこの頃です。ただ、毎回ターミナル上での操作となるので「たまにはフォーム形式でやってみたい」と思いました。 RustにもGUIのライブラリが幾つかあり、そのうちの一つIcedを弄ってみることにしました。 Icedを選んだワケ 知名度があると思われるRustのGUIライブラリとして、conrod、druid、OrbTk、azul等があります。それぞれに特徴がありつつも、日本語が十二分に使えるのはconrodのみのようです。 ですが、上記記事にてconrod版を軽快に動かしたい場合に推奨されているvulkanは、MacOSの場合だと動作環境の都合でmetalにする必要があります。 他に何かないかなと検索してみたところ、実践Rustプログラミング入門の中身検索にてIcedを見つけました。クロスプラットフォーム対応により1つの
はじめに Rustでグラフィクスプログラムをクロスプラットフォームに書く環境が、wgpuというクレート中心に揃っていて大変素晴らしいので、それについてメモします。 記事の後半では実際にwgpuを使って三角形の描画までを試してみます。 バージョン Rust: 1.62.0 wgpu: 0.13.1 グラフィクスAPI この記事ではグラフィクスプログラミングを、グラフィクスAPIを利用したプログラミングを指すものとします。 まずはグラフィクスAPIについて最初に説明をします。 グラフィクスAPI グラフィクスのAPIとは、具体例をあげるとOpenGLやDirctX的なやつです。 現代においてリアルタイムグラフィクスを利用するプログラムを書く場合、CPUだけで実行される普通のプログラムとは違い、GPUを使うプログラムを書くことになります。 GPUを使うプログラムを書くとはどういうことかというと、
The Initial Preview of GUI app support is now available for the Windows Subsystem for Linux
A year ago at BUILD 2020 we introduced our goal to bring Linux GUI applications to the Windows Subsystem for Linux (WSL) to run Linux GUI applications. We are proud to announce the first preview of this highly anticipated and open source feature! We’ve given this feature the nickname: “WSLg”. Please check out the video below or keep reading to see what you can use this feature for, how it works, a
Rust: state of GUI, December 2022 There was a recent call for blogs about Rust GUI. So, Are we GUI yet? Contents: Categorised listing of toolkits State of KAS State of GUI Categorised listing of toolkits Lets start by categorising entries from Are we GUI yet, ignoring those which appear abandoned or not very functional. Bindings Wrappers around platform-specific toolkits: Mac OS / iOS - cacao - Ru
正規表現は「テキストの中から『りんご』と『リンゴ』の両方を探す」とか「テキストファイル内のURLが含まれる行を全部抽出する」といった際に便利ですが、「正規表現の基本的な仕組みは知っているものの、たまにしか使わないから記法を毎回調べている」という人は多いはず。ブロックを組み合わせて正規表現を書ける「ビジュアル正規表現エディタ」が公開されていて便利そうだったので使ってみました。 ビジュアル正規表現エディタ https://hi-king.github.io/visual_regexp_web/ ビジュアル正規表現エディタを開くとこんな感じ。「/M\d+(エンジニア|PdM|データサイエンティスト)大*募集/」という正規表現がブロックの組み合わせで表現されています。 自分で「テキストの中の『りんご』と『リンゴ』を検索する」という操作に使う正規表現を作ってみます。まず、すでにあるブロックをごみ箱ア
Linux perf Profiler UIs pprof Web UI looking at a flamechart of regexp stack traces. This post is a quick literature review of CPU profiler user interfaces available for analysing Linux program performance. I couldn't find any list of profiler UIs online. Hopefully this can help people find the profiler UI that's right for them. CPU Profiler output is extremely multidimensional — processes, thread
Reactのレンダラー探訪
React DOMとReact Nativeの役割に対称性がないのがちょっと気に食わないところですが、共通しているのは次の2点です。 Reactはプラットフォーム非依存な差分管理を行う React DOM/Nativeはプラットフォーム依存な処理を行う この責務の分割はFacebook側でも意図して行ったものだったようで、その後、React 360（旧称：React VR）という、3D空間のオブジェクトを表示・差分管理するためのプラットフォームに取り組んでいた時期もありました。 さて、FacebookではReactをGUIの差分管理のために利用していますが、インターネットコミュニティには様々な変態がおりまして、Reactを「XML状のデータ構造で表現可能なあらゆるデータを差分管理するライブラリ」として捉え、GUIではないものを差分管理する猛者が次々と現れています。 もちろんブラウザもDOM
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
GitHub - appsmithorg/appsmith: Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - microsoft/wslg: Enabling the Windows Subsystem for Linux to include support for Wayland and X server related scenarios
WSLg is short for Windows Subsystem for Linux GUI and the purpose of the project is to enable support for running Linux GUI applications (X11 and Wayland) on Windows in a fully integrated desktop experience. WSLg provides an integrated experience for developers, scientists or enthusiasts that prefer or need to run Windows on their PC but also need the ability to run tools or applications which wor
AppleやGoogleといったOSを開発するメーカーは、自社プラットフォーム向けのアプリをリリースする開発者向けに、どのようにデザインを構築していけばいいのかをまとめたガイドラインを作成し公開しています。Appleの「Human Interface Guidelines」は、言葉・画像・デザインをどのように選択すればユーザーが簡単にコンテンツや機能を使えるようになるかをまとめたもので、開発者だけでなく多くの人にとって参考になる内容が多く含まれたものとなっています。 Inclusion - Foundations - Human Interface Guidelines - Design - Apple Developer https://developer.apple.com/design/human-interface-guidelines/foundations/inclusion
Windows 10 プレビュービルド21364から、WSL2でのGUIアプリケーション対応がなされた。現時点ではプレビュー版の段階なので、必ずしも完成というわけではないが、Windows Insider ProgramのDev Channelに参加していれば、すぐにでも試すことができる。 昨年に公表されていたWSL2でのGUIアプリ対応 WSL2でのGUIアプリケーション対応は、「WSLg」と呼ばれているようだ。WSL2のGUI対応に関しては、昨年のオンラインイベントでの発表などを元に解説している。 ●LinuxのGUIアプリケーションに対応するWSL2 https://ascii.jp/elem/000/004/040/4040474/ ●WSL2ではRDPでLinux GUIアプリのウィンドウを表示する https://ascii.jp/elem/000/004/041/404142
GitHub - siteboon/claudecodeui: Use Claude Code, Cursor CLI or Codex on mobile and web with CloudCLI (aka Claude Code UI). CloudCLI is a free open source webui/GUI that helps you manage your Claude Code session and projects remotely
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Python未導入環境においてPandasGUIとpandas-profilingを使用可能なEDAツール『Pandas Anywhere』を作ってみた - Qiita
はじめに この度、PythonライブラリであるPandasGUIとpandas-profilingを、Pythonをインストールしていない環境においても使用できるEDAツール**『Pandas Anywhere』**を作成したので公開します。本ツールを使用することで、誰でもどこでも簡易にビッグデータ※の分析が可能となります。 ※本記事でいうビッグデータとはMicrosoft ExcelやAccessで扱うのが困難な大容量データを指します。 作成の動機 前回書いた記事「Python初学者のためのPandas100本ノック」では、知り合いにPython・機械学習を始める人が増えてきていることから、そのような人たちの学習を支援するコンテンツを作成しました。私の周りでは、このコンテンツをきっかけにPython、pandasを用いたデータ分析ができるようになった人もおり、目的通りの効果があったと思い
Download Free Trial Available for Mac, Windows, Linux Free 14-day trial No credit card required Import & ExportImport and export collections to CSV and JSON. Download backups of your database and transfer data across projects or to the emulator. Powerful Admin PanelView and edit your data in a table, tree or as JSON. Rename and copy collections and documents, query Firestore from JavaScript. Secur
ひとえにUIデザインといっても、プラットフォームや分野によって考えることも作る内容も変わってくるので、彼らをすべて「UIデザイナー」と一括りに呼ぶことにはいささか無理があるように感じることがあります。エンジニア職でいう「Webフロントエンジニア」と「iOSデベロッパー」の区別がされていないような状況に近いかと思います。かといって職能や肩書きを細分化することを提案しても、それが適切に社会に支持され、お金を稼ぐことができるひとつの職業として認められなければあまり意味がないので、理想だけを語っても仕方がありません。その代わりに、大きくUIデザイナーと呼ばれる職種には具体的にどのようなタイプが存在しているのかについては、なんとなく言葉にできるような気がしました。この発想でスキルマップを作ったりして当てはめてみることで、さまざまな個性の存在や捉え方といった発想が見えてくるのではないかと考えました。
tl;dr Today, we are open-sourcing a long-awaited GUI for Metaflow. The Metaflow GUI allows data scientists to monitor their workflows in real-time, track experiments, and see detailed logs and results for every executed task. The GUI can be extended with plugins, allowing the community to build integrations to other systems, custom visualizations, and embed upcoming features of Metaflow directly i
Linuxのファイアウォールを「Uncomplicated Firewall」で簡単設定--「GUFW」でGUIも利用
筆者が1997年に「Linux」を使い始めたとき、組み込みのファイアウォールを使いこなすことは、誰でもできることではなかった。実際に、それはかなり複雑な作業だった。1998年頃から、システムのセキュリティを管理したいのであれば、iptables（「Netfilter」パケットフィルタリングシステムを操作するための一連のコマンド）を習得することが必須になった。 例えば、すべての着信セキュアシェル（SSH）トラフィックを許可する場合は、以下のようなコマンドを実行する。 sudo iptables -A INPUT -p tcp --dport 22 -m conntrack --ctstate NEW,ESTABLISHED -j ACCEPT sudo iptables -A OUTPUT -p tcp --sport 22 -m conntrack --ctstate ESTABLISHE
Electronの代替を目指す軽量なRust製フレームワーク「Tauri」の開発チームは、Tauriで使えるGUIライブラリの初めてのリリース「tauri-egui 0.1.0」をリリースしました。 Today is soon™️ Remember when we promised you the ability to make interactive windows without any HTML/CSS/JS or even a system webview? Now you can! Just click the link below to learn how to try out tauri-egui and integrate into your own app.https://t.co/QECA9Q85Yr — Tauri (@TauriApps) September 19,
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tauri on mobile 現状確認会 - laiso
画像入力で楽々！ChatGPT-4V と Python GUI 開発 - Qiita
Build multi-platform apps in Python powered by Flutter | Flet
Inspecting Web Views in macOS
Rust向けGUIツールキット「KAS」の作者が、RustのGUI対応状況を振り返る
Streamlitの後継者を求めて② - Qiita
Stability Matrix - ｋ本的に無料ソフト・フリーソフト
eguiで作るRustのGUI（基本的な使い方と日本語表示）
コマンド不要でLLMのダウンロードから会話までを実行できる無料チャットAIアプリ「Jan」を使ってみた
Windows 11の標準機能でLinuxを動かす、GUIアプリもサクサク
「PowerToys」と「Windows Terminal」の開発者がタッグ！ 新機能の開発が進行中／Windowsアプリを手軽に探して、インストールできる仕組みらしい【やじうまの杜】
Rustのグラフィクス周りメモ/wgpuとその使い方
State of GUI 2022 - KAS blog
正規表現を使いたいけど記法を忘れたときに便利な「ビジュアル正規表現エディタ」
Linux perf Profiler UIs
モノクロ画像をAIでカラー化してくれるPythonツールを試してみた - Qiita
Appleのアプリ開発者向けの新しいヒューマンインターフェイスガイドライン
GUI設定アプリを追加へ ～「Windows Subsystem for Linux」（WSL）の2024年5月改善／メモリの自動回収など、“実験的”として提供されていた機能の一部も既定で有効化
WSL2でのGUIアプリ対応がプレビュー版で開始 実際に動かしてみた (1/2)
Powerful GUI for Firestore - Firefoo
偏見まみれのUIデザイナーのタイプ分類｜usagimaru
「Docker Desktop」が「Microsoft Store」から入手可能に ～v4.41が公開／Windows版ではNVIDIA GPUアクセラレーション付きの「Docker Model Runner」を導入
https://hypr.land/
Open-Sourcing a Monitoring GUI for Metaflow
Electron代替を目指すTauriがGUIライブラリ「tauri-egui 0.1.0」をリリース
www.youtube.com
realsound.jp
japan.cnet.com
diamond.jp
saki.bx.coresv.com
kenchikusetubisekkei.com