Hatena Blog Tags
はてなブログ トップ
Mui
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Mui

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Diary•6ヶ月前

OpenSearch・Go・MUI で実現する検索サジェスト機能

Google 検索等では、1 文字打つごとに検索候補の取得が走って、表示が更新されます。 今回はこれと似たような機能を Next.js (MUI) と OpenSearch, Go を用いて実装してみます。 [目次] やること やらないこと OpenSearch の設定 Index/Search-template の作成 dummy data の投入 ユースケース: suggestion に利用 ユースケース: 検索ワード別の結果集計 ユースケース: 人・期間（daily）別、検索結果。 curl で叩く例 API の実装 Front の実装 おわりに やること 本体となる検索システムがあると…

#golang#OpenSearch#Mui#NextJs#Autocomplete

ネットで話題

もっと見る
271ブックマークMUI: The React component library you always wantedmui.com
64ブックマークMUI - Material Design CSS FrameworkThe MUI package includes all the necessary code to use MUI components on the web and over email. In addition, we're working on React and WebComponents libraries to give developers more flexibility on the web. mui-0.10.3/ ├── angular │   ├── mui-angular.js │   └── mui-angular.min.js ├── css │   ├─...www.muicss.com
63ブックマークMaterial-UI is now Material UI! - MUImui.com
54ブックマークGoogleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.netMUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebC...kachibito.net
51ブックマークFirst look at Joy UI 🥳 - MUImui.com
42ブックマークサクッとMUIベースの管理画面が作れる React Admin のチュートリアルを試してみた | DevelopersIOdev.classmethod.jp
38ブックマークMUI·HTMLメールにも対応した軽量マテリアルデザインテンプレート MOONGIFTwww.moongift.jp
37ブックマークmui Labmuilab.com
35ブックマークReact Hook Form v7 + MUI v5 + zod v3を使ったコンポーネント実装例 - RAKUS Developers Blog | ラクス エンジニアブログtech-blog.rakus.co.jp

関連ブログ

Adwaysエンジニアブログ•9ヶ月前

放置したUIフレームワークのバージョンを上げた時の学び

どうも〜、エージェンシー事業のエンジニアチームでユニットマネージャーをしていますぬまちゃんです！ 前回はAWS AuroraからGoogle CloudのDatastreamを用いてBigQueryへデータをレプリケーションした話 をしました。 今回は打って変わってフロントエンドのお話をしようと思います！ 背景・きっかけ 話を始める前に アップデート作業の概要 大変だったこと ■ 開発案件と並行して作業をしなければならなかった点 ■ 見た目の確認 学び ■ バージョンアップは放置しない ■ 案件と大きめの改善を並行しない ■ コンポーネントの共通化をする まとめ 背景・きっかけ 自分が担当して…

#Webフロントエンド
techtekt•1年前

アニメーション定義の複雑さとは？ ~ 抽象的なアニメーションの要望を具体的に定義するために ~#techtekt Advent Calendar 2023

この記事は techtekt アドベントカレンダー2023 の11日目の記事です🔥 今年もさまざまな記事が投稿されていく予定ですので、興味がある方は#techtekt Advent Calendar 2023で検索してみてください！ # はじめに こんにちは。 テクノロジー本部 エンジニアリング統括部 Miraiz開発本部でエンジニアをしている kanekoです。 # 自己紹介役割：アプリ系 iOS Swift Android Kotlin Flutter dart Vue React / 最近はエンジニア全体の開発効率化や雑務に追われる日々 UXDigチーム としても活動中。 # この記事は…

#desing#UX Design#ux design and ui design#Mui#react#Advent Calendar 2023#techtekt#パーソルキャリア#アドベントカレンダー2023
ミツモア Tech blog•1年前

MUIのTree dataで階層構造を実装する方法を解説！

初めまして！ミツモアのエンジニアの佐藤（@satoman）です。 簡単に自己紹介をすると、今年から学生の頃からインターンでお世話になっているミツモアで新卒（？）のエンジニアとして働いています。 僕は現場仕事に特化したオールインワンSaaS「MeetsOne」の開発に携わっています。 meetsone.com エンジニアとして働くのは入社してからが初めてでわからないこともたくさんあるのですが、先輩方に教えてもらいながら結構楽しく働けています！ 階層構造が必要になった背景 さて、僕のトピックは「MUI で階層構造を作る方法について」です。 情報を管理する際に何かの情報でグループ化してまとめたい！と…

#typesciprt#react#Mui#エンジニア
Jasper Inc.•2年前

react-modalとMaterial UIでモーダルをつくる

react-modalとMaterial UIの導入と使い方を簡単に解説します。

#TypeScript
RAKUS Developers Blog | ラクス エンジニアブログ•2年前

React Hook Form v7 + MUI v5 + zod v3を使ったコンポーネント実装例

はじめに TextField RadioGroup SelectForm CheckboxGroup DatePicker コンポーネント使用側実装例 おわりに 本記事を執筆するにあたって、 マナリンク Tech Blog運営さんのReact Hook Form(v7)を使ったコンポーネント設計案 piyokoさんのMUI v5 + React Hook Form v7 で、よく使うコンポーネント達を連携してみる という記事を参考にさせていただきました。いつも非常にわかりやすい記事をありがとうございます。 はじめに こんにちは、ラクスフロントエンド開発課の斉藤です。 React Hook Fo…

#react#React Hook Form#Mui#TypeScript
おーみんブログ•2年前

MUI(Material UI)のTabsタグの下線の色を変更する！

はじめに CSSライブラリのMUIはとても便利で結構利用します。 MUIのTabsの下線の色を変更する機会があったので備忘録として記載します。 デフォルトの下線色 Tabsタグのデフォルト色は以下の緑枠のような感じです。 背景色を濃いめの赤にしているため、デフォルトの下線では少し見にくいな～という感じだったので変更してみます。 TabIndicatorPropsを利用する 下線の色を変更するにはTabsタグのpropsの一つであるTabIndicatorPropsを用います。 Tabs API - Material UI 型はオブジェクト型なので以下のようにコードを書きます。 <Tabs Ta…

#Material UI#CSS
ソフトウェア開発者のための OSS、まとめてみました！•3年前

React で簡単に UI を構築したいなら！「MUI」

概要 現在、JavaScript のライブラリである React を利用した Web アプリの開発はとても人気があります。 私自身も実際に React を利用して Web アプリを開発しています。 Web アプリを開発しているとやはり気になるのが UI の構築で、簡単にきれいな UI ができるのが理想的ですよね。 今回は React で UI をきれいに整えることができ、さらにとても簡単に実装することができる OSS 「MUI」を紹介します。 利用手順 React で利用するライブラリのため、以下のように npm または yarn を用いてのインストールとなります。 // with npm n…

#OSS#React.js#フレームワーク#UI#マテリアルデザイン#JavaScript#簡単#綺麗
yamapraのブログ•3年前

CSS Styled ~中央寄せ~

中央寄せ htmlで作成したUIを中央に寄せるときに使用する記法。 MUIのstyledのなかでの記法になる。 margin:"auto", これだけでは中に文字を入れている場合(タグで文字を挟んだ場合)その文字には中央揃えは適用されていない。文字に中央ぞろえを適用させるためには以下のように記述する。 textAlign:"center", cssをあまり触れずにReactを触っているため、cssに対するあいまいな知識や知らない知識が多い。忘れたころに戻ってこれるように簡単に記述しておいた。

#中央寄せ#margin#textAlign