Node.js と React.jsはWeb開発でよく使われる2つの技術ですが、開発スタック内での役割は異なります。 Node.js はバックエンド・サービスに使われるランタイム環境であり、ReactはWebアプリケーシ
(…)UXPin Blog — Design Studio
-
-
デザインツールはイメージベースからコードベースへ
デジタルプロダクトデザインの黎明期から、大きな問題がありました。デザイナーは、製品開発プロセスから完全に切り離されたソフトウェアで作業することを強いられてきました。 他の組織から切り離されたデザイナーは、ラスターグラフィ
(…) -
UI グリッド – 押さえておくべきこと
UI のグリッドシステムはレスポンシブデザインに非常に重要であり、それでレイアウトがさまざまな画面サイズや解像度にシームレスに適応することが保証されます。そしてデザイナーはグリッドシステムを使って、一貫性と
(…) -
Angular と React と Vue – 使うべきフレームワーク
Reactは、エコシステムの成熟度やコンポーネントの可用性、コミュニティ面でAngularやVueより優れているかもしれません。また、Git や UXPin など他のプラットフォームやツールとも統合が可能です。 Vue
(…) -
Reactが使われているウェブサイトの15事例
ReactJS は、世界で最も使われているフロントエンドライブラリです。このライブラリのコンポーネントベースの手法により、開発チームはプロジェクト全体でコンポーネントを構築して再利用することができ、その結果、ゼロからの
(…) -
ペーパープロトタイプ: 10分でわかる実践ガイド
ハイテクなデジタル製品におけるUXデザインの世界でも、ペンと紙は、Lo-Fi(低忠実度)のプロトタイプをサクッと作る選択肢として今でも好まれています。皆さんの思い込みとは裏腹に、UXチームはコンピューターから離れ、付箋や
(…) -
モバイルアプリとWebアプリ【デザインで考慮すべきポイント】
モバイルアプリとWebアプリの導入決定は簡単ではなく、UX、技術的制約、費用対効果、拡張性など、多くの要素を考慮する必要があります。 そこで本記事では、どのアプローチがプロジェクトに最適かを、十分な情報に基づいて判断でき
(…) -
Tailwindデザインシステム の始め方
UXPinでTailwindデザインシステムを構築するには、Tailwind UIライブラリを活用し、カスタムコンポーネントを作成して一貫したスタイルを設定します。 HeroiconsやHero Patternsで装飾を
-
Laravel × React – Webアプリケーションをすばやく構築する方法
はじめに Laravel とReact を使った Webアプリを構築することで、堅牢性、効率性、柔軟性、UX(ユーザーエクスペリエンス)の優れた組み合わせが提供されます。 これらの技術とそれぞれのエコシステムの強みを活用
(…) -
「 デザイン 」の本当の意味とは?
「デザイン」という言葉は曖昧で、会話に付加価値を与える一方、正確な意味が定まらないことが多いです。「素晴らしいデザイン」と聞いても、それが美しさや機能性、またはその両方を指すのかは文脈次第です。 筆者がシリコンバレーでプ
(…) -
製品設計・開発モデルを改善する方法: PayPalからの教訓
一般的な製品モデリングプロセスは、部門間の行き来が多く、非効率なコースを辿ります。従来の製品設計・開発モデルのライフサイクルでは: プロジェクトマネージャーがアイデアを出し、それを文章化してデザインチームに送ります。 デ
(…) -
React Native と ReactJS – それぞれの違い
ReactJSとReact Nativeの違いを理解すると、デザイナーはエンジニアとのコミュニケーションは円滑になり、コストのかかる技術的な問題は回避され、デザイン引き継ぎ時の摩擦を最小限に抑えることができます。 デザイ
(…) -
【デベロッパー向け】React に最適な バックエンド
Reactは、ダイナミックでインタラクティブな UI(ユーザーインターフェース)開発のために設計された強力なフロントエンドライブラリであり、Web開発において人気の高い選択肢となっています。Webアプリケーションのビュー
(…) -
おすすめの React コンポーネントライブラリ
5.ブラウザやデバイスの互換性 デザインするアプリによっては、コンポーネントライブラリのブラウザとモバイルの互換性を知りたいでしょう。ブラウザやデバイスの互換性を調べるには、GitHub の 「issues」 や Sta
(…) -
UX負債を解消する3ステップガイド
A clear framework for erasing your design debt now.
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial