UI／UXに関する記事とニュース
-
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/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/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の改善にも効力があります。しかしながら、実際のページ遷移はコード内に潜み、どんなページ遷移をするか...
-
2016/09/30ITエンジニアがUXデザインを実践するコツと心構え
「UXデザイン（ユーザーエクスペリエンスデザイン）」という言葉は、近年多種多様な職種業種で頻繁に耳にするようになりました。皆さんは、その意味をどのように解釈しているでしょうか？ 「なんだか小難しそう」「ちゃんと勉強したことがないし、自分にはできそうにない」といった印象を持たれている方も少なからずいるのではないかと思います。ですが、今回私が特にエンジニアの方向けにお伝えしたいのは、UXデザインは職種や専門領域に関わりなく、誰にでも、もちろんエンジニアにもできることということです。では、どのように...
-
2015/10/05DeNA南場智子氏がサービス開発の悟りを講演「UXをまず作り込む。ビジネスモデルやマーケティングは後でいい」
アプリ・サービスのUIデザイナーが集うコミュニティ「UI Crunch」は、若手が成長できる場の提供を目的として、25歳以下限定のコミュニティ「UI Crunch Under25」を設立。その第1回イベントを9月26日、東京・渋谷にある株式会社ディー・エヌ・エー（以下、DeNA）の社員食堂「サクラカフェ」で開催した。基調講演には、DeNA会長の南場智子氏が登壇。「何故いまデザインなのか？」と題し、多くの失敗から導き出したという、いわばヒットサービスを開発するための「悟り」を披露した。開発者にも...
-
2015/05/21アップルデザイン賞受賞チームも登壇！ トップリーダーが語る制作現場にコラボレーション文化を広める意味とその方法とは
UIデザインに関わるすべての人を対象としたトークイベント「UI Crunch」の第4回が、4月17日に株式会社ディー・エヌ・エー社内のカフェで開催された。この回のテーマは「コラボレーション文化の作り方」。デザインの手法だけでなく、「いかにチームでよいプロダクトをつくるか」にまで話が及ぶことが多いUI Crunchらしいテーマである。本稿では開発者やデザイナーがその他のステークホルダーとコラボレーションしていくためのヒントを、登壇者の発言から読み解いてレポートする。
-
2015/03/20開発者とデザイナーのコミュニケーションを劇的に改善したい！ UIデザイナー発「プロトタイピング開発」のススメ
株式会社ディー・エヌ・エー（DeNA）と株式会社グッドパッチ（Goodpatch）は、UIデザインに関わる全ての人のためのコミュニティ「UI Crunch」を主宰しています。勉強会も開催しており、毎回、UIデザインに関わるエンジニアやプランナー、デザイナーが大勢集まります。本稿では、2月19日に東京・渋谷にあるDeNA社を会場に開催された第3回勉強会「今、プロトタイピング開発に求められること」の模様をお伝えします。
-
2015/01/09開発者も聞いておきたい！ 「UIデザイナー不要説について語る」イベントで飛び出したデザイナーの本音
2014年11月27日、UIデザイナーを対象とするトークイベント「UI Crunch #2」が、株式会社ディー・エヌ・エー社内のサクラカフェで開催された。本稿では会場で繰り広げられた、現場で活躍するUIデザイナーによるセッションやパネルディスカッションの模様をレポートする。
