タグ「コンポーネント」

タグコンポーネント

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 426件)

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

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

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

[React] 新規作成画面と編集画面の実装で気をつけていること

2024/11/28 93 users SaaS React コンポーネント設計実装一見

SaaS の管理画面を開発していると新規作成画面と編集画面を実装することがよくあります。これらの画面は一見似ているので共通のコンポーネントで実装できそうですが、意外と多くの違いがあります。この記事では新規作成画面と編集画面を実装するときに気をつけていることをまとめてみます。コンポーネント設計につい... 続きを読む

【React】知らなかったReact Developer Tools、20分で手軽に８つReact コンポーネントのデバッグテクニックをマスターする - Qiita

2024/11/13 199 users Qiita React デバッグテクニック Props Rea

前書き React Developer ToolsはReactの公式開発者ツールであり、日常的なコンポーネント開発において、属性やファイルの位置特定、propsのトラブルシューティングなど様々なシーンで重要な役割を果たしています。熟練したReact Developer Toolsの使用は日常の開発をより効率的にすることができます。この記事では、Rea... 続きを読む

デザインシステムにおけるコンポーネントライブラリ管理の改善 - enechain Tech Blog

2024/10/24 19 users 乖離プロパティバリエーション実装浸透

はじめにコンポーネントライブラリ管理の課題デザインと実装の乖離見た目における乖離プロパティの乖離コンポーネントやバリエーションの増加による管理の負担ガイドラインの浸透さいごにはじめに enechainプロダクトデザインデスクの伊藤です。現在、私は複数プロダクトのデザインを行いながら、デザインシステ... 続きを読む

プレゼン資料が一発で出せると話題　AIツール「v0」の使い方 (1/7)

2024/10/11 7 users プレゼン資料 AIツール話題ユーザーインターフェース一発

v0とは v0（ブイゼロ）は、「Next.js」フレームワークの開発元としても有名なクラウドプラットフォーム企業Vercelが開発した、主にWebサイトやアプリケーションのUI（ユーザーインターフェース）コンポーネントの設計と開発を支援することを目的としたAIツールだ。テキストプロンプトを入力するだけで、Webサイト用のUI... 続きを読む

翻訳記事：デザインシステムのジレンマ：見た目は似ているが、機能が違う｜Nobuya Sato

2024/10/09 23 users ジレンマデザイナー見た目健全性翻訳記事

読むときについでに訳してしまおう活動。今回は、UX Collectiveに投稿されたこの記事。デザインシステムを作るときのジレンマです。コンポーネントは、見た目が似ていても機能が違う場合があり、デザイナーや開発者はあえて使い分けて作っている場合があります。しかし、デザインシステムの健全性を機能させるには、し... 続きを読む

たった5分で分かる！ Reactのコンセプトや用語をやさしく解説

2024/09/25 11 users React Reac 革命フロントエンド用語

Reactは、WebサイトやスマホアプリのUIを構築する人気が高いJavaScriptのライブラリです。再利用可能なコンポーネントを作成し、複雑なUIでも効率的に管理できるようにすることで、フロントエンドの開発に革命をもたらしました。 Reactを始めたいけどなんだか難しそう、、、そんな人にReactを簡単に理解できるようにReac... 続きを読む

【React】なぜコンポーネントの中でコンポーネントを作るのは良くないのか？

2024/09/06 85 users React

こんにちは、ダイニーの Feature team でソフトウェアエンジニアをしている @ta21cos です。最近は新規事業である決済関連の機能の開発をメインに行なっています。ダイニーにおける Feature team は機能にフォーカスした開発・運用を行っているチームです。最近は複数の事業毎に Unit として分かれて開発を進めていま... 続きを読む

オープンソースライセンスコンプライアンス - The Linux Foundation

2024/08/12 81 users Foundation ソフトウェアコンプライアンスソース

LF Research オープンソースライセンスコンプライアンス今後の課題 (日本語版を公開) オープンソースソフトウェアの広範な採用は、それらのコンポーネントのライセンス要件に準拠しているかどうかにかかっています。急速に進化するソフトウェアとライセンスの分野で最新の情報を入手することは困難であり、ライセン... 続きを読む

CSSの変数をインラインで使用した条件付きCSS、コードを減らしながらもバリエーションを作成するCSSのテクニック

2024/08/05 22 users 変数 class CSS トークン CSS変数

CSS変数を使用して、コードを減らしながらもUI要素やコンポーネントのバリエーションを作成するCSSのテクニックを紹介します。 CSSはclassを使用すると、個別の値のみをターゲットにスタイルを適用できます。CSS変数を使用すると、連続した値の範囲をカバーでき、特定のトークンを使用して特定のスタイルを適用できるよ... 続きを読む

Go で実 DB を使ったテストをしてみた - Repro Tech Blog

2024/07/30 14 users Repro Tech Blog テスト Repro 冨永我々

はじめにこんにちは。Repro で新規事業の開発をしている冨永です。我々のチームでは主に、ユーザーのイベント集計を定期的にバッチ処理するフローで Go を採用しています。 Go で RDB など外部依存のあるコンポーネントを扱うテストをする際 interface などで抽象化しモックすることが多かったのですが、実際にその部... 続きを読む

キーホルダーサイズの非公式Wii「Nintendo Kawaii」が誕生

2024/07/23 8 users threads キーホルダーサイズ kawaii Wii 筐体

