$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
Search
shinji.uyama
November 30, 2018
Design
1
120
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
shinji.uyama
November 30, 2018
Tweet
Share
More Decks by shinji.uyama
See All by shinji.uyama
2019/10/29 CircleCIでCI入門
ushinji0612
0
190
`rails db:migrate`を使わない スキーマ変更を経験して学んだこと
ushinji0612
1
980
ecs-cliを使った ECSへの自動デプロイシステムの構築
ushinji0612
0
550
グルーピングを意識したデザインのススメ
ushinji0612
0
230
「Effective Ruby」を読んでruby初心者を脱却を目指した話 - meguro.rb#17_2018/07/31
ushinji0612
0
170
なぜGitもHTTPも知らなかった 金融系SIerがWebエンジニアに 転職できたのか?
ushinji0612
0
1.5k
新規事業開発のエンジニアとして必要なこと 2018/07/01 - 貴族会LT
ushinji0612
1
93
Rails_5.2_新機能Credentialsを使ってみた.pdf
ushinji0612
0
60
Other Decks in Design
See All in Design
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
330
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
230
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
800
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
820
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
440
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
560
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
480
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
550
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
520
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
250
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.4k
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
77
5.2k
Designing for humans not robots
tammielis
254
26k
GitHub's CSS Performance
jonrohan
1032
470k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Being A Developer After 40
akosma
91
590k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Transcript
·ͣԡ͓͖͍͑ͯͨ͞ σβΠϯͷجຊͷΩʂ ۚ αϙʔλʔζษڧձ TIJOKJVZBNB!V@TIJOKJ σβΠϯॳ৺ऀ͚
ࣗݾհ TIJOKJVZBNB !V@TIJOKJ w ۚ༥ܥ4*FSʹ৽ଔೖࣾ w ΞσΟογϡגࣜձࣾδϣΠϯ ݄ ݄ $
लؙ &YFDM 3VCZPO3BJMT 3FBDUKT 8FC&OHJOFFS ϊϯσβΠφʔ ॏཁ
αϙʔλʔζͷΩϟϦΞࢧԉͰస৬͠·ͨ͠ʂ ҙɿͷ໊લΛग़ͯ͠ɺʹ͓ۚೖΓ·ͤΜ
ࠓճͷςʔϚ σβΠϯ
σβΠϯΛ ৗͰؾʹ͍ͯ͠·͔͢ʁʁ
σβΠϯͬͯେࣄ
σβΠϯ ͩͱɺࣗࢥ͍ͬͯΔɻ ͍͑ͨใ͍Λɺ ΑΓޮՌతʹɺັྗతʹ͑ΔεΩϧ
ͲΜͳʹྑ͍αʔϏεͰɺ ɾ͍ํ͕͔Βͳ͍ ɾ͍͍ͨͱࢥΘͳ͍ ͱࢥΘΕΔͱҙຯ͕ͳ͍
ͲΜͳʹྑ͍αʔϏεͰɺ ɾ͍ํ͕͔Βͳ͍ ɾ͍͍ͨͱࢥΘͳ͍ ͱࢥΘΕΔͱҙຯ͕ͳ͍ ΤϯδχΞσβΠϯͷॏཁੑΛͬͯཉ͍͠ʂʂ
σβΠϯεΩϧ ৬छΛΘ͓ͣ࣋ͬͯ͘ͱཱͭ ϓϨθϯࢿྉ υΩϡϝϯτ࡞
Ͱɻɻɻ
σβΠϯେࣄͱݴΘΕͯɺ σβΠϯͷֶͼํ͕͔Βͳ͍
σβΠϯεΩϧΛ৳͍ͨ͠ͱࢥ͍ͬͯΔ͚Ͳ Կ͔Βֶྑ͍͔͔Βͳ͍σβΠϯॳ৺ऀ ࠓճͷରϢʔβʔ
σβΠϯεΩϧΛ৳͍ͨ͠ͱࢥ͍ͬͯΔ͚Ͳ Կ͔Βֶྑ͍͔͔Βͳ͍σβΠϯॳ৺ऀ ࠓճͷରϢʔβʔ ̍લͷࣗʹ͍͑ͨʂʂ
࣍ w σβΠϯͷ̐ͭجຊݪଇ ۙ ྻ ෮ ίϯτϥετ w ࣮ફdೖྗϑΥʔϜͷσβΠϯ
σβΠϯͷ̐ͭͷجຊݪଇ
σβΠϯʹɺ جຊݪଇ͕͋Γ·͢
ྑ͍σβΠϯɺ ̐ͭͷجຊݪଇ͕ϕʔεʹ͋Γ·͢
ͳͷͰɺσβΠϯॳ৺ऀɺ σβΠϯͷͭجຊݪଇΛ ʹ͚ͭΑ͏ʂʂ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ ྻ
σβΠϯͷ̐ͭͷجຊݪଇ
ۙ
ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ ˒ϙΠϯτʮ༨നʯ
ྫ͑ɺೖྗϑΥʔϜ
ۙ
ѱ͍ྫ ֤ཁૉ͕ີू͍ͯ͠ΔͨΊɺ ؔ࿈ੑΛೝࣝͣ͠Β͍ ྑ͍ྫ ༨നΛ͏·͘͏͜ͱͰɺ ֤ཁૉͷؔ࿈ੑΛ؆୯ʹೝࣝͰ͖Δ ۙ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ྻ
શͯͷཁૉΛҙࣝతʹஔ͠ͳ͚ΕͳΒͳ͍ ྻ
ྫ͑ɺ໊ͷϨΠΞτ
ྻ
ྻ ѱ͍ྫ ྑ͍ྫ
ྻ ѱ͍ྫ
ྻ ྑ͍ྫ
ྻ ྑ͍ྫ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
෮
ཁૉͷಛʹҰ؏ੑΛ࣋ͨͤΔ ෮
ྫ͑ɺϥϯνϝχϡʔ
෮ ѱ͍ྫ
ྑ͍ྫ ෮
෮ ѱ͍ྫ ྑ͍ྫ
ΞΫηϯτΛ͚ΔͱɺΑΓ෮ΛҙࣝͰ͖Δ ΞϯμʔϥΠϯΛҾ͍ͯΈΔ ৭ͰΞΫηϯτΛ͚ͯΈΔ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ίϯτϥετ
ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ
ྫ͑ɺհϖʔδ
None
ѱ͍ྫ ίϯτϥετΛҙ͍ࣝͯ͠ͳ͍ྫ ⁞ίϯτϥετ͕ͳ͍ͨΊ ɹݟΔଆͷ͕ऒ͔Εͳ͍ શͯͷཁૉͷσβΠϯ͕ಉ͡ ɹͨΊݟΔॱ൪͕͔Βͳ͍
None
ίϯτϥετΛҙࣝͨ͠ྫ ⁞λΠτϧʹίϯτϥετ ɹΛ͚ͯΛऒ͘σβΠϯʹ λΠτϧʹͤͯ͞ ɹݟΔ͖ॱ൪͕͔Δ ྑ͍ྫ
ίϯτϥετΛ͚Δํ๏ͷྫ จࣈ৭ ϑΥϯτΛม͑Δ എܠ৭ͱനൈ͖Ͱදݱ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
࣮ફ
Πϯϓοτେࣄ͚ͩͲɺ Ξτϓοτେࣄʂʂ
σβΠϯͷ̐ͭͷݪଇΛ ࣮ࡍʹσβΠϯʹద༻ͯ͠Έ·͠ΐ͏ʂ
ʙࠓճͷࡐʙ ΞΧϯτ৽ن࡞ϑΥʔϜ
࣮ફλΠϜʂ
࣮ફΛ௨ͯ͠ɺ σβΠϯͷ̐ͭͷݪଇΛ σβΠϯʹద༻͢ΔମݧΛͯ͠Έ·ͨ͠
՝ʢҙʣ ࣮ફͰߦͳͬͨσβΠϯͷमਖ਼ʹؔͯ͠ ɾ۩ମతʹͲΜͳσβΠϯͷमਖ਼Λߦͬͨͷ͔ʁ ɾͦͷमਖ਼ɺσβΠϯͷݪଇͷͲΕΛͬͨͷ͔ʁ Λઆ໌͢ΔΞτϓοτͯ͠Լ͍͞ɻ
·ͱΊ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
͓͢͢Ίຊ
ϊϯσβΠφʔζɾσβΠϯϒοΫ wάϥϑΟοΫσβΠϯͷ໊ஶ wσβΠϯͷʰͭͷجຊݪଇʱͷղઆ σβΠϯεΩϧޙఱతʹ৳ͤΔ ͱࢥΘͤͯ͘ΕͨҰ ɾ
͍͚ͬͯͳ͍σβΠϯ ͍ͭͬͯ͠·͏ʮΠϚΠνͳσβΠϯʯͱ ʮྑ͍σβΠϯʯͷରൺ͕͔Γ͍͢ ɾ νϥγɺϙελʔɺϓϨθϯࢿྉͳͲ αϯϓϧྫ͕๛Ͱॳ৺ऀʹಡΈ͍͢ ɾ
͍͞͝ʹʜ
ʑͷੜ׆ͷதͰɺ σβΠϯͷ̐ͭͷݪଇΛҙࣝͯ͠ΈΔ͚ͩͰɺ ݟ͑Δੈք͕มΘΔͱࢥ͍·͢ʂʂ
-FU`T&OKPZ%FTJHOTNPSF