Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design For User #2 コンポーネント指向から考えるUIと設計・趣旨説明スライド / Design For User #2 Openning Slide

Tsuyoshi Higuchi
PRO
September 08, 2016
Design
1
1.1k

Design For User #2 コンポーネント指向から考えるUIと設計・趣旨説明スライド / Design For User #2 Openning Slide

勉強会　Design For User #2 http://design-for-user.connpass.com/event/38494/　のオープニングに趣旨説明したときのスライド。

Tsuyoshi Higuchi
PRO

September 08, 2016
Tweet

More Decks by Tsuyoshi Higuchi

See All by Tsuyoshi Higuchi
開発現場でのサービスデザインとモデリング
tyshgc
PRO
6
2.2k
React Nativeで 位置情報アプリをつくった話
tyshgc
PRO
10
4.5k
メンタルモデルから紐解く オブジェクト指向的コンポーネント設計 / Mental-Model Component Design
tyshgc
PRO
11
4.5k
Designer meets Domain-Driven-Design
tyshgc
PRO
28
2.5k
ReactとLoopbackことはじめ / React.js meets Loopback
tyshgc
PRO
11
3.2k
UCDとDDD - ユースケースからユーザー中心について考える
tyshgc
PRO
21
3.7k
UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design
tyshgc
PRO
46
12k
React & Go Single Page Apps
tyshgc
PRO
20
5.5k
Rapid React Prototyping : React.jsでUIデザインプロトタイプを作る
tyshgc
PRO
37
9.4k

Other Decks in Design

See All in Design
セキュリティとデザイン
takumma
3
1.5k
Co-Creating through Conflict: The hidden power of service design
meganerinmiller
1
130
デザイン思考を活用した「こと・ものづくり」のプロジェクト参加経験から感じること - 東工大EDP
momo555
0
140
Виктор Теплов — Пилим Библу или Рефакторинг дизайн-системы
ozontech
0
910
DR2023 Alex Crook - Exploring the aftermath of enforced behaviour change (from Covid-19) on younger people’s habits
uxaustralia
PRO
0
120
Graphic design and UI/UX
dmitry_tolonen
0
1.5k
非エンジニアの私が エンジニアと「協働」する ために心がけていること
nabemasat
1
820
エンジニアにオススメの Figma 活用
kazuyaseki
14
9.8k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
7.1k
The Graphic Design Trends in 2023
manuchat
1
600
Prueba 01
chima
0
340
Halloween 2021
ryanm519
0
120

Featured

See All Featured
Adopting Sorbet at Scale
ufuk
66
8k
A better future with KSS
kneath
230
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
3
540
How STYLIGHT went responsive
nonsquared
89
4.3k
Code Review Best Practice
trishagee
52
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
255
12k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
7
990
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Thoughts on Productivity
jonyablonski
52
2.9k

Transcript

  1. View Slide

  2. ࠓճͷςʔϚ͸ʜ
    ίϯϙʔωϯτࢦ޲ͱઃܭ

    View Slide

  3. 6*͸มΘΓ΍͍͢
    ͳͥʁίϯϙʔωϯτࢦ޲ͱઃܭʁ
    ιϑτ΢ΣΞઃܭͰ͸6*૚͸ִ཭͞Ε͕ͪ

    View Slide

  4. 6*ͷ౎߹ʹ߹Θͤͳͯ͘΋͍͍
    ΞʔΩςΫνϟ΁
    Domain
    Model
    UseCase
    Presenter
    UI

    View Slide

  5. ίϯϙʔωϯτࢦ޲͸
    8FC'SPOUFOEͰ͸ओྲྀʹʜ
    Vue.js React.js Angular2 Riot.js

    View Slide

  6. 6*૚ͷࡏΓํΛ࠶ߟ͢Δ࣌ظʜ
    ιϑτ΢ΣΞͷઃܭʹ΋ؔ܎͢Δ࿩
    ίϯϙʔωϯτࢦ޲

    View Slide

  7. Designer
    ίϯϙʔωϯτࢦ޲
    Engineer
    ΞʔΩςΫνϟ
    ϑϨʔϜϫʔΫ
    6*૚ͷࠓΛ
    ஌Ζ͏ʂ
    ઃܭΛ
    ߟ͑Α͏ʂ
    "UPNJD%FTJHO 0069

    View Slide

  8. ͱ͍͏Θ͚Ͱʜ

    View Slide

  9. ίϯϙʔωϯτࢦ޲͔Βߟ͑Δ6*ͱઃܭ

    View Slide