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

2020.4.22

Avatar for YoujiSakai YoujiSakai
April 22, 2020
Design
0
150

 2020.4.22

2020.4.22 AM

Avatar for YoujiSakai

YoujiSakai

April 22, 2020
Tweet

More Decks by YoujiSakai

See All by YoujiSakai
2020.11.12
Avatar for YoujiSakai youjisakai
0
360
20200720
Avatar for YoujiSakai youjisakai
0
280
研修用
Avatar for YoujiSakai youjisakai
3
160
2020.4.22
Avatar for YoujiSakai youjisakai
0
190
2020.1.08
Avatar for YoujiSakai youjisakai
2
290
Project Aeroで実現する！グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
Avatar for YoujiSakai youjisakai
0
490
20191119
Avatar for YoujiSakai youjisakai
1
150
20190903-AM.pdf
Avatar for YoujiSakai youjisakai
0
280
2019.9.3 PM
Avatar for YoujiSakai youjisakai
1
250

Other Decks in Design

See All in Design
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
270
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
190
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
0
110
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for 株式会社スマートバンク smartbank
1
360
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
460
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
580
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
180
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
390
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
760
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.5k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.7k

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

Transcript

  1. IUUQTTQFDUSVNBEPCFDPN

  2. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIUNM

  3. None

  4. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIBDLUIFEFTJHOTZTUFNJEFBOFCPPLIUNM

  5. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIBDLUIFEFTJHOTZTUFNJEFBOFCPPLIUNM

  6. None

  7. ૊৫ͷن໛ͱσβΠϯγεςϜ

  8. None
  9. None
  10. None

  11. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  12. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  13. σβΠϯγεςϜͷྺ࢙

  14. Design Systems σβΠϯγεςϜ

  15. TUBOEBSETNBOVBM /FX:PSL$JUZ 5SBOTJU"VUIPSJUZ (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ.BTTJNP7JHOFMMJɹBOE#PC/PPSEB 6OJNBSL  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOZDUBDPNQBDUFEJUJPO

  16. TUBOEBSETNBOVBM /BUJPOBM"FSPOBVUJDTBOE 4QBDF"ENJOJTUSBUJPO (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ3JDIBSE%BOOFBOE#SVDF#MBDLCVSO  %BOOF#MBDLCVSO  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOBTBHSBQIJDTTUBOEBSETNBOVBM

  17. TUBOEBSETNBOVBM /BUJPOBM"FSPOBVUJDTBOE 4QBDF"ENJOJTUSBUJPO (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ3JDIBSE%BOOFBOE#SVDF#MBDLCVSO  %BOOF#MBDLCVSO  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOBTBHSBQIJDTTUBOEBSETNBOVBM

  18. None

  19. Spectrum ɹ"EPCFͷσβΠϯγεςϜ

  20. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None

  28. εΫϥϜνʔϜ

  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None

  36. σβΠϯࢥߟ͕ੈքΛม͑Δ ʤΞοϓσʔτ൛ʥ ΠϊϕʔγϣϯΛಋ͘৽͍͠ߟ͑ํ ӅΕͨχʔζΛ୳Γग़͠ɺඈ༂తൃ૝Ͱ ੜ׆Λ๛͔ʹ͢ΔʮσβΠϯࢥߟʯɻ ͦͷํ๏࿦Λੈքʹ޿Ίͨ఻આతͳ *%&0ͷ$&0͕ɺץߦप೥Λظʹ ಺༰Λ࡮৽ɻ

  37. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ

  38. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ ೥લ൒ʙ೥ࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ

  39. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ ೥લ൒ʙ೥ࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ ೥ ʮσβΠϯܦӦʯએݴʗσβΠϯਓࡐ ૊৫తͳΠϯϑϥͱͯ͠σβΠϯͷ࢓૊Έ

  40. σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG

  41. ΞοϓϧɺμΠιϯɺྑ඼ܭըɺϚπμɺϝϧΧϦɺ "JSCOCͳͲͷ#UP$اۀͷΈͳΒͣɺεϦʔΤ Ϝɺ*#.ͷΑ͏ͳ#UP#اۀ΋ɺσβΠϯΛاۀͷ ܦӦઓུͷத৺ʹਾ͓͑ͯΓɺʮσβΠϯܦӦʯ ͷ࣮ફاۀɾ੒ޭاۀͱ͍͏͜ͱ͕ݴ͑Δɻ σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG

  42. 2012

  43. ೥ɺܦӦ૚ʹ$%0 ʢ$IJFG%FTJHO0⒏DFSɿ ࠷ߴσβΠϯ੹೚ऀʣΛઃஔ Ϛ΢ϩɾϙϧνʔχ͕ब೚ &ODBOUP1VCMJD3FMBUJPOT%FTJHOBOE13.BVSP1PSDJOJ 1FQTJDP$IJFG%FTJHO0⒏DFS FOHMJTIWFSTJPO  IUUQXXXFODBOUPQVCMJDSFMBUJPOTDPNEFTJHOBOEQSNBVSPQPSDJOJQFQTJDPIUNM

  44. δχʔɾϩϝοςΟʢ೥ʹ$&0ʹब೚ʣ͕ σβΠϯܦӦΛਪਐɺಉ೥ɺ*#.%FTJHOͱ͍͏ ૊৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷ఻ಓࢣɺϑΟϧɾΪϧόʔτࢯ͸೔ຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM σβΠϯͱσβΠϯࢥߟͷΧϧνϟʔΛ *#.ʹਁಁͤ͞Δ Mission

  45. μάɾύ΢Τϧ͕σβΠφʔͱͯ͠ཧࣄʹब೚ ʢ*#.Ͱ͸ॳʣ σβΠϯࢥߟ͕΋ͨΒ͢Ϗδωεมֵʂ มΘΓΏ͘σβΠφʔͷ໾ׂ IUUQTXXXJCNDPNUIJOLKQKBCVTJOFTTEFTJHOUIJOLJOH

  46. ݄೔෇Ͱ৽ઃͷ໾৬ $%0ʢ$IJFG%FTJHO 0⒏DFSʣʹब೚͢Δ͜ͱ͕ ใ͡ΒΕͨ ೥݄೔ɺδϣφαϯɾΞΠϒ͕ +POZ*WFOFBSMZRVJU"QQMF CVUJOTUFBECFDBNF 4UFWF+PCTTTQJSJUVBMQBSUOFS IUUQXXXFDPUJJO6)8KB

  47. σβΠϯܦӦͷඞཁ৚݅ ɾܦӦνʔϜʹσβΠϯͷ ɹ੹೚ऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ

  48. σβΠϯࢥߟ ඇσβΠφʔ͕ ର৅ͷࢥߟ๏ σβΠφʔ͕ແҙࣝʹ΍͍ͬͯΔ࡞ۀͷਐΊํ΍ࢥߟ๏ आΓͯΠϊϕʔγϣϯΛى͜͢

  49. 3%ʢݚڀ։ൃʣˠԼྲྀʹσβΠϯ ΫϦΤΠςΟϒʹಛԽͨ͠ઐ໳৬ ˣ σβΠϯΛاۀܦӦͷ࠷্ྲྀʹϏϧτΠϯ ʢ࠷ॳ͔Β૊ΈࠐΉʣ ૊৫తͳΠϯϑϥͱͯ͠σβΠϯͷ࢓૊Έ ˣ ΋ͷͮ͘ΓͷਐΊํ͕ΞδϟΠϧʹมԽ͍ͯ͘͠ ϓϩτλΠϐϯά

  50. 5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ ૑଄త໰୊ղܾ

  51. #VJMEJOHUPUIJOL ԿΛ࡞Δ͔Λߟ͑ΔͷͰ͸ͳ͘ɺ ߟ͑ΔͨΊʹ࡞ΔͷͰ͢ ςΟϜɾϒϥ΢ϯɿ σβΠφʔ͸΋ͬͱେ͖͘ ߟ͑Δ΂͖ͩ IUUQTXXXZPVUVCFDPNXBUDI W6"JO-B5Y:

  52. None

  53. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά اըॻ 6*

    ఏҊॻ σʔλγʔτ

  54. ͦͷϨϕϧͩͱ ϲ݄Ҏ্͔͔Γ·͢Αʂ σβΠφʔ Ӧۀ ͑ͬʁ Ͱ͖ͳ͍ͷʁ

  55. ͦͷϨϕϧͩͱ ϲ݄Ҏ্͔͔Γ·͢Αʂ σβΠφʔ Ӧۀ ͑ͬʁ Ͱ͖ͳ͍ͷʁ ৬Ҭ

  56. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά اըॻ 6*

    ఏҊॻ σʔλγʔτ

  57. ϦΞϧλΠϜίϥϘϨʔγϣϯ

  58. "EPCFͷσβΠϯγεςϜ 4QFDUSVN

  59. None

  60. IUUQTTQFDUSVNBEPCFDPN

  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None

  69. ϓϩδΣΫτ؅ཧγεςϜ

  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None

  79. IUUQTXXXBUMBTTJBODPNKBTPGUXBSFKJSB

  80. None

  81. σβΠϯγεςϜͷ ɹɹɹɹɹɹϝϯςφϯεͱӡ༻

  82. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ

  83. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ࡞඼

  84. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ

  85. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ϥΠϒϥϦͷ ࡞੒

  86. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ট଴

  87. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά

  88. ڞ༗ϥΠϒϥϦͷߏங

  89. $$ϥΠϒϥϦͰ શͯͷ෦ॺ͕ΞηοτΛڞ༗

  90. νʔϜશһ͕ ίϯϙʔωϯτΛڞ༗

  91. None
  92. None

  93. ·ͱΊ

  94. None

  95. ૊৫ͷن໛Ͱݕ౼͠Α͏

  96. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  97. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO ϨϕϧΛݕ౼͠Α͏

  98. None

  99. ϓϥάΠϯΛ࠷େݶʹ ׆༻͠Α͏ʂ

  100. ϓϥάΠϯΛ࠷େݶʹ ׆༻͠Α͏ʂ ϓϩδΣΫτ؅ཧγεςϜͷ ಋೖΛݕ౼ͯ͠ΈΑ͏

  101. None

  102. ͜Ε͚ͩ͸ආ͚Α͏ʂ

  103. TwitterͰؔ࿈৘ใΛ౤ߘ͍ͯ͠·͢ !DPNNPOTUZMF EFTJHO[FSPUW

  104. DESIGN AT THE SPEED OF THOUGHT ࢥߟͷ଎౓ͰσβΠϯ͢Δ