Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
Search
shinji.uyama
November 30, 2018
Design
1
95
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
shinji.uyama
November 30, 2018
Tweet
Share
More Decks by shinji.uyama
See All by shinji.uyama
2019/10/29 CircleCIでCI入門
ushinji0612
0
180
`rails db:migrate`を使わない スキーマ変更を経験して学んだこと
ushinji0612
1
870
ecs-cliを使った ECSへの自動デプロイシステムの構築
ushinji0612
0
510
グルーピングを意識したデザインのススメ
ushinji0612
0
210
「Effective Ruby」を読んでruby初心者を脱却を目指した話 - meguro.rb#17_2018/07/31
ushinji0612
0
160
なぜGitもHTTPも知らなかった 金融系SIerがWebエンジニアに 転職できたのか?
ushinji0612
0
1.5k
新規事業開発のエンジニアとして必要なこと 2018/07/01 - 貴族会LT
ushinji0612
1
88
Rails_5.2_新機能Credentialsを使ってみた.pdf
ushinji0612
0
58
Other Decks in Design
See All in Design
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.9k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
1
170
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
470
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
360
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
490
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
340
Yahoo Newsletter Clicker Template
xuechunwu
0
290
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
700
今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
210
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
280
Featured
See All Featured
Building Applications with DynamoDB
mza
90
6.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Scaling GitHub
holman
458
140k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
How GitHub (no longer) Works
holman
310
140k
Ruby is Unlike a Banana
tanoku
97
11k
GraphQLとの向き合い方2022年版
quramy
43
13k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Statistics for Hackers
jakevdp
796
220k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
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