PythonでWebアプリ作れるやつのまとめ(12選)
概要 最近、pythonでUI部分も含めたWebアプリ作成ツールがいろいろ出てきているので、知っている限りでまとめてみようと思います。 mesop FastUI Taipy ReactPy Solara Reflex Flet Streamlit Dash Panel NiceGUI Gradio 各ツールの紹介 Mesop Google製 ページ毎に関数を作ってデコレートするような感じで書く LLM関係のデモがいくつか用意されており、LLMアプリ作るのに良さそう Cloud RunとかHugging Face spacesにデプロイできる FastUI FastAPIのエンドポイントを定義する関数内にUIを定義する感じで書く Taipy 書き方としてはマークダウンっぽいテンプレート用いてUIを作成する感じ DAGツールを簡単に作れるScenarioという機能がある ReactPy その名
Reactで社内向けUIライブラリ開発・ビルド・公開・布教入門【2024年】
会社で複数の新規事業を立ち上げる機運が高まったことをきっかけに社内向けUIライブラリを開発し、限定公開して利用を始めました。 本記事ではReactで社内向けUIライブラリを開発・ビルド・公開・布教するためのアレコレを共有します。 以下のような話題について知りたい方に特に読んでほしいです。 Private Packageの作り方、配布の方法のイメージがつかない方 CommonJSとES Modules、今はどちらでビルドするのがいいのか知りたい方 ライブラリの作り方について網羅的に知りたい方 前提 利用側のアプリケーションはNext.js固定を前提とする Tailwind CSSを内部的には利用する 利用側のアプリケーションはパフォーマンス（Lighthouseスコア）重視することが多い 社内の様々なレベルのエンジニアがContributeする可能性がある 端的に言うと、社内のプライベートリ
静的サイトに特化した検索ライブラリ Pagefind を試す | grip on minds
Pagefind は静的サイトであれば（HTML ファイルさえあれば）、基本的にどのようなサイトであっても以下の 2 ステップで導入できます。 Pagefind をインストールし、検索用ファイルを生成する Pagefind の UI を読み込み、インスタンスを作成する まず、検索用のインデックスファイルを生成します。本サイトのフレームワークは Astro を使用しているので、Astro のビルドと連携させるために npm パッケージをインストールします。 Pagefind の npm パッケージをインストールするコマンド npm install pagefind 次に、Astro のビルド後に Pagefind CLI を実行するように、npm-scripts を記述します。 package.json に記述する npm-scripts の例 { "scripts": { "build":
いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大きなアップデートがあったとのことなので、実際に使ってどんなUIが使えるのかを試してみました。 Tremor – The React library to build dashboards fast https://www.tremor.so/ Tremorを利用するためにはnode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https:
MLflowの使い方 - 機械学習初心者にもできる実験記録の管理 - - DATAFLUCT Tech Blog
こんにちは！nakamura（@naka957）です。今回はMLflowをご紹介します。 読者の皆さんは、機械学習モデルのハイパーパラメータ調整を手作業で管理し、苦労した経験がないでしょうか。実験記録の管理は大事な一方で、なかなか大変です。 今回紹介するMLflowは、実験記録を簡単に管理できる便利なPythonライブラリです。MLflowは実験管理だけでなく、機械学習プロジェクト全体を管理する様々な機能を提供する非常に人気なライブラリです。一方で、多機能な反面で初心者が最初に導入するにはハードルが高い側面があるのも事実です。 本記事では、MLflowの実験管理の機能に絞り、簡単な例で使い方をご説明します。そのため、初めて使用する方も安心してご覧ください。 では、早速始めていきます。 実験記録の重要性 MLflowとは MLflowのインストール データセット準備 機械学習モデルの用意 M
WebページのUIがUiPathのselectorで上手く取れないときに使えるJavaScriptのDOM API - Qiita
TL;DR 最近RPAをはじめました 要素を探すアクティビティを呼び出す前にInject JS Scriptで、取りたい要素に任意のidを付与するJavaScriptを実行しよう そうすることで必ず要素を発見できる DOM APIを勉強することでできることはどんどん幅広くなります 最後にxamlファイル全文を貼ってます tl;dr is 何？ はじめに 長いです UiPathを利用してWebスクレイピング（Webサイトから情報を抽出する）する時のお話です Webサイトの中に登場するUIのことを、本記事では要素と呼称します Inject JS Script（JS スクリプトを挿入）アクティビティを利用します Inject JS Scriptのドキュメント よいJavaScriptコードを書くことが目的ではなく、簡単に取得したい要素をUiPathに認識させることを目的としています RPAビギナ
WebページのUIがUiPathのselectorで上手く取れないときに使えるJavaScriptのDOM API - Qiita
TL;DR 最近RPAをはじめました 要素を探すアクティビティを呼び出す前にInject JS Scriptで、取りたい要素に任意のidを付与するJavaScriptを実行しよう そうすることで必ず要素を発見できる DOM APIを勉強することでできることはどんどん幅広くなります 最後にxamlファイル全文を貼ってます tl;dr is 何？ はじめに 長いです UiPathを利用してWebスクレイピング（Webサイトから情報を抽出する）する時のお話です Webサイトの中に登場するUIのことを、本記事では要素と呼称します Inject JS Script（JS スクリプトを挿入）アクティビティを利用します Inject JS Scriptのドキュメント よいJavaScriptコードを書くことが目的ではなく、簡単に取得したい要素をUiPathに認識させることを目的としています RPAビギナ
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
[JS]スムーズなスライドが気持ちいい、パンくずのスクリプト -jBreadCrumb
jBreadCrumb demo パンくずはリスト要素で実装されており、既存のパンくずに適用することも簡単です。 「jquery.jBreadCrumb.js」の最後に記述してあるオプションでは、オープンするルール、オープンしておくレベル、アニメーションのスピード、クローズ時のサイズなどを変更できます。 オープンするルールの最大文字数と最小文字数を100に、エレメント数を1に、オープンしておくレベルを終わりから2に、クローズ時のサイズを20に変更。 jBreadCrumbはjQueryのプラグインのため、動作にはjquery.jsが必要です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buefy: lightweight UI components for Vue.js based on Bulma
jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月