$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
About color
Search
namikuguri
March 21, 2013
Design
0
98
About color
About color attributes and color scheme.
namikuguri
March 21, 2013
Tweet
Share
More Decks by namikuguri
See All by namikuguri
実例から学ぶ CSSアニメーション
namikuguri
1
1.4k
かるくCalc()
namikuguri
0
190
SVG Basic
namikuguri
0
240
SVG Graph Animation
namikuguri
0
260
石
namikuguri
0
84
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
860
誰と作るデザイン?
namikuguri
0
620
CSS の構造化、その目的
namikuguri
0
110
fitme
namikuguri
0
79
Other Decks in Design
See All in Design
Emmy's Artwork
mcksmith
0
180
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
CursorでAI活用のナレッジベースを構築する
kanzaki
0
1.1k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
800
Installing and Running decksh/pdfdeck
ajstarks
1
900
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
2.8k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
140
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
550
DESIGNEAST 2025 A-3
_kotobuki_
0
120
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.4k
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
570
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
61
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
0
25
WCS-LA-2024
lcolladotor
0
380
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Navigating Team Friction
lara
191
16k
Designing for Performance
lara
610
69k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Deep Space Network (abreviated)
tonyrice
0
16
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
220
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
Transcript
৭࠼ʹ͍ͭͯ ৭ͷଐੑͱ৭૬ௐͷߟ͑ํ 133݄21༵
࣍ ৭ͷ࿈ͱ ৭ͷଐੑͱγεςϜ ৭૬ௐͷߟ͑ํ ࢀߟ 133݄21༵
৭ͷ࿈ͱ 133݄21༵
৭ͷ࿈ͱ ৭ͷࡾଐੑͱΧϥʔΦʔμʔγεςϜ ৭ͷܾఆ ৭͕ҧͬͯݟ͑Δཧ༝ ࠞ৭ ৭࠼จԽ ࢀߟ ৭ͷ࿈ ۩ମత࿈ ݱ࣮ͷࣄʹܨ͕Δ࿈ɻ
ˠଠཅɺΠνΰɺফंͳͲ ԫˠϨϞϯɺόφφͳͲ நత࿈ ਓͷײੑʹܨ͕Δ࿈ɻ ˠɺউརɺѪͳͲ ԫˠتͼɺշָɺஊͳͲ 133݄21༵
৭ͷ ؟ʹݟ͑ͳ͍நత֓೦ ࣄΛɺܗ৭Λ࣋ͬͨଞͷ ͷͰײతʹΘ͔Γ͘͢ ද͢͜ͱɻ ࿈ͷΠϝʔδ͕ࣾձͷதͰ ҰൠԽɺݻఆԽ͞Εͨͷɻ 133݄21༵
৭૬ͷ৺ཧతޮՌ ৭૬ɺओʹ৺ཧతͳפஆײʢפ͍ɾஆ͔͍ʣਐग़ɾޙ ୀޮՌʢඈͼग़ΔɾҾͬࠐΉʣʹӨڹΛ༩͑Δɻ ໌ͷ৺ཧతޮՌ ໌ɺܰॏײʢ͍ܰɾॏ͍ʣͱߗೈײʢ͔͍ͨɾΘΒ ͔͍ʣɺுɾऩॖޮՌΛ༩͑Δɻ ࠼ͷ৺ཧతޮՌ ࠼ɺओʹਈ࢜తͳखຯײ༠ੑʹӨڹΛ༩͑ Δɻ ༠ੑɾɾɾ৭͕ਓΛҾ͘ੑ࣭
৭ͷࡾଐੑ͕ද͢৺ཧతޮՌ 133݄21༵
פஆײʢ৭૬ʣ ுɾऩॖޮՌʢ໌ʣ 133݄21༵
৭ͷଐੑͱγεςϜ 133݄21༵
৭૬ ɺ㐋ɺɺ੨ɺࢵ ໌ ໌Δ͍㲗҉͍ ࠼ ͔͋͟㲗͘͢Μͩ ৭ͷଐੑ ৭ʹ৭૬ɺ໌ɺ࠼ͷଐੑ͕͋Γ·͢ɻ 133݄21༵
ΧϥʔΦʔμʔγεςϜʹɺϚϯηϧγεςϜɺ $$*$ʢձٞॴίʔσΟωʔγϣϯνϟʔτʣɺ /$4ʢ/BUVSBM$PMPS4ZTUFNʣɺ1$$4ʢຊ৭ݚ৭ମ ܥʣͱ༷ʑͰ͕͢ɺࠓճݱࡏ൪͘༻͍ΒΕͯΔϚϯη ϧγεςϜΛྫʹऔΓѻ͍·͢ɻ ΧϥʔΦʔμʔγεςϜ 133݄21༵
৭૬ جຊ৭૬छͱதؒ৭૬छͷ ߹ܭछͷ७৭৭૬ɻ ͞Βʹ֤৭૬Λஈ֊ʹ ͚ɺΛද৭૬ͱ͢Δɻ 133݄21༵
໌ ࠷໌Δ͍৭ͷʮനʯͱ࠷ ҉͍৭ͷʮࠇʯΛஈ֊ʹ ׂɻ ໌ͱࣹମͷ໌Δ͞Λ ࣔ͢ɻςϨϏͱ͔1$ͷޫ ݯͷ໌Δً͞Ͱࣔ͢ɻ 133݄21༵
࠼ ࠼ͱ৭ͷ͔͞Λද͢ ֓೦Ͱ͢ɻ ৭ۭؒͷத৺࣠Λͱ͠ɺ ͔ͦ͜Β७৭·ͰΛ࠷େͱ͠ ·͢ɻ 133݄21༵
৭૬ௐͷߟ͑ํ 133݄21༵
৭૬ࠩʹΑΔ৭ྨ ৭૬ྨࣅܥ ಉҰ৭૬ͷ৭ʢ৭૬ࠩʣ ྡ৭૬ͷ৭ʢ৭૬ࠩʣ ྨࣅ৭૬ͷ৭ʢ৭૬ࠩɺʣ ৭૬ରরܥ தࠩ৭૬ͷ৭ʢ৭૬ࠩdʣ ରর৭૬ͷ৭ʢ৭૬ࠩdʣ ิ৭৭૬ͷ৭ʢ৭૬ࠩdʣ 133݄21༵
ಉҰ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ໌ͱ࠼Ͱ৭ͷมԽΛ͚ͭ Δɻ ແ࠼৭ͱ༗࠼৭ͷ৭ಉҰ ৭૬ͷ৭ʹؚ·ΕΔɻ 133݄21༵
ྡ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ಉҰ৭૬ͷ৭ͱಉ༷ɺ໌ ͱ࠼Ͱ৭ͷมԽΛ͚ͭΔɻ 133݄21༵
ྨࣅ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠷ௐͷऔΓ͍͢৭ɻ 133݄21༵
தࠩ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ΞδΞͷ౷తͳ৭͍Ͱ༻ ͍ΒΕɺૉͳΠϝʔδΛग़ ͍͢͠ɻ ຽௐͳσβΠϯʹྑ͘Θ ΕΔɻ 133݄21༵
ରর৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ פ৭ͱஆ৭ΛΈ߹Θͤɺ ҟͳΔΠϝʔδͷ৭ʹͳΓ ͍͢ɻ ௐΛͱΔͨΊʹɺ࠼ͷௐ અΛߦ͏ɻ 133݄21༵
ิ৭৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠼Λ߹ΘͤͯௐΛͱΔɻ ߴ࠼Λ༻͢ΔͱɺݟΔਓ ʹ׆ಈతͳΠϝʔδΛ༩͑Δ ͜ͱ͕ग़དྷΔɻ 133݄21༵
৭૬ͰྨΛදͨ͠ਤ 133݄21༵
໌ࠩʹΑΔ৭ྨ Ϛϯηϧ໌ʹ͓͚Δྨ ߴ໌ɾɾɾϚϯηϧ໌Ҏ্ த໌ɾɾɾϚϯηϧ໌Ҏ্ະຬ ໌ɾɾɾϚϯηϧ໌ະຬ 133݄21༵
໌ࠩʹΑΔ৭ྨ ໌ʹ͓͚Δ৭ ໌ྨࣅܥͷ৭ɾɾɾ໌ࠩఔͷ໌͕ࠩখ͞ ͍৭ɻ৭Ͳ͏͠ͷ໌ྎੑ͍ɻ ໌ରরܥͷ৭ɾɾɾ໌ࠩҎ্ఔͷ໌͕ࠩ େ͖͍৭ 133݄21༵
࠼ࠩʹΑΔ৭ྨ Ϛϯηϧ࠼ʹ͓͚Δྨ ߴ࠼ɾɾɾϚϯηϧ࠼Ҏ্ த࠼ɾɾɾϚϯηϧ࠼Ҏ্ະຬ ࠼ɾɾɾϚϯηϧ࠼ະຬ 133݄21༵
࠼ࠩʹΑΔ৭ྨ ࠼ʹ͓͚Δ৭ ࠼ྨࣅܥͷ৭ɾɾɾ࠼ࠩલޙͷ࠼͕ࠩখ͍͞ ৭ɾಉҰ࠼Λ༻͢Δͱ౷Ұײͷ͋Δ৭ޮՌ͕͋ ΓɺखɺຯײΛग़͍͢͠ɻ ࠼ରরܥͷ৭ɾɾɾ࠼ࠩҎ্ఔͷ࠼͕ࠩେ ͖͍৭ɻҰൠʹ໌ྎੑ͕ߴ͘ͳΔɻେ͖ͳ໘ੵʹ࠼ ৭Λ͍ɺখ͞ͳ໘ੵʹߴ࠼৭Λ͠Α͏͢Δ͜ͱͰΞΫ ηϯτΧϥʔͱͯ͠׆༻͞ΕΔɻ 133݄21༵
ࢀߟ ͜ΕͰ߹֨ʂΧϥʔίʔσΟωʔλʔڃ ճͰ߹֨ʂ৭࠼ݕఆڃ 133݄21༵