UI／UXに関する記事とニュース
-
2021/08/31オープンソースのGUI作成ツールキット「GTK 4.4.0」がリリース
GUI作成のためのオープンソースのツールキットであるGTKの開発チームは、最新バージョンとなる「GTK 4.4.0」を、8月23日（現地時間）にリリースした。
-
2021/08/06
UIコンポーネントの最新版「Headless UI v1.4」がリリース、タブの使用が可能に
Tailwind Labsは、UIコンポーネントHeadless UIの最新版となる「Headless UI v1.4」を、7月29日（現地時間）にリリースした。
-
2021/06/30
WYSIWYG／マークダウン両対応の「TOAST UI Editor 3.0」がリリース
マークダウンとWYSIWYGの両方に対応したエディタであるTOAST UI Editorの開発チームは、最新版となる「TOAST UI Editor 3.0」を6月17日（現地時間）にリリースした。
-
2021/01/29「Nuxt.js」で作ったWebページをインターネットで公開する方法
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は、Nuxt.jsの非同期データ機能について説明しました。今回は、Nuxt.jsを利用して作成したWebページをインターネット上に公開する方法を紹介します。
-
2020/09/30プロダクトのデザインを長く健康に保つには？――デザインの優先順位・チームでのコミュニケーションのコツ
はてなのプロダクト開発の裏側をお伝えするリレー連載の第3回では、デザイナーの村田智さんに、ユーザーに価値を届けるためにデザイナーとして何を考え、どう取り組んでいるかを紹介いただきました。第4回となる今回も引き続き村田さんに、デザインの体系化や、それを促進するデザインのガイドラインについて解説いただきます。（編集部）
-
2020/09/25“チーム全員プロダクトオーナー”の開発――グッドパッチが重視する、デザインプロセスのメソッドとは？
デジタルプロダクトのUI/UXデザインを強みとし、戦略・ビジネスモデルやブランドなどのデザインにも提供価値を広げてきたグッドパッチ。多くの企業に優れたデザインワークを提供する一方で、業務をサポートするツールやソリューションを自社プロダクトとして開発し続けてきた。今年9月にはチームでのコラボレーション実現を目的としたクラウド型ワークスペース「Strap（ストラップ）」をローンチし、注目を浴びている。本記事では事業責任者としてプロジェクトを牽引する北村篤志氏、開発部門の責任者を務める西山雄也氏にイ...
-
2020/09/24「シンプルで誰でも使える」プロダクトは、ユーザーの実感を共有しながら作る――「Strap」開発の舞台裏
デジタルプロダクトのUI/UXデザインを強みとし、戦略・ビジネスモデルやブランドなどのデザインにも提供価値を広げてきたグッドパッチ。多くの企業に優れたデザインワークを提供する一方で、業務をサポートするツールやソリューションを自社プロダクトとして開発し続けてきた。今年9月にはチームでのコラボレーション実現を目的としたクラウド型ワークスペース「Strap（ストラップ）」をローンチし、注目を集めている。新型コロナウイルスの影響もあり、急激に変化する社会情勢の中で、開発の裏側ではどのようにコミュニケー...
-
2020/09/18
TechFeed Summit#4開催、第4回のテーマはUXデザイン
「TechFeed Summit#4 - UXデザインを語り尽くす！」が、9月29日にオンラインで開催される。参加費は無料。
-
2020/09/14「顧客に向き合う」を行ってはいけない？ プロダクトマネージャーがUX設計において大切にしていること
日本でも徐々になじみの出てきた「プロダクトマネージャー（PM）」ですが、その役割や認識は業界、企業、人によってさまざま。これという正解はなく、みな手探りでプロダクトに向き合っているでしょう。そこで本連載では、プロダクトマネジメントにおいて最も重要だと思うことを、プロダクトマネージャーとして活躍する方や、プロダクト開発の現場の経験が豊富な方に、自らの経験を踏まえて解説していただきます。これからPMになる方、PMとして現場で悩んでいる方に、少しでも役立てば幸いです。第2回のテーマは、「顧客体験」。...
-
2020/06/25ページ表示前にデータを取得して反映できる「Nuxt.js」の非同期データ機能を使いこなそう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は、Webページの状態を集中管理するVuexストアを説明しました。今回は、ページの表示前にネットワークからデータを取得して、ページやVuexストアに反映できる、Nuxt.jsの非同期データ機能について説明していきます。
-
2020/03/02Webページの状態を集中管理できる「Nuxt.js」のVuexストアを使いこなそう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はWebページの一部分を部品として再利用できるコンポーネント機能を説明しました。今回は、Webページの入力内容や表示内容といった状態を集中管理できるVuexストアについて説明していきます。
-
2019/12/12画面要素を再利用できる、Vue.jsのコンポーネント機能を学ぼう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は複数のページを切り替えるNuxt.jsのルーティング機能を紹介しました。今回は、Webページの一部分を部品として再利用できるコンポーネント機能について説明していきます。
-
2019/12/05クリエイティビティを阻害する最大要因は「時間」、Adobe XDではオンラインでのコラボ機能を大幅強化【Adobe MAX Japan 2019】
アドビ システムズは12月3日、現役のクリエイターおよびクリエイターを目指す人を対象とした日本最大級のクリエイティブカンファレンス「Adobe MAX Japan 2019」をパシフィコ横浜（神奈川・みなとみらい）で開催した。本稿では、特にUXデザインツール回りのアップデートを中心にお伝えする。
-
2019/11/26複数のページを切り替える、Nuxt.jsのルーティング機能を学ぼう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はVue.jsの基本的な利用方法を説明しました。今回は複数のページを切り替えるNuxt.jsのルーティング機能を解説します。
-
2019/11/06ユーザー体験を支える検索・マッチング技術はどう作られる？ クックパッド、メルカリ、エウレカがノウハウを披露
サービス開発の手法や考え方について、知見や学びを共有する勉強会である「Cookpad Product Kitchen」。2019年9月25日に開催された第4回のテーマは「ユーザー体験を支える検索・マッチング技術」だ。サービス内にどれほど有益なデータがあったとしても、ユーザーがそこに到達できなければ、利便性を享受できない。いわば、検索・マッチングの技術がサービスの印象そのものを決定づけるのだ。では、有名サービスの開発・運用に携わるエンジニアたちは、いかなる手法を用いてデータとユーザーの橋渡しを行...
-
2019/11/05
Adobe、「Adobe MAX」にてAdobe XDのアップデート提供開始、ライブ共同編集が正式実装に
米Adobeは、11月4日（現地時間）に開催されたクリエイティブカンファレンス「Adobe MAX 2019」において、Adobe XDをはじめとするクリエイティブアプリケーションのメジャーアップデート提供を開始するとともに、iPad版Photoshop、Microsoft Surface対応Frescoなど、モバイル機器向けアプリを正式リリースした。
-
2019/09/02「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はVue.jsとNuxt.jsの概要を説明しました。今回はNuxt.jsでUI構築に利用するVue.jsについて、基本的な利用方法を説明します。
-
2019/06/11「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩
本連載では、Webページのユーザーインタフェイス（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。初回となる今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本的な実装例を通して、Vue.jsやNuxt.jsの機能をいくつか紹介していきます。
-
2019/02/12SPAの保守開発を効率化――画面遷移理解を支援する
社会人エンジニア向けの教育プログラム「トップエスイー」から、エンジニアの皆さんに対して有用な情報をお届けするコーナーです。Webブラウザ上で稼働するアプリケーションでは、一度のダウンロードで複数のページ要素を持つ構成をとることができ、こうした実装手法は「SPA（シングルページアプリケーション）」と呼ばれます。ページ遷移が素早く行え、ユーザーにダウンロード待ちをさせることなく利用できることから、UXの改善にも効力があります。しかしながら、実際のページ遷移はコード内に潜み、どんなページ遷移をするか...
-
2018/06/27デザインから実装までのワークフローを融合し、迅速なモダンアプリケーション開発を支援する「Indigo.Design」
インフラジスティックス・ジャパンは6月26日に会見を開き、アプリケーションデザインプラットフォーム「Indigo.Design（インディゴ・デザイン）」を7月19日から提供開始することを発表した。
