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
kasikasikasi
March 01, 2023
Design
0
270
デザインシステム導入前夜
今回はプロジェクト側の問題でデザインシステムの導入を見送ることとなってしまいました。
デジタル庁のデザインシステムは非常に良く纏まっているので、参考になると思います。
kasikasikasi
March 01, 2023
Tweet
Share
More Decks by kasikasikasi
See All by kasikasikasi
フロントエンドをMonorepo化しない話
kasikasikasi
0
350
Laravel多言語化対応
kasikasikasi
0
990
Other Decks in Design
See All in Design
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
280
PF_濵村ひろみ_202503
maru_design78
0
170
株式会社バクタム 会社説明資料
bactum
0
240
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
150
Kid Cowboy 103
marilutwin
0
260
UXデザインはなぜ定着しないのか?
designstudiopartners
0
710
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
130
NAHO SHIMONO_Portfolio2025
nahohphp
0
830
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Bash Introduction
62gerente
614
210k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Designing for humans not robots
tammielis
253
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
The Cult of Friendly URLs
andyhume
79
6.5k
A better future with KSS
kneath
239
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Transcript
σβΠϯγεςϜಋೖલ 2023/02/27 ARCANA Meetup #86
ࣗݾհ • ໊͋ͩ • Χογʔ • ࠷ۙ • ਗ਼ϤʔΫ ϐϧΫϧϛϥΫϧέΞҿΜͰ·͢
• ޮՌ͋Δͷʁ
σβΠϯγεςϜͱ
σβΠϯγεςϜɺσβΠϯͷҰ؏ੑɺޮੑɺεέʔϥϏϦςΟΛߴΊΔ ͨΊͷํ๏Ͱ͢ɻ by ChatGPT • σβΠϯͷҰ؏ੑ: σβΠϯͷΨΠυϥΠϯɺίϯϙʔωϯτɺϒϥϯσΟϯάʹج͍ͮ ͨσβΠϯͷઃܭΛ౷Ұ͢Δ͜ͱͰɺϢʔβʔʹରͯ͠౷Ұੑͷ͋ΔΤΫεϖϦΤϯε Λఏڙ͢Δ͜ͱ͕Ͱ͖·͢ɻ •
ޮੑ: ࣄલʹఆٛ͞ΕͨσβΠϯنʹج͍ͮͯσβΠϯΛߦ͏͜ͱͰɺσβΠϯͷ࡞ ʹ͔͔Δ࣌ؒΛॖ͠ɺޮੑΛ্͢Δ͜ͱ͕Ͱ͖·͢ɻ • εέʔϥϏϦςΟ: ࣄલʹఆٛ͞ΕͨσβΠϯنΛ༻͢Δ͜ͱͰɺ৽͍͠ϓϩμΫτ αʔϏεͷ։ൃΛਝ͔ͭ؆୯ʹ͢Δ͜ͱ͕Ͱ͖·͢ɻ
σϞ
σβΠϯγεςϜͳ͠
σβΠϯγεςϜͳ͠ ΞϯέʔτͷWEBը໘͕ ඞཁʹͳͬͨͳɻ ͦΕͬΆ͍ը໘Λ࡞Ζ͏ ൃଆ ։ൃଆ ͳΜͩ͜Εʁʂ ࠓ·Ͱͷը໘ͱςΠετ͕ ҧ͏͚Ͳɻ·͋ɺ͍͍͔ʂ
ը໘༷ॻ Ռௐࠪʂ ࢯ໊ ͖ͳՌ όφφ ΓΜ͝ ΩΠ ϨϞϯ ༸ͳ͠ εΠΧ
ࠓޙઓ͍ͨ͠Ռ ʁ Ϟʔμϧ ग़ͯ͠ ૹ৴
ը໘༷ॻ Ռௐࠪʂ ࢯ໊ ͖ͳՌ όφφ ΓΜ͝ ΩΠ ϨϞϯ ༸ͳ͠ εΠΧ
ࠓޙઓ͍ͨ͠Ռ ʁ Ϟʔμϧ ग़ͯ͠ ૹ৴ ݟग़͚ͩ͠ͲϘʔϧυ ʹ͠ͳ͍͍ͯ͘ͷʁ ΞϯμʔϥΠϯͷςΩετΤϦΞ ॳΊͯΈ͚ͨͲɺ৽͘͠࡞Δͷʁ ࠓ·Ͱબࢶͷଟ͍߲ϐοΧʔΛ ͚ͬͯͨͲɺϥδΦϘλϯʹ͢Δͷʁ Ϟʔμϧग़ͯͬͯ͠ͳΜͶΜɻ ϞʔμϧॳΊ͚ͯͩͲɺը໘༷ʁ ૹ৴Ϙλϯ͕നృΓͬͯɺࠓ·Ͱ ϨΠΞτͱҧ͏ͳɻ
σβΠϯγεςϜ͋Γ
ൃଆ ։ൃଆ Θ͔Δʂ ͜ΕσβΠϯγεςϜʹ ͷ͍ͬͯΔͭͩʂ σβΠϯγεςϜ͋Γ ΞϯέʔτͷWEBը໘͕ ඞཁʹͳͬͨͳɻ σβΠϯγεςϜΛࢀরͩʂ
ը໘༷ॻ ͖ͳՌΛڭ͑ͯͶ ࢯ໊ ͖ͳՌ ࠓޙઓ͍ͨ͠Ռ ճ͢Δ ࠓޙઓ͍ͨ͠ՌΛ۩ମతʹ͔͍ͯͶʂ બ͍ͯͩ͘͠͞ Ռɹଠ ࠓ͍ൣғͰΕͯɺय़ͷ౸དྷΛ࣮ײ͢Δཅؾ
ͱͳΓ·͢ɻؔ౦ΑΓͷҬεΪՖคͷඈࢄγ ʔζϯʹೖ͓ͬͯΓɺՖค͕େྔʹඈࢄ͢Δ͓ͦΕ ͜ΕͳΒ͢Ͱʹίϯϙʔωϯτ͕ ଘࡏ͍ͯ͠ΔͷͰɺ࣮͕؆୯ͩͶ
·ͱΊ • σβΠϯͷ͕ݮ͞ΕɺαʔϏεͷվળͷͨΊͷ࣌ؒΛ૿͢͜ͱՄೳͱͳ Δɻ • ϝϦοτ͚ͩʹݟ͑Δ͕σϝϦοτ͋Δɻ • σβΠϯγεςϜͷϝϯςφϯείετɺϓϩδΣΫτͷνʔϜશମͷڠྗ͕ ඞཁͰ͋Δɻ •
͓·͚ • σδλϧிσβΠϯγεςϜ • https://www.digital.go.jp/policies/servicedesign/designsystem/
͓͠·͍Ͱ͢