タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
TR-808やTB-303などの開発者で元Roland社長の菊本忠男さんが開発した新兵器X Modal Musicは世界に革命を起こすか!?｜DTMステーション
ヤオヤの愛称で知られるRolandのリズムマシンTR-808や、現在サウンドで必須のベースマシンTB-303をはじめ、Rolandの数多くの電子楽器の開発に携わり、まさに技術一筋で生きてこられた、元Roland代表取締役である菊本忠男さん。Rolandを卒業された後も、多方面の技術開発を行っており、御年84歳となる現在もバリバリの現役エンジニア。以前は「TR-808の開発者、元Roland社長の菊本忠男さんらアナログマフィアがVST/AUに対応した21世紀版の808、RC-808を無料リリース」といった記事で、菊本さんの活動を取り上げたこともありましたが、その菊本さんがライフワークとして手掛けているのが「サイレント・ストリート・ミュージック」（Silent Street Music：SSM）という世界です。騒音問題などから邪魔者にされるストリート・ミュージシャンを救い、新たな音楽の世界を作
React で Modal や Confirm の実装を簡単にする react-call というライブラリがアツい！！！
タイトルの通り、めちゃくちゃ良さげなライブラリ react-call を見つけたので紹介するコーナー 実際の動きはわかりやすいデモページがあるので見てください👍 react-call とは react-call がもたらす効果は「ReactComponent を手続き的に処理できるようにする」というのが私の理解です。 これが何を意味するのかというと、Modal や Confirm のような「別のコンポーネントから任意のタイミングで呼び出したい(≒表示したい)」また「その結果(≒値など)を受け取りたい」というごく一般的な要件をシンプルに解決します🙌 詳しく見ていきましょう！ window.confirm との比較 下記は README にある例です。
先日リリースされたChrome 105, Edge 105でコンテナクエリ（@container）と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。 そしてもう一つ、:modal疑似クラスもサポートされています。CSSでモーダル要素を検出できる新機能で、今までJavaScriptでしかできなかったことがCSSでできるようになります。 Is it :modal? by Jhey Tompkins コンテナクエリ（@container）と:has()疑似クラスについては、先日の記事をご覧ください。 レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 :modal疑似クラスがCh
ABEMA weber 勉強会 2021/06/30, 07/07 --- @uenitty 本当にあったモーダルの怖い話 ABEMA weber 勉強会 2021/06/30, 07/07 背景と目的 2 • モーダルに驚くほど苦しめられたので、状況を説明して改善方法を提案する • OO…
こんにちはかみむらです。 先日柴田さんが公開していた、Reactのモーダルコンポーネントを簡単に作成できるライブラリ react-hooks-use-modal をmicroCMSのOrganizationに移行しました。 こちらがGitHubのリポジトリです。 https://github.com/microcmsio/react-hooks-use-modal こちらはデモになります。 https://microcmsio.github.io/react-hooks-use-modal/ react-hooks-use-modalはmicroCMSの管理画面内部にも使われています。例えばWebhook追加時のモーダルコンポーネントです。 モーダルのコンポーネントは1から実装すると非常に工数がかかりますが、react-hooks-use-modalを使えば少ない工数で実装することができま
サーバレスGPUにModalがいいぞ！
GPUを使いたいこと、あると思います。 ただしご家庭に強いGPUはないこともあるでしょうし、かといってGPU搭載したインスタンスを立て続けているととてつもないお金がかかります。 そんなあなたにサーバレスGPU、使った秒数分だけ課金が発生するので、いきなりすごい金額がかかることにはならず手軽にGPUを使ったプログラミングが始められます。 私は今の所ModalとRunPodを試したのですが、ModalのDXが良すぎるため今回イントロ記事を書く筆を取りました。 始めにざっくりいいところを述べると 一つのファイルで完結する。 RunPodとの比較だと「RunPodではDockerのイメージを自前でビルドしてどこかしらのregistryにpush、都度タグを付け替えてRunPodの方にも反映」みたいなのが必要だったがModalでは全部要らない ローカルパッケージをちょろっとした関数で送れたり、テキス
react-modalのアクセシビリティまわりの実装について、ソースコードを読んでみたかったのでその記録を残します。 特にことわりがない限り、 v3.11.2 の内容に基きます。 ドキュメント react-modalのドキュメントには accessibility という項目があり、3つの機能について説明があります。 The app element Keyboard Navigation ARIA attributes The app element 主にスクリーンリーダーのユーザー向けの機能で、 aria-hidden 属性によって、モーダルが開いているときにページコンテンツを非表示と同じような状態にする機能です。視覚的にモーダルウインドウがページコンテンツの上に被さるように表示されている＝ページコンテンツが隠されているのを、スクリーンリーダー向けにはモーダル以外の部分に aria-hid
GitHub - rvaiya/warpd: A modal keyboard-driven virtual pointer
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
ベン図で表すと以下のようになります。 （あまり一般的でない名称のコンポーネントも便宜上使用しています。） 以降、詳しく解説します。 Modal Modal は、ユーザに特定のアクションを求めるために、ユーザのインタラクション（操作）を中断させる UI コンポーネントです。 難しい表現をするならば、ユーザの操作を「モードに移行」させるコンポーネントと言えます。 もともと、「Modal」という英単語はこちらで言及されているように形容詞です。 そのため、「Modal な〇〇（名詞）」という意味が本来は適切な使い方です。例えば「Modal な Dialog」や「Modal な Drawer」などです。 今日では単に「Modal」だけで使われることが多いので注意が必要です。 Modal はユーザの操作を制限し、ユーザが特定のタスクに集中して対処しなければならない状態を作り出します。 ユーザは「モーダ
The serverless platform for teams Run generative AI models, large-scale batch jobs, job queues, and much more. Bring your own code — we run the infrastructure.
Web Platform Dive into the web platform, at your pace.
LAION-5B: A NEW ERA OF OPEN LARGE-SCALE MULTI-MODAL DATASETSby: Romain Beaumont, 31 Mar, 2022 We present a dataset of 5,85 billion CLIP-filtered image-text pairs, 14x bigger than LAION-400M, previously the biggest openly accessible image-text dataset in the world - see also our NeurIPS2022 paper See our update on the LAION-5B dataset. Large image-text models like ALIGN, BASIC, Turing Bletchly, FLO
GitHub - helix-editor/helix: A post-modern modal text editor.
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 - agno-agi/agno: Agno is a lightweight framework for building multi-modal Agents
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
(PDF) VoterFraud2020: a Multi-modal Dataset of Election Fraud Claims on Twitter
The wide spread of unfounded election fraud claims surrounding the U.S. 2020 election had resulted in undermining of trust in the election, culminating in violence inside the U.S. capitol. Under these circumstances, it is critical to understand discussions surrounding these claims on Twitter, a major platform where the claims disseminate. To this end, we collected and release the VoterFraud2020 da
The wide spread of unfounded election fraud claims surrounding the U.S. 2020 election had resulted in undermining of trust in the election, culminating in violence inside the U.S. capitol. Under these circumstances, it is critical to understand the discussions surrounding these claims on Twitter, a major platform where the claims were disseminated. To this end, we collected and released the VoterF
【CSS】主要ブラウザに対応した疑似クラス :modalを使って、モーダルを作ってみる！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
はじめに 生成AI系アプリの開発では、LLMが専門的な質問にも回答できるようにするために、RAG（Retrieval Augmented generation）が広く使われています。このRAGのインプットには多様なファイル形式（たとえば、PDF, CSV, TXTなど）がサポートされていますが、最終的にはテキストの形でチャンクに分割し、各々のチャンクをベクトル化してベクトルストアに保存するというのが一般的なやり方となっています。 しかし、実際の文書にはテキストだけでなく、画像やテーブルもたくさんある場合が多く、本来ならこれらの情報もベクトルストアに保存するべきで、RAGの精度を高めていく際に本質的に重要です。 DALL-E 3で作成したMulti-modal RAGのイメージ画 今回の記事では、異なるデータタイプ（画像、テキスト、テーブル）を横断して、ベクトルストアを構成することが可能なM
Google Colabの無料プランでStable Diffusionを使えなくなったらModalへ行こう? - ただいま村
Google Colaboratoryの無料プランでAUTOMATIC1111版Stable Diffusion WebUI（以下SD/WebUI）が使えなくなるので、別のサービスを探しましょうという話になっている。 4月21日くらいから、Google ColaboratoryでSD/WebUIを実行しようとすると下のダイアログボックスが出るようになった。 実行中のコードは許可されていない可能性があるため、今後のColabの利用を制限させていただく場合があります。よくある質問で指定されている禁止行為をご確認ください。 「よくある質問」には禁止行為の一覧がある。 Colab のリソースは、インタラクティブなユースケースに優先的に割り当てられます。大量のコンピューティングに関連するアクション、他者に悪影響を与えるアクション、Google のポリシーの回避に関連するアクションは禁止されています。
はじめに 以下のポストの通りStability AIが「Japanese Stable CLIP」を公開されたので、画像の内容を感情分析ようにしたい & ほかからでも使えるようにAPIを実装しました バックエンドのGPUサーバーレスには、最近ハマっているModalを使っていきます Modalを使ってLCMを使ったdiscordコマンドを実装した内容は以下で書いています！ 環境 Modal Python3.10 ライブラリ modal 実装 Modal側で動くAPIを実装します from modal import Stub, web_endpoint import modal stub = Stub("clip_api") emotions = [ "喜び", "悲しみ", "怒り", "驚き", "恐怖", "愛情", "幸福", "落胆", "焦燥", "安心", "羨望", "憎悪",
GitHub - eBay/nice-modal-react: A modal state manager for React.
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
Recreate iOS 13' share sheet modal in swift (not the share sheet itself, but the way it's presented)
is there a way to easily recreate the modal presentation style of ios 13' new share sheet? (At first, it's only presented halfway and you can swipe up to make it a "full" modal sheet) I can do it using a completely custom presentation and stuff but is there a "native" api for this behavior so that you don't have to use custom code? Thanks!
Just make a separate page. Maybe you have a master/detail setup on your web app. There's a list of products/documents/whatever, and clicking on one brings up the details. Close Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloremque blanditiis nulla consectetur labore expedita corrupti nihil saepe iste perferendis exercitationem praesentium, possimus iusto itaque numquam vel ut offici
GitHub - morphik-org/morphik-core: Scalable Multi-modal RAG
Morphik is an open-source database designed for AI applications that simplifies working with unstructured data. It provides advanced RAG (Retrieval Augmented Generation) capabilities with multi-modal support, knowledge graphs, and intuitive APIs. Built for scale and performance, Morphik can handle millions of documents while maintaining fast retrieval times. Whether you're prototyping a new AI app
CTA Modal: How To Build A Web Component — Smashing Magazine
In this article, Nathan Smith explains how to create modal dialog windows with rich interaction that will only require authoring HTML in order to be used. They are based on Web Components that are currently supported by every major browser. I have a confession to make — I am not overly fond of modal dialogs (or just “modals” for short). “Hate” would be too strong a word to use, but let’s say that
Dialog (Modal) Pattern
How to build accessibility semantics into web patterns and widgets About This Pattern A dialog is a window overlaid on either the primary window or another dialog window. Windows under a modal dialog are inert. That is, users cannot interact with content outside an active dialog window. Inert content outside an active dialog is typically visually obscured or dimmed so it is difficult to discern, a
GitHub - modal-labs/devlooper: A program synthesis agent that autonomously fixes its output by running tests!
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
We introduce SmolDocling, an ultra-compact vision-language model targeting end-to-end document conversion. Our model comprehensively processes entire pages by generating DocTags, a new universal markup format that captures all page elements in their full context with location. Unlike existing approaches that rely on large foundational models, or ensemble solutions that rely on handcrafted pipeline
モーダルウィンドウのコンテナ要素に aria-modal 属性を適用する | Accessible & Usable
公開日 : 2021年6月6日 (2021年6月7日 更新) カテゴリー : アクセシビリティ 先の記事「折り畳まれたナビゲーションメニューの展開 (オーバーレイではなくインレイで)」を書く過程で、オーバーレイで提示されるモーダルウィンドウのアクセシビリティについて改めて調べていたところ、aria-modal という属性が気になりました。aria-modal とは、2017年に勧告された WAI-ARIA 1.1 から追加されたプロパティで、あるコンテナ要素に aria-modal="true" という属性が適用されている場合、その要素がモーダルであることをスクリーンリーダーなどの支援技術に示し、それ以外のコンテンツの利用を排除する (インタラクション可能な範囲を、モーダルのコンテンツに限定する) というものです。(参考 : aria-modal の定義 (WAI-ARIA 1.1) /
GitHub - meow-edit/meow: Yet another modal editing on Emacs / 猫态编辑
Less is more Meow is yet another modal editing mode for Emacs. Meow aims to blend modal editing into Emacs with minimal interference with its original key-bindings, avoiding most of the hassle introduced by key-binding conflicts. This leads to lower necessary configuration and better integration. More is achieved with fewer commands to remember. Key features compared to existing solutions: Minimal
GitHub - phidatahq/phidata: Build multi-modal Agents with memory, knowledge, tools and reasoning. Chat with them using a beautiful Agent UI.
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
サーバーレスなGPUクラウド "Modal" で Swallow の 70B モデルをサクッと実行する（$30のクレジットあり）
import os from modal import Image, Stub, method, gpu MODEL_DIR = "/model" # BASE_MODEL = "TheBloke/Swallow-13B-Instruct-AWQ" # ←13Bの場合はここだけ変更する BASE_MODEL = "TheBloke/Swallow-70B-Instruct-AWQ" def download_model_to_folder(): from huggingface_hub import snapshot_download from transformers.utils import move_cache os.makedirs(MODEL_DIR, exist_ok=True) snapshot_download( BASE_MODEL, local_dir=MODEL_DI
Saitama.js Vol.6の登壇資料です！
[Flutter] Modal bottom sheet内でPush, Popの画面遷移を実現する - Qiita
FlutterでBottom sheet内で画面遷移を実装しようとすると意外と手こずります。 showModalBottomSheetして、Bottom sheet内でNavigator.pushなどしてもpush先の詳細画面がモーダル内で表示されないためです。 モーダル内で画面遷移を実現する モーダル内で画面遷移を実現するポイントは2点です。 Navigatorをネストさせる 画面を閉じるときはroot側のNavigatorを参照する 1. Navigatorをネストさせる 通常はMaterialAppが保持するNavigatorが、RootのNavigatorとして機能しています。それに加えモーダル用の自前Navigatorを作成することで、モーダル内の画面遷移が実現できます。 具体的なコードは下記です。 Navigatorでモーダルのページを包んで、onGenerateRouteでル
![[Flutter] Modal bottom sheet内でPush, Popの画面遷移を実現する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/74a96e445c95ee25bdd7fc6746c89c38c6f9c229/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RCUyME1vZGFsJTIwYm90dG9tJTIwc2hlZXQlRTUlODYlODUlRTMlODElQTdQdXNoJTJDJTIwUG9wJUUzJTgxJUFFJUU3JTk0JUJCJUU5JTlEJUEyJUU5JTgxJUI3JUU3JUE3JUJCJUUzJTgyJTkyJUU1JUFFJTlGJUU3JThGJUJFJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mMDA1ODhhNTg2YzVmMTRlN2JiZGRmY2Q5Y2ZjMTE4NQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoaXJvdGhpbmdzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03Mzc1MTcwMjZhNTA2MzQ3ODg5ZDBiNTliYzg0Y2NkZQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd26c0906840cac8aa455f5614824d864)
こんにちは、SlalomのD&Aチームに所属するRyoです。LinkedInプロフィール 昨年から弊社のMLチームでは、技術研鑽を目的としてLLMに関する勉強会などを行っています。それに関連して、今年から自分自身が興味のある分野(AI/MLだけでなく)を少しずつ記事としてアウトプットしていこうと思い、本取り組みを始めました。 記念すべき第1回目は、GCP上でGeminiを用いてMulti-Modal RAGを構築した事について書いていきます。 対象読者 ・本記事は、GCPでGeminiを使ってMulti-Modal RAGを動かしてみたいな。という読者向けに書きましたので、アカデミックな内容やOps周り、本番レベルの実装を想定している方は、本記事をスキップしてください。 紹介する内容 ・今回紹介する内容は、昨年末にGoogleからGeminiの利用が可能となったので、GCP上でGemini
GitHub - unitycatalog/unitycatalog: Open, Multi-modal Catalog for Data & AI
Unity Catalog is the industry’s only universal catalog for data and AI. Multimodal interface supports any format, engine, and asset Multi-format support: It is extensible and supports Delta Lake, Apache Iceberg and Apache Hudi via UniForm, Apache Parquet, JSON, CSV, and many others. Multi-engine support: With its open APIs, data cataloged in Unity can be read by many leading compute engines. Multi
GitHub - cmer/ultimate_turbo_modal-rails: The ultimate Turbo / Stimulus / Hotwire modal window for Rails
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました
本当にあったモーダルの怖い話 / Terrifying Nonfiction of Modal
react-hooks-use-modalを使ってモーダルコンポーネントを作成する
react-modal のアクセシビリティまわりの実装を読む
これで迷わない！Modal、Dialog、Drawerの違い
Modal: High-performance cloud for developers
Is it :modal? | Articles | web.dev
LAION-5B: A NEW ERA OF OPEN LARGE-SCALE MULTI-MODAL DATASETS | LAION
VoterFraud2020: a Multi-modal Dataset of Election Fraud Claims on Twitter
GPT-4VをつかったMulti-modal RAGの実装 (1) - Qiita
Japanese Stable CLIPを使って画像の感情判断ができるAPIをModalを使って実装する
You don't need a modal window
SmolDocling: An ultra-compact vision-language model for end-to-end multi-modal document conversion
新登場！PopoverAPIでSide Modal(anai)を作ろう！
GeminiでMulti-Modal RAGを実装した話
note.com/sirisiri
store.kinzai.jp
detail.chiebukuro.yahoo.co.jp
www.chunichi.co.jp
news.yahoo.co.jp
taakuyu.hatenablog.com