はじめに 2018/8/10に待望のVue CLIのバージョン3.0.0がリリースされましたので、早速アップデートして使ってみたいと思います。 今回のバージョンは、大きなアップデートとなっており、パッケージ名についても今までの「vue-cli」から「@vue/cli」に変更となっています。 今までのVue CLIとの違い vue.js開発者「Evan You」からの発表コメント( https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb )からポイントを抜粋し意訳しました。 詳細を確認したい方はリンク先のページをご確認ください。 今回のアップデートのには２つの目的があります。 1. 複数のツールを組み合わせるフロントエンド開発用ツールを簡単に使えるようにする。 2. 全てのVueアプリケーションのデフォルトになるよう

Goodpatch closed its Berlin office. We will continue to help businesses through Tokyo HQ.

Goodpatch closed its Berlin office. We will continue to help businesses through Tokyo HQ.

こちらは「Service Designer’s Advent Calendar 2018」の20日目の記事です。 2018年12月5日に東京、神奈川でのサービスをスタートした、タクシー配車アプリサービス『MOV《モブ》』について、デザイナーがどんなことをしたのかを、DeNAデザイン本部飯島と久田がご紹介したいと思います。 2018年12月、DeNAはタクシー配車アプリサービス『MOV《モブ》』を東京、神奈川でスタートしました。 本サービスは「タクベル」という名称で、すでに2018年4月に神奈川県にてサービスをスタートしており、それを新たに『MOV《モブ》』として再スタートした形です。 ここでは、 どういう思いで変更をしたのか？ ロゴ制作の背景 一般のお客様向けAppにおいて、どういう対応をしたのか の3点に絞って、お話をしたいと思います。 まず変更に至った背景についてですが、大きく2つの理

第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGo

どんなにすばらしいUXをユーザーに提供しようとしても、UIがUXのためのデザインになっていないとユーザーは体験することが出来ません。それはいろんな意味で残念。。UXを正しく考慮したUIをデザインするためには、どうすればいいのでしょうか？

この記事はGoodpatch UI Design Advent Calendar 2018の19日目の記事です。 こんにちは、10月からGoodpatch Anywhereにジョインしたささやんです。 リモートワークでわくわく楽しく活動しています。 師走ですね、すっかり寒くてお鍋が一段と美味しいですね。 今回は2ヶ月前に導入してすっかり惚れ込んだ、Figmaのおすすめ機能についてUIデザイナー目線からお届けします。 Figmaの名前はちらちら聞きつつもどうなんだろー(私もそうだった)、な方がさわるきっかけになればよいなと思います。 元々のきっかけはプロジェクト先ですでにFigmaが導入されていたからなのですが、おかげで作業効率UPとスムーズなコミュニケーションができ感謝です🙏✨ シームレスな、チームでの共同作業Figmaで一番と言えるほど素晴らしい点は、デザイナー以外の人達を含むチーム内

このnoteは、UIモーションを制作できるツールをまとめた記事です。 ツール多すぎ問題UIモーションはAfter Effects以外に、プロトタイピングツールを使って制作する。 しかしプロトタイピングツールも群雄割拠の時代。 山ほどあるツールから自分の業務に最適なモノを探さなければいけません。 以下では、なんとか厳選して選んだUIモーションツールの精鋭たちをまとめてみた。 3種類のプロトタイピングツールプロトタイピングツールには大きく分けて、 ・トランジション型 ・インタラクション型 ・複合型の3種類に分けられる。 ○トランジション型 全体の画面遷移を主に制作する。 →凝った動きや細い条件による動きは作れない。 その分簡単に早く制作することができる。 ※トランジション型に関しては、操作フローの確認・課題把握を目的としたツールのため、次のツール紹介では省きます・ ○インタラクション型 1つの

デザインスプリントのプロセスと流れについて説明します。 Version 2: http://www.slideshare.net/takaumada/design-sprint-guidebook-v2

ここが決定的に違うんです。 微妙なサービスの多くは機能ドリブンのあやふやなゴールセッティングでデザインを始めてしまうため、要件がぶれてしまい「他行では○○だ」とか「マネジメントが××と言っている」という非論理的な要件をただ浴び続けるだけに陥りがちです。 どの高みを目指すかによってデザインの重要度は大きく変わります。 極論とりあえず1個の機能としてあればいいのなら、デザインなんかいらないわけです。存在することが付加価値なので。 凄さポイント：ゴールから逆算して論理的に要件が導き出されている 凄さ2：ありがちなデザインをなぞる ゴールが明確になり、要件が決まったとしても、その最適解を生み出すプロセスは違いを生む大きな要因になります。 特に金融系のようなどちらかというとオールドな業界の場合、新しいことやサービスをやろうとすると「新しいからOK！」的なデザインがまず出てくることが多いのですが、なぜ

液晶ディスプレイ購入者の心理マップ（EIZO FORIS FG2421 を中心に）：2014年6月21日 リンクシェア フェア 2014Yoshiki Hayama