概要 最近、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 その名
マテリアルデザインを簡潔に記述できる「Jetpack Compose」がバージョン1.0に到達、本番環境で安心して利用可能に Googleは、Androidのネイティブアプリケーション向けUIツールキット「Jetpack Compose」がバージョン1.0に到達したことを発表しました。 Version 1.0 of #JetpackCompose is here! See how Android's modern, native UI toolkit is fully stable and ready for you to adopt in production ↓ https://t.co/IF2Z281hWn — Android Developers (@AndroidDev) July 28, 2021 Jetpack Composeはマテリアルデザイン対応のUIツールキットです。そ
前回はFlutterのインストールから雛形アプリケーションの作成と実行までを紹介しましたが、今回はその雛形アプリケーションのコードを利用してFlutterアプリケーションのプログラム内容について説明します。ただし、各部品やDartの文法は扱わないので、Flutterアプリケーションがどのような構造で作っているのかというおおよその概要が理解できるように紹介していきます。 FlutterでUIを扱う時の基本的な概念 3Dゲームのようなアプリの場合には、どのくらいのFPS(Frame per second)を出せるハードかということが重要になります。これは、どれだけ画面がスムーズに動くかを気にするためです。 しかし、現在ではハード性能の向上により、3Dゲームのような高度な画面更新を伴うアプリケーション以外ではFPSを気にする必要はほとんどありません。特に、ビジネスアプリケーションやSNSやメディ
Dockerは一瞬にして仮想環境が立ち上がるのでどんどんコマンドを叩いたりイメージを取り込んだりしている内に全体が肥大化してしまいます。Dockerの状態を含めて可視化しないと綺麗な管理は難しいでしょう。 そこで使ってみたいのがPortainerです。シンプルなDockerコンテナ/イメージ管理システムです。 Portainerの使い方 Portainerのダッシュボードです。 テンプレートも用意されており、ここからすぐにコンテナが作れます。 イメージの作成画面です。 ネットワーク一覧。 ボリューム一覧。 クラスター情報。 Portainerを使えばDockerのステータスが一目で分かるようになります。設定も可視化されているので間違った設定をしたり、設定漏れを防ぐのの役立つでしょう。自動スケーリングには向きませんが、社内のDockerであったり開発環境などであれば役立つでしょう。 Port
「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。 テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。 今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。 ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。 フォー
新しい技術領域を学びたい人に、“隣の領域”の勉強を勧める理由【連載:五十嵐悠紀】 2013/04/03公開 筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値処理アルゴリズム研究室(NPAL) 五十嵐 悠紀 2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値処理アルゴリズム研究室(NPAL)に在籍し、CG/UIの研究・開発に従事する。プライベートでは二児の母でもある 4月になりましたね。新生活が始まった方もそうでない方も4月は何だか元気がみなぎっている時期。新しいことを始めようと考えている方も多いのではないでしょうか。 最近、「ユーザーインターフェース(以下、UI)を勉強したいのですが、何から始めたらいいですか?」といった相談をよく受けるよう
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01:"Pizza" UI K
特集:UIオートメーションによる自動UIテストの実践 WindowsアプリのUIテストを自動化しよう クロノス 亀野 弘嗣 2008/06/03 読者の方々は、UI(ユーザー・インターフェイス)にかかわるテスト(以下UIテスト)を自動化できているだろうか? UIテストを自動化しようとしても、UIテストのコードは記述しにくく、記述方法に一貫性がない、などの理由から、自動化をあきらめる場合が多いのではないだろうか。 .NETの開発においても単体テストの自動化は一般的に行われるようになってきているものの、UIテストの自動化はそういった理由で実現が難しく、あまり行われていないのが現状だ。 そこで本稿では、標準的で一貫性のある記述ができるMicrosoft UIオートメーション(以下UIオートメーション。詳細後述)と、テスト・ツールであるNUnitを使用して、UIテストを自動化する方法を紹介する(N
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
HTML5製のWebサイト向けUI専用の フレームワーク・Kendo UIのご紹介。 iPhoneなどのスマートフォンや、iPad などタブレットデバイスにも対応したWeb サイトのUI設計用に作られたようです。 使いやすいかどうかはおいておいて、 ちょっと見かけないのでメモ。 Kendo UIはHTML5とcss3、JavaScriptで構築されたWebサイト向けのUIフレームワークです。メニューやテーブル、タブ、ドラッグ&ドロップコンテンツなどよく見かけるインターフェースがセットになっていますよ。 @ub_pnrのPostで知りました。いい情報流してくれるので助かります。 スマートフォンやタブレットにもいいですね。以前Ninja UIなんてありましたけど、今度は剣道です。なんでも「HTML開発者の刀として使って欲しい」のだとか。煎茶(Sencha)とか相撲(Sumo)とか同様、なんだか
日曜日なのでネタ的な話題でも。いつか映画 でみたような光景がいつのまにか現実的に なっていましたのでご紹介します。壁や机に 映写されたキーボードでタイピング。マイノリティ・ リポートやマトリックスでも見かけた気がします が、あれが現実のものとなって発売されています。 端的に言うとキーボードを映像化する、というグッズ。もう実際に販売されています。日本にもVKBというバーチャルキーボードがあるようですね。 言われてもピンと来ない気がするので動画御覧ください。 ちゃんと打ててます。鉛筆削りのような物体がMagic Cubeで、ここから机に映写されたキーボードでタイピングが可能、マウス操作も出来るみたいです。なんかもうラピュタの世界ですね。ムスカなら「知らないのかね?Magic Cubeは映像のみでキーボードが打てるのだ」とか言っちゃうレベル。 一番上にプロジェクター、真ん中にセンサーがあり、一番
こんなこと書くのは胸が張り裂けそうだけどMac OSX Lionのインターフェイス、ダメっぽいですよ。OSをシンプルにして、iOSのクリーンなエクスペリエンスと統一するというミッションはどこへやら。 グラフィックスとネットワーキングの基幹が高速で磐石なUnixじゃなかったらLionはアップルのVistaになるところですよ。 よりシンプルな未来...になっていない Lion初公開のときスティーブ・ジョブズはiPadとiPhoneの成功要因をデスクトップに採り入れるのがLionのゴールだと明確に示しました。悪いことじゃないですよね。操作が簡単になればユーザーもコンピュータの操作にてんてこ舞いすることなく、やりたい作業に集中できますから。コンピュータ・エクスペリエンスの簡略化は'80年代からずっとコンピュータの聖杯とされてきたことでもあります。 コマンドラインからグラフィカルデスクトップに移行し
WebDriverとは WebDriverはWebブラウザを操作するためのJavaライブラリだ。WebアプリケーションのUIテストツールとして使用することが想定されており、JavaScriptを多用しリッチなUIを提供するアプリケーションのテストに効果を発揮する。 サポートするブラウザはFirefox、Safari(MacOS Xのみ)、Internet Explorer(Windowsのみ)となっている。また、実際のブラウザは使わずHtmlUnitを使用することも可能だ。この場合、Rhino(Javaで実装されたJavaScriptエンジン)を使用してブラウザ上で動作するJavaScriptの動作もエミュレートすることもできる。また、試験的にiPhone用のドライバの実装も進められているようだ。 同種のテストツールとしてはすでにSeleniumなどがあり、多くのユーザに利用されている。し
なかなかユニークなプラグインだった ので備忘録。ちょっとしたイベントサイト 等に使えそうです。キーボードで画面 を縦横にスライドさせることが可能な jQueryプラグイン・Ascensor。スライド にもいいかもですね。 たまに同じようなコンテンツを見かけはしますけど、複数覚えておいても損はしないですしね。 キーボードの矢印キーでイベントを発生させる的な。縦横に全画面がスライドしてくれますよ。 上記のようにパンくず的にマップも付けられます。 IE6 / IE7 IE6/IE7でも動作はしますが、スクロールだけでてしまうので必要ならcssハックあたりを試してみてください。js自体は動作します。 以下でデモを触れます。デモファイルをセットでダウンロードしたい場合は左に進んで下さい:) Ascensor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く