UI／UXに関する記事とニュース
-
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デザイナーによるセッションやパネルディスカッションの模様をレポートする。
