TypeScript の interface を活用して安全性と拡張性を兼ね備えた型を作る - Techtouch Developers Blog

2025/01/22 24 users INTERFACE TypeScript generics

はじめに 型安全性と拡張性の両立 宣言マージの活用 宣言マージとは？ 宣言マージを使ってメッセージの型を拡張する 型エイリアスと Generics を使った方法との比較 宣言マージを使うことで実装と型の整合性を担保しやすくなる MUI での宣言マージの活用事例 注意点 VS Code 上の型チェックの表示が tsc の型チェックの... 続きを読む

フロントエンドのテストを書きたい！ - iimon TECH BLOG

2024/12/05 21 users フロントエンド iimon tech blog テスト 種類

はじめに テストの種類 テストレベル テストタイプ テスト戦略 Reactのテストで個人的に躓いたところ UIコンポーネントのテスト Reduxを使っている場合 @mui/x-date-pickerを使用している場合 MUIのコンポーネントでテーマを使用している場合 カスタムフックのテスト まとめ 参考記事 はじめに こんにちは、株式会社iimo... 続きを読む

サクッと始めるウェブアプリ開発【Next.js / TypeScript】

2024/10/09 60 users TypeScript ウェブアプリ開発 Next.js 概要

この本では、初心者・入門者の方に向けて、Next.jsの知識や使い方を体系的にまとめました。 【概要】 ・内容：HTML・CSS・JavaScriptとは？、Next.jsとは？、アプリを作る上での環境を整えよう！、Next.jsのプロジェクトを作ろう！、チャットアプリのパーツを作ろう！、オウム返しAPIを作ろう！、MUIを使ってリッチにし... 続きを読む

サービスの管理画面を継続的に改善するためのReact Hook FormとZod活用術 - Mirrativ Tech Blog

2023/11/21 38 users React Hook 管理画面 Zod サービス Form

こんにちは！ミラティブのフロントエンドエンジニア どじねこ です。 今回は、ミラティブを支える社内向けの管理システムにおいて、機能開発の体験を改善する取り組みを「MUI と Zod、React Hook Form の活用術」としてご紹介させていただきます。 前提 ミラティブでは、他の多くの Web サービスと同様に配信者さんの登... 続きを読む

Radix UIでコンポーネントを作成する時に意識したこと

2023/05/08 8 users コンポーネント microCMS ヘッドレスUI 既成 イン

microCMSでプロダクトエンジニアをしています。りゅーそうです。 microCMSでは、UIコンポーネントを作成するのにRadix UIを採用しています。 Radix UIはいわゆるヘッドレスUIと呼ばれるUIライブラリで、UIの機能のみを提供します。 ChakraUIやMUIのようなUIライブラリの場合、既成のコンポーネントセットをそのままイン... 続きを読む

First look at Joy UI 🥳 - MUI

2022/07/26 22 users system If you've ever

If you're a close follower of everything MUI, you might be aware that we've been working on a new design system. If not, then this post will give you a first look at Joy UI－MUI's new starting point for your design system! If you've ever considered using Material UI because of the developer exper... 続きを読む

友人のお母さんが在宅勤務開始を期に念願子猫を飼い始めたところ友人の猫アレルギーが発覚！→「これは仕方がないね」と追い出す羽目に - Togetter

2021/05/14 9 users Togetter コロナ 羽目 翌月 2021-

Mui @jiskrr24 友達のお母さんがコロナで在宅勤務に切り替わって、ずっと念願だった子猫を飼い始めてたんだけど…猫を飼いはじめて約一週間、友達の猫アレルギーが発覚して「あ、これは仕方ないね…」ってお母さんがすごく悲しんでたから、ちょっと申し訳ないって思ってたところ、翌月から一人暮らしさせられたって 2021-0... 続きを読む

大量生産してばらまく情報デバイスは終わりにしよう——「mui Lab」が目指す新しい人とテクノロジーのあり方 | fabcross

2020/11/19 5 users fabcross テクノロジー インターフェース 大量 誕生

「mui Lab」（ムイラボ）は、さまざまな面でユニークなスタートアップだ。 京都の老舗電子部品メーカーであるNISSHAの社内ベンチャーとして2017年に誕生。2018年に最初のプロダクトとなるスマートディスプレイ「mui」を発表した。 シンプルな木板に文字や絵が浮き上がるように表示されるシンプルなインターフェースは有... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents reactjs CSS

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

弱ってる奴が泣ける曲を貼るスレ

2012/03/24 74 users スレ 被検体774号 ニュー速VIP+板 編集元

■編集元：ニュー速VIP+板より「弱ってる奴が泣ける曲を貼るスレ」 1 名も無き被検体774号+ :2012/03/20(火) 14:15:20.08 ID:9gSYE/MuI 名も無き被検体774号+ :2012/03/20(火) 14:18:24.25 ID:C18WB5rX0 春待月夜 5 名も無き被検体774号+ :2012/03/20(火) 14:24:09.11 ID:MK1UTP9Y... 続きを読む

【自主制作アニメ】「ムイとパム」 | 専門学校 | 日本工学院 |

2011/03/31 15 users パム 弱虫 冒険 自主制作アニメ 日本工学院

天真爛漫に動き回るキャラクター達の絆が感動的に表現されたとアニメ作品に仕上がりました。天真爛漫な少女ムイと心配性で弱虫な虎パム。正反対の二人はパムの父親探すため、危険な森へ冒険に出かけるMui, a simple and innocent girl, and Pam, the cowardly tiger. To find Pams father, these two complete oppos... 続きを読む