Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザインシステム導入前夜
Search
kasikasikasi
March 01, 2023
Design
290
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザインシステム導入前夜
今回はプロジェクト側の問題でデザインシステムの導入を見送ることとなってしまいました。
デジタル庁のデザインシステムは非常に良く纏まっているので、参考になると思います。
kasikasikasi
March 01, 2023
Transcript
14 slides
σβΠϯγεςϜಋೖલ 2023/02/27 ARCANA Meetup #86
ࣗݾհ • ໊͋ͩ • Χογʔ • ࠷ۙ • ਗ਼ϤʔΫ ϐϧΫϧϛϥΫϧέΞҿΜͰ·͢
• ޮՌ͋Δͷʁ
σβΠϯγεςϜͱ
σβΠϯγεςϜɺσβΠϯͷҰ؏ੑɺޮੑɺεέʔϥϏϦςΟΛߴΊΔ ͨΊͷํ๏Ͱ͢ɻ by ChatGPT • σβΠϯͷҰ؏ੑ: σβΠϯͷΨΠυϥΠϯɺίϯϙʔωϯτɺϒϥϯσΟϯάʹج͍ͮ ͨσβΠϯͷઃܭΛ౷Ұ͢Δ͜ͱͰɺϢʔβʔʹରͯ͠౷Ұੑͷ͋ΔΤΫεϖϦΤϯε Λఏڙ͢Δ͜ͱ͕Ͱ͖·͢ɻ •
ޮੑ: ࣄલʹఆٛ͞ΕͨσβΠϯنʹج͍ͮͯσβΠϯΛߦ͏͜ͱͰɺσβΠϯͷ࡞ ʹ͔͔Δ࣌ؒΛॖ͠ɺޮੑΛ্͢Δ͜ͱ͕Ͱ͖·͢ɻ • εέʔϥϏϦςΟ: ࣄલʹఆٛ͞ΕͨσβΠϯنΛ༻͢Δ͜ͱͰɺ৽͍͠ϓϩμΫτ αʔϏεͷ։ൃΛਝ͔ͭ؆୯ʹ͢Δ͜ͱ͕Ͱ͖·͢ɻ
σϞ
σβΠϯγεςϜͳ͠
σβΠϯγεςϜͳ͠ ΞϯέʔτͷWEBը໘͕ ඞཁʹͳͬͨͳɻ ͦΕͬΆ͍ը໘Λ࡞Ζ͏ ൃଆ ։ൃଆ ͳΜͩ͜Εʁʂ ࠓ·Ͱͷը໘ͱςΠετ͕ ҧ͏͚Ͳɻ·͋ɺ͍͍͔ʂ
ը໘༷ॻ Ռௐࠪʂ ࢯ໊ ͖ͳՌ όφφ ΓΜ͝ ΩΠ ϨϞϯ ༸ͳ͠ εΠΧ
ࠓޙઓ͍ͨ͠Ռ ʁ Ϟʔμϧ ग़ͯ͠ ૹ৴
ը໘༷ॻ Ռௐࠪʂ ࢯ໊ ͖ͳՌ όφφ ΓΜ͝ ΩΠ ϨϞϯ ༸ͳ͠ εΠΧ
ࠓޙઓ͍ͨ͠Ռ ʁ Ϟʔμϧ ग़ͯ͠ ૹ৴ ݟग़͚ͩ͠ͲϘʔϧυ ʹ͠ͳ͍͍ͯ͘ͷʁ ΞϯμʔϥΠϯͷςΩετΤϦΞ ॳΊͯΈ͚ͨͲɺ৽͘͠࡞Δͷʁ ࠓ·Ͱબࢶͷଟ͍߲ϐοΧʔΛ ͚ͬͯͨͲɺϥδΦϘλϯʹ͢Δͷʁ Ϟʔμϧग़ͯͬͯ͠ͳΜͶΜɻ ϞʔμϧॳΊ͚ͯͩͲɺը໘༷ʁ ૹ৴Ϙλϯ͕നృΓͬͯɺࠓ·Ͱ ϨΠΞτͱҧ͏ͳɻ
σβΠϯγεςϜ͋Γ
ൃଆ ։ൃଆ Θ͔Δʂ ͜ΕσβΠϯγεςϜʹ ͷ͍ͬͯΔͭͩʂ σβΠϯγεςϜ͋Γ ΞϯέʔτͷWEBը໘͕ ඞཁʹͳͬͨͳɻ σβΠϯγεςϜΛࢀরͩʂ
ը໘༷ॻ ͖ͳՌΛڭ͑ͯͶ ࢯ໊ ͖ͳՌ ࠓޙઓ͍ͨ͠Ռ ճ͢Δ ࠓޙઓ͍ͨ͠ՌΛ۩ମతʹ͔͍ͯͶʂ બ͍ͯͩ͘͠͞ Ռɹଠ ࠓ͍ൣғͰΕͯɺय़ͷ౸དྷΛ࣮ײ͢Δཅؾ
ͱͳΓ·͢ɻؔ౦ΑΓͷҬεΪՖคͷඈࢄγ ʔζϯʹೖ͓ͬͯΓɺՖค͕େྔʹඈࢄ͢Δ͓ͦΕ ͜ΕͳΒ͢Ͱʹίϯϙʔωϯτ͕ ଘࡏ͍ͯ͠ΔͷͰɺ࣮͕؆୯ͩͶ
·ͱΊ • σβΠϯͷ͕ݮ͞ΕɺαʔϏεͷվળͷͨΊͷ࣌ؒΛ૿͢͜ͱՄೳͱͳ Δɻ • ϝϦοτ͚ͩʹݟ͑Δ͕σϝϦοτ͋Δɻ • σβΠϯγεςϜͷϝϯςφϯείετɺϓϩδΣΫτͷνʔϜશମͷڠྗ͕ ඞཁͰ͋Δɻ •
͓·͚ • σδλϧிσβΠϯγεςϜ • https://www.digital.go.jp/policies/servicedesign/designsystem/
͓͠·͍Ͱ͢
More Decks by kasikasikasi
See All by kasikasikasi
フロントエンドをMonorepo化しない話
kasikasikasi
0
380
Laravel多言語化対応
kasikasikasi
0
1k
Other Decks in Design
See All in Design
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
4
2.2k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
4
5.7k
ポートフォリオ_あやの
ngyenmazt1412
0
2.1k
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
160k
インターンから2年新卒フロントエンドエンジニアから見たサイボウズのアクセシビリティ
taku10101
0
220
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
2k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
140
Look Dev Meetup #50
baku89
1
540
Design_Harness_and_Loop.pdf
nagatsu
0
150
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
23k
Typographie et intégration web
goetter
0
190
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
150
Featured
See All Featured
We Are The Robots
honzajavorek
0
440
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
1
240
My Coaching Mixtape
mlcsv
0
390
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
560
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
70
69k
The Curious Case for Waylosing
cassininazir
1
610
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
580
The Limits of Empathy - UXLibs8
cassininazir
2
780
Deep Space Network (abreviated)
tonyrice
0
420
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
48k
AI: The stuff that nobody shows you
jnunemaker
PRO
12
1.3k