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

目に見えないもののデザイン ー私たちは何をデザインしているのか？

Avatar for 田島佳穂 田島佳穂
December 01, 2023
0
2.5k

目に見えないもののデザイン ー私たちは何をデザインしているのか？

Spectrum Tokyo fest 2023 にて発表したLTの資料です
#spectrumfest2023
https://fest2023.spctrm.design/

発表者：https://twitter.com/tajima_kaho
Avatar for 田島佳穂

田島佳穂

December 01, 2023
Tweet

More Decks by 田島佳穂

See All by 田島佳穂
学習体験をデザインする
Avatar for 田島佳穂 tajima_kaho
0
1.4k

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
91
6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.3k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
183
22k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k

Transcript

  1. ాౡՂึɹcɹגࣜձࣾ.*.*(63* ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ ʔࢲͨͪ͸ԿΛσβΠϯ͍ͯ͠Δͷ͔ʁ 4QFDUSVN5PLZP'FTUJWBM

  2. ాౡՂึ ɹɹ!UBKJNB@LBIP גࣜձࣾ.*.*(63* w $6-5*#"4&ࣄۀɹ 
 σδλϧϓϩμΫτσβΠφʔࣄۀ੹೚ऀ Ұൠࣾஂ๏ਓσβΠϯγοϓ w %FTJHOTIJQ%P্ཱͪ͛ΧϦΩϡϥϜσΟϨΫλʔ

    w ߦ੓΍اۀ޲͚ݚमͷਪਐ

  3. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ֶੜ࣌୅ɿϏδϡΞϧίϛϡχέʔγϣϯΛֶͿ ೔ຊޠֶशऀΛର৅ͱͨ͠ΦϊϚτϖֶशࢧԉπʔϧͷݚڀʕ͔͚͠ͷ͋ΔʮΦϊϚτϖֆຊʯͷఏҊʕ

  4. :BIPPϓϨϛΞϜձһͳΒ ௥ՃྉۚෆཁͰ ࡶࢽࢽҎ্͕ಡΈ์୊

  5. 1BZ1BZͰ͓ࢧ෷͍͕Ͱ͖ɺ ͞Βʹച্ۚ͸1BZ1BZͰ ड͚औΔ͜ͱ͕Ͱ͖Δ ϑϦϚαʔϏεͰ͢

  6. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP

  7. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࣮ફܕσβΠϯεΫʔϧʮ%FTJHOTIJQ%Pʯͷ্ཱͪ͛

  8. None

  9. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP Θͨ͠ͷσβΠϯྖҬͷมભ άϥϑΟοΫ ϏδϡΞϧ ίϛϡχέʔγϣϯ 8FCσβΠϯ 6*σβΠϯ 69σβΠϯ ࣄۀσβΠϯ ૊৫σβΠϯ

    5*.&

  10. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ʮࢲͬͯԿͷσβΠφʔͩΖ͏ʁʯ

  11. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ݟ͑ͳ͍ σβΠϯ͕ٻΊΒΕΔ৔໘͕૿͑ɺର৅͕޿͕͍ͬͯΔ ݟ͑Δ ଊ͑΍͍͢ ଊ͑ʹ͍͘

  12. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ଊ͑ͮΒ͞ʹΑͬͯɺ ΞΠσϯςΟςΟ͕༳Β͍Ͱ͍Δ ʮࢲͬͯԿͷσβΠφʔͩΖ͏ʁʯ

  13. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࣄۀ΍૊৫ͱ͍ͬͨແܗ෺ʹରͯ͠ ͲΜͳσβΠϯέΠύϏϦςΟΛൃش͍ͯ͠Δͷ͔ʁ ࣗ෼ͨͪͷΞΠσϯςΟςΟ͸Ͳ͜ʹ͋Δͷ͔ʁ ຊ೔޲͖߹͍͍ͨ͜ͱ ಛʹ౴͕͑͋Δ΋ͷͰ͸ͳ͍͕ɺ ࣗ෼ࣗ਎ͷϦϑϨΫγϣϯΛ΋ͱʹ໰͍ʢղ͍ʣ͍͖͍ͯͨ

  14. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ɹࣄۀͷσβΠϯʹ͍ͭͯߟ͑Δ

  15. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࣄۀσβΠϯʹ͓͚Δैདྷతͳࢥߟ ʓʓ͔ͩΒ ✕✕͔ͩΒ ˚˚͔ͩΒ ࣄۀ਺ࣈ Ϗδϣϯ ϩʔυϚοϓ

  16. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࣄۀσβΠϯʹ͓͚ΔσβΠϯέΠύϏϦςΟ ετʔϦʔʹͯ͠ ఻ΘΔΧλνʹ͢Δ ϩʔυϚοϓ ,1* 0,3 ࣄۀ਺ࣈ

  17. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ਫ໘ΛோΊΔ ࢁΛొΔ

  18. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP σβΠφʔͳΒͰ͸ͷΞϓϩʔν #PMBOE 3BOE'$PMMPQZ  NBOBHJOHBTEFTJHOJOH 4UBOGPSE6OJWFSTJUZ1SFTT

  19. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ෆ࣮֬ੑɾᐆດੑΛड͚ೖΕɺετʔϦʔΛ๰͙ ෳࡶʹབྷΈ͋͏΋ͷΛͦͷ··ѻ͑Δ ͳΜͱͳ͘Θ͔Δ " #` $ % & བྷΈ߹ͬͨ΋ͷʹҙຯ͚ͮɾந৅Խɾඥ෇͚Λ͠ɺ

    ετʔϦʔΛ૑଄͢Δ ετʔϦʔʹͯ͠ ఻ΘΔΧλνʹ͢Δ

  20. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ܾΊ͖ΒͣʹมԽ͠໰͍௚͢ औΓ૊Έͳ͕Βଈڵతʹ૊Έ׵͑໰͍௚͠ ৽͍͠ՄೳੑΛৗʹΞοϓσʔτ͠ଓ͚͍ͯΔ " #` $ % & (

    ' ) #z #z` 5*.&

  21. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ݟ͑ͳ͍΋ͷΛݟΑ͏ͱ͢Δ૝૾ྗ σβΠϯͱ͸ͭͶʹલ΋ͬͯ Θ͔Βͳ͍Կ͔Λ୳Δ͜ͱͰ͋Δ 1BMMBTNBB

  22. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ૊৫ͷσβΠϯʹ͍ͭͯߟ͑Δ

  23. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ૊৫σβΠϯͷඞཁੑ ݟ͑ͳ͍ ૊৫ ࣄۀ ϓϩμΫτ σβΠϯ 6* σβΠϯ

  24. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ૊৫ʹ͓͚ΔσβΠϯߦҝͰͷྨࣅੑ σβΠϯϚωʔδϟʔͷΑ͋͘Δᷤ౻ ʮϚωδϝϯτΛͨ͘͠ͳ͍ʜखΛಈ͔͞ͳ͘ͳΔͷ͕ා͍ʯ ʮࣗ෼͸Ϛωʔδϟʔ͸޲͍͍ͯͳ͍ʯ

  25. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP Θͨ͠ͷϚωʔδϟʔ؍ ૊৫Λ69σβΠϯͯ͠ΈΔͭ΋ΓͰଊ͑ͯΈΔ

  26. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ΩϟϦΞͳͲͷՁ஋؍Λ஌Δ ϝϯόʔͷՁ஋؍ΛҾ͖ग़ͨ͢Ίͷਂ۷Γ˺ϢʔβʔΠϯλϏϡʔ

  27. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ؅ཧର৅Ͱ͸ͳ͘ڞ૑͢Δ஥ؒͩͱଊ͑Δ Θͨ͠ͱ͋ͳ͚ͨͩͷؔ܎ɺ͚ͩͰ͸ͳ͘ʜ૬ख͕ஔ͔ΕΔؔ܎ੑͱݟ͍͑ͯΔܠ৭͕ݟ͑ͯ͘Δ

  28. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP 5FBN ࣗνʔϜΛӽ͑ͯؔ܎ੑΛ؍࡯͢Δ 5FBN 5FBN

  29. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP 5FBN 5FBN 5FBN ؔ܎ੑΛϚϦΞʔδϡ͠ࣄۀػձΛ෇༩͢Δ ࣄۀػձ" ࣄۀػձ#

  30. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP σβΠφʔ͸ߏ଄͕ෆ໌ྎͰ ༳Εಈ͘΋ͷΛѻ͏ͷ͕͏·͍

  31. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࠷ޙʹॏཁͳͷ͸<ඒҙࣝ>

  32. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ࠷ऴతͳʮඒҙࣝʯΛࣗ෼ͷதʹ࣋ͭ ඒ͠͞΁ͷͩ͜ΘΓ͕σβΠφʔͱͯࠜ͠ݯʹ͋Δᛗ࣋ ͳʹΛɺͳͥ ඒ͍͠ͱࢥ͏͔ʁ ͦͷੵΈॏͶͰ ࣗ෼ʹͱͬͯͷ ࢦ਑ͱͳΔ ແҙࣝʹ๏ଇੑΛ ݟग़͢

  33. None

  34. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP ਫ໘ΛோΊΔ ඒҙࣝΛҭΉ Θͨ͠ʹͱͬͯͷσβΠϯ

  35. 4QFDUSVN5PLZP'FTUJWBMʛ໨ʹݟ͑ͳ͍΋ͷͷσβΠϯ!UBKJNB@LBIP $6-5*#"4&-BC IUUQTXXXDVMUJCBTFKQ

  36. None

  37. 5IBOLZPV !UBKJNB@LBIP "."Ͱ͓࿩͠·͠ΐ͏ʂ