「デザインからコード」は、よく知られたワークフローであり、デザイナーはデザインツールを使ってプロトタイプを作成し、デベロッパーはそれをコードに変換するという、標準的な製品開発プロセスがシンプルになったバージョンです。 U
(…)2026年に向けた「コードからデザイン」の完全ガイド
「デザインからコード」は、よく知られたワークフローであり、デザイナーはデザインツールを使ってプロトタイプを作成し、デベロッパーはそれをコードに変換するという、標準的な製品開発プロセスがシンプルになったバージョンです。 U
(…)
Storybookではデザイナーと開発者がプロトタイプを構築する際に、コードコンポーネントを使用することで、サイロ化を解消しUIの一貫性を向上させることができます。(詳しくは「画期的なStorybookの魅力」に関するこ
(…)
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
React は Facebook によって開発された JavaScript ライブラリで、Web アプリ用のインタラクティブな UI(ユーザーインターフェース)の作成のためにデザインされています。そこで本記事では、Rea
(…)
Webアプリは、ブラウザ上で動作するソフトウェアアプリケーションのことです。Webアプリはモバイルアプリ同様、タスクの実行、情報へのアクセス、他のユーザーとのコミュニケーションを行うことができます。 Webアプリを作成す
(…)
Reactは、エコシステムの成熟度やコンポーネントの可用性、コミュニティ面でAngularやVueより優れているかもしれません。また、Git や UXPin など他のプラットフォームやツールとも統合が可能です。 Vue
(…)
HTML と CSS は、Web サイトを支えるテクノロジーの核の部分であり、それぞれに独自の目的があります。HTML(ハイパーテキスト・マークアップ・ランゲージ)は 構造とコンテンツを提供することによって、Web ペー
(…)
現代のデジタル世界における相互接続性は、利点であると同時に弊害ももたらします。 一方で、人とデバイスがよりスマートに、より高い生産性で活動することを可能にしていることは紛れもない事実です。他方で、デジタルシステム全体の脆
(…)
AI ツールとは、タスクの自動化やデータの分析、そして人間のような思考のシミュレーションをする機械学習アルゴリズムが搭載されたソフトウェアアプリケーションであり、デザイナーやデベロッパーにとって、ワークフローの効率化や創
(…)
UI(ユーザーインターフェース)デザインは、ユーザーがデジタル製品とどのように接するかを形作る上で重要な役割を果たします。よくデザインされた UI は、ユーザビリティが上がるだけでなく、ユーザーを惹きつけるシームレスな体
(…)
デザインシステムの採用と拡張は簡単ではありません。ステークホルダー、プロダクトマネージャー、開発チーム、デザイナーを説得し、デザインシステムの価値を伝えるために、組織全体から得なければなりません。 デザインシステムの構築
(…)
ReactJSとReact Nativeの違いを理解すると、デザイナーはエンジニアとのコミュニケーションは円滑になり、コストのかかる技術的な問題は回避され、デザイン引き継ぎ時の摩擦を最小限に抑えることができます。 デザイ
(…)
React の世界に飛び込む準備はできているけどローカルアプリケーションを立ち上げて実行する方法がわからない方には、本記事がピッタリです。新しく身につけたReactのスキルを披露したいと思っている新進のフロントエンドデベ
(…)
Node.jsとReact.jsはWeb開発でよく使われる2つの技術ですが、開発スタック内での役割は異なります。 Node.jsはバックエンド・サービスに使われるランタイム環境であり、ReactはWebアプリケーションの
(…)
企業が製品を作る際に考慮しないといけない重要な UX デザインの原則はたくさんあり、そういうった UX 原則は、デザイン思考プロセスを補完し、それでユーザー中心の意思決定が実現します。 そこで本記事では、組
(…)