約6cm角の筐体(きょうたい)にWiiのコンポーネントを詰め込んだ「Nintendo Kawaii」が登場しました。製作者がオンラインフォーラムでプロトタイプを公開しています。 Worklog - Kawaii | BitBuilt - Giving Life to Old Consoles https://bitbuilt.net/forums/index.php?threads/kawaii.6474/ Nintendo Kawaii本体のモッ... 続きを読む

UIコンポーネントの大きさは外から制御しよう - Qiita

2024/07/03 50 users Qiita prop UIコンポーネント CSS スタイリング

昨今のフロントエンド向けUIライブラリでは、コンポーネントの設計が重要です。この記事では、コンポーネントのスタイリング、その中でもとくにコンポーネントの大きさに関わるコンポーネント設計について考えます。私の考える結論は、むやみに大きさを指定できるpropを生やさずに、CSSで外から大きさを制御できるよう... 続きを読む

Render hooks とは、ReactにおいてカスタムフックからJSX式を返す設計パターンのことです。リンク先は私が当時在籍していた会社のテックブログに書いた記事で、当時の会社でこの設計パターンがハマる箇所に出会ったためアイデアを記事化したものです。ちなみに、Render hooksという命名は私ではなく当時の私の上司です。... 続きを読む

Render hooksをコンポーネントの拡張として理解する - Qiita

2024/06/30 13 users Qiita React 命名カスタムフック拡張

NVIDIAが小型PC対応グラボを分かりやすく示すガイドラインを発表

2024/06/03 12 users NVIDIA グラフィックスカードガイドライン発表手間

スモールフォームファクター(SFF)PCは高性能なコンポーネントを小型のケースに詰め込むことで、高性能PCの設置や持ち運びを容易にします。しかし、グラフィックスカードなどのコンポーネントが、小型ケースとの互換性があるのかどうかを調べるのは大きな手間がかかります。そこでNVIDIAが、グラフィックスカードやPCケー... 続きを読む

ブラウザーにChromeのデベロッパーツールを埋め込めるReactコンポーネントを作ってみた

2024/04/10 18 users デベロッパーツールデバッグ Rea ブラウザー Chrome

とてもニッチな用途で使えるコンポーネントですがその場のiframeのデバックができるReactコンポーネントを作ってみました！まずはこちらのポストをご覧ください！このポストではChromeのデベロッパーツールを開いているわけではなく、ブラウザー内に直接デベロッパーツールが埋め込まれています！今回はこのようなRea... 続きを読む

Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化

2024/03/18 7 users CSS Tailwind CSS HTML コンポーネント化

Tailwind CSSにおいて、スタイルの組み合わせを抽象化したいと考えたとき、対処としてはいくつかの方法が考えられる。もっとも一般的なのは、コンポーネントやパーシャルとして、クラス属性値とHTMLをセットで抽出する方法。 <template> <div> <img class="rounded" :src="img" :alt="imgAlt" /> <div class="mt-2"> <d... 続きを読む

Windows PowerShellで動くスクリプトがPowerShellでも動くとは限らない、なぜなのか？

2024/03/12 17 users PowerShell 山市良スクリプト Microsoft

山市良のうぃんどうず日記 Windowsコンポーネントの「Windows PowerShell」とオープンソースの「PowerShell」 Windowsのコンポーネントである「Windows PowerShell」は「5.1」が現行バージョンであり、その後のロードマップは示されていません。その代わり、Microsoftはオープンソースプロジェクトである「PowerShell」... 続きを読む

React Server Components を使うためのミニマムなフレームワーク Waku

2024/03/02 13 users ミニマム React Server Components

http://localhost:3000/ にアクセスすると、Waku のデフォルトのページが表示されます。 React Server Components 冒頭で述べたように、Waku は React Server Components に対応しています。React Server Components は React の新しいパラダイムであり、サーバー上でのみ実行されるコンポーネントを提供します。サーバ... 続きを読む

LCEL (LangChain Expression Language）完全に理解した - Amazon Bedrock APIで始めるLLM超入門⑨ - Qiita

2024/02/28 17 users Qiita Chain Bedrock LangChain

LCEL (LangChain Expression Language）完全に理解した - Amazon Bedrock APIで始めるLLM超入門⑨PythonAWSbedrocklangchainLCEL LCELからBedrockを呼び出してみます。 LCELとは LangChainでコンポーネントをchain（連続呼出）する共通のInterfaceおよびその記法です。 Interfaceは以下のページが分かり易かったですが、... 続きを読む

「OneNote」が「Loop」コンポーネントの追加に対応～リアルタイム同期するデータ部品／Windows版とWeb版「Microsoft OneNote」アプリに導入

2024/01/30 11 users OneNote loop リアルタイム Windows版追加

【Playwright】ココがスゴいぜ！Playwright Component Test！ - RAKUS Developers Blog | ラクスエンジニアブログ

2024/01/23 15 users playwright ラクス koki_matsura 目次

こんにちは。フロントエンド開発課所属のkoki_matsuraです。今回はPlaywrightのコンポーネントテストについて個人的な意見を書いています。目次は以下の通りになっています。はじめに導入方法 Playwright Component Test Runner のスゴい点コンポーネントが実際にレンダリングされる画面のサイズを指定できるタイ... 続きを読む

(1 - 25 / 426件)

次の25件 